:root{font-family:Inter,sans-serif;--button-width: 100%;--button-size: 30px;--border-radius: 10px;--section-padding: 1rem;--element-padding: .5rem;--font-size: 20px;--font-size-header: 30px;--primary: #F8F9FA;--secondary: #FF8C42;--tertiary: #CC5803;--accent: #2E2E2E;--text-primary: #2E2E2E;--text-secondary: #5E5E5E;--success: #4CAF50;--danger: #A41623;--neutral: #E0E0E0;--border-color: #D1D5DB;--highlight: #FFEDD5;--dm-primary: #121212;--dm-secondary: #FF8C42;--dm-tertiary: #CC5803;--dm-accent: #E5E7EB;--dm-text-primary: #E5E7EB;--dm-text-secondary: #9CA3AF;--dm-success: #1B9AAA;--dm-danger: #A41623;--dm-neutral: #1E1E1E;--dm-border-color: #374151;--dm-highlight: #4B5563;--dm-spark-accent: #FF9E22}.dark-mode{color-scheme:dark;--primary: var(--dm-primary);--secondary: var(--dm-secondary);--tertiary: var(--dm-tertiary);--accent: var(--dm-accent);--text-primary: var(--dm-text-primary);--text-secondary: var(--dm-text-secondary);--success: var(--dm-success);--danger: var(--dm-danger);--neutral: var(--dm-neutral);--border-color: var(--dm-border-color);--highlight: var(--dm-highlight)}body{color:var(--text-primary);min-width:340px;transition:background-color .3s ease,color .3s ease}main{display:flex;flex-direction:row;gap:var(--section-padding);padding:var(--section-padding);transition:background-color .3s ease;justify-content:center}@media (max-width: 900px){main{flex-direction:column;padding:var(--section-padding) 0 0 0}}p{line-height:1.2}.header{height:100px;border-radius:var(--border-radius);padding:var(--element-padding);display:flex;align-items:center;justify-content:space-around;background-color:var(--primary);border-bottom:2px solid var(--secondary);transition:all .2s ease-in-out;box-shadow:0 4px 4px #0000004d}.display-none{height:0;transition:height .3s ease;opacity:0;width:0;padding:0;margin:0}.header__details{display:flex;flex-direction:row;gap:50px;justify-content:center;align-items:center}.header-navigation{display:flex;flex-direction:row;gap:2px}.header-navigation__links{border-right:1px solid var(--secondary);font-size:25px;cursor:pointer;font-weight:700;padding:0 5px}.header-navigation__links__end{font-size:25px;cursor:pointer;font-weight:700;padding:0;border:none}.header-navigation__links:hover{background:var(--secondary);color:var(--primary)}@media (max-width: 800px){.header__details{flex-direction:column;gap:10px}.header__device-name *{margin:0}.header__details>*{margin:0}.header{flex-direction:column;gap:10px;height:165px}}@media (max-width: 900px){.header__details{flex-direction:column;gap:10px}.header__details>h1{margin-bottom:0}.header__details *{margin:0 0 10px}}.header__device-name{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:1rem}.header__device-name>p{font-size:20px;font-weight:700;color:var(--secondary)}.header>div>h1{color:var(--tertiary)}.general-button{width:fit-content;font-weight:700;font-size:var(--button-size);border-radius:var(--border-radius);border:none;outline:none;background-color:var(--tertiary);cursor:pointer}.disabled-button{pointer-events:none;cursor:not-allowed;opacity:.65}.general-button__clicked,.general-button:hover{background-color:var(--neutral)}.full-screen__close{z-index:1;position:fixed;left:calc(100% - (var(--section-padding)* 3) - 10px);display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--primary);box-shadow:0 4px 4px #0000004d;cursor:pointer;transition:transform .2s ease-in-out}.full-screen__close:hover{transform:scale(1.1)}.left-column,.right-column{display:flex;flex-direction:column;gap:1rem}.left-column,.right-column{width:50%}@media (max-width: 900px){.left-column,.right-column{width:100%}}section{color:var(--text-primary);border-bottom:2px solid var(--secondary);background-color:var(--primary);border-radius:var(--border-radius);padding:var(--element-padding);box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #0000004d}.section-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-height:70px}.section-header>*{font-size:var(--font-size-header);margin:0}.device-data{display:flex;flex-direction:column}.device-data_list{font-size:var(--font-size);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--element-padding);align-items:center;margin:0;padding:0}@media (max-width: 1100px){.device-data_list{grid-template-columns:none;padding:0}}.device-data_list>li:last-child{grid-column:1 / -1}.device-data>ul>li{font-size:var(--font-size);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:calc(100% - var(--element-padding))}.data-item-label{font-size:var(--font-size);font-weight:700;border-right:1px solid var(--border-color);min-width:130px;color:var(--secondary);margin:0;flex-shrink:0}.data-item-value{margin:0;flex-shrink:1;font-size:var(--font-size);padding-right:var(--element-padding);color:var(--text-primary);text-wrap:wrap;white-space:wrap;word-break:break-word}@media (max-width: 400px){.data-item-value{max-width:calc(160px - var(--element-padding))}}.cpu-cores{display:flex;flex-direction:column;padding:var(--element-padding)}.cpu-cores>ul{font-size:var(--font-size);font-weight:700;display:grid;grid-template-columns:repeat(2,1fr);min-width:300px;padding:0;margin:0;gap:var(--element-padding)}.cpu-cores>ul>li{font-size:var(--font-size);background-color:var(--neutral);list-style:none;display:flex;justify-content:space-between;flex-direction:column;padding:1px}.cpu-cores>ul>li>div>p{margin:0}.memory-info{width:100%}.memory-info__content{display:grid;grid-template-columns:repeat(2,1fr);background-color:var(--neutral)}.memory-bar{height:3px;grid-column:1 / -1}.memory-info__content>div>p{font-size:var(--font-size);text-align:center;margin:0}.memory-info__content-title{font-weight:700}.settings-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.settings__container{padding:var(--element-padding);width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.settings-header{width:50%;align-self:flex-start;margin-left:10%;padding:var(--element-padding);display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border-color)}.settings-header>h1{margin:0}.settings{width:calc(100% - var(--section-padding));padding:var(--element-padding);display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:var(--border-radius);background-color:var(--primary);box-shadow:0 4px 4px #0000004d}.settings-entry{height:calc(80px - 1rem);width:80%;max-width:600px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--element-padding);border-radius:var(--border-radius);transition:height .3s ease}.settings-entry__button-container{display:flex;flex-direction:row}.settings-entry__label{border-right:2px solid var(--border-color);margin-right:30px;max-width:100px;min-width:130px;height:2rem}@media (max-width: 600px){.settings-entry{height:calc(100px - 1rem);flex-direction:column;align-items:flex-start;width:fit-content;border-radius:0;padding-bottom:10px}.settings-entry__label{border-right:none;margin-right:0;height:2rem}}@media (min-width: 850px){.settings{width:calc(70% - 2rem)}}.device-management__wrapper{width:100%;align-items:center;display:flex;flex-direction:column;justify-content:center}.device-management__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}.device-management__header{align-self:flex-start;display:flex;width:50%;margin-left:15%;margin-bottom:10px;text-align:left;border-bottom:1px solid var(--border-color)}.device-management__header>h1{margin:0}.device-management__form{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-management__form>button{align-self:flex-end}.device-management__form-element{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-left:5%}.form__input-note{width:100%;text-align:center;font-size:10px;color:var(--secondary)}.device-management__form-element>input{width:90%;font-size:25px;padding:var(--element-padding);outline:none;border-radius:var(--border-radius);background-color:var(--neutral);border:1px solid var(--border-color)}.device-management__form-element>label{font-size:20px;font-weight:700}.device-management__blob-link{width:0;height:0;cursor:none;border:none;outline:none;padding:0;margin:0;opacity:0}.device-list__container{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);padding-bottom:10px}.device-container__name{font-size:25px;font-weight:700;text-align:left;width:90%;margin:0}.device-container__ipAddr{font-size:25px;background-color:var(--neutral);padding:var(--element-padding);width:90%;border-radius:var(--border-radius)}.edit-device__form-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:15px}@media (min-width: 850px){.device-management__container{width:calc(70% - 2rem)}.device-list__container,.device-management__form{width:60%}}@media (max-width: 850px){.device-management__container{width:100%}.device-management__header{width:80%}}.device-navigation{display:flex;flex-direction:row;overflow:auto;align-items:center;justify-content:space-between;scroll-behavior:smooth;margin:var(--element-padding);border-radius:var(--border-radius);gap:var(--element-padding)}.device-navigation__wrapper{background-color:var(--primary);padding:var(--element-padding)}@media (min-width: 700px){.device-list{scrollbar-width:none}}.themes-container{height:auto;border:2px solid var(--neutral);border-radius:5px;width:calc(100% - 60px);padding:15px;margin:15px;display:grid;grid-template-columns:repeat(10,1fr);justify-content:space-between;align-items:center;flex-direction:row;gap:10px}.theme-container{border:1px solid var(--neutral);height:30px;width:30px;display:flex;justify-content:center;align-items:center;padding:1px;border-radius:5px;cursor:pointer}.theme_wrapper{max-width:50px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.theme_wrapper_clicked{border:2px solid var(--secondary)}.theme{height:25px;width:25px;border-radius:50px}.theme-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-form__buttons{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.theme-form__buttons>button{font-weight:700;font-size:var(--button-size);border-radius:5px;cursor:pointer;margin:10px;border:none;color:var(--accent);outline:none}.theme_save{background-color:var(--success)}.theme_cancel{background-color:var(--danger)}.theme-container__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:30px}@media (max-width: 1200px){.themes-container{grid-template-columns:repeat(7,1fr)}}@media (max-width: 700px){.theme{height:40px;width:40px;border-radius:50px}.themes-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;align-items:center}.theme-container{height:50px;width:50px}}.notification{z-index:150;position:fixed;top:50px;left:15px;opacity:0;width:0;border-radius:5px;text-align:center;color:#f0f8ff;transition:width .3s;background-color:var(--tertiary);border-right:3px solid var(--secondary)}.notification>.title{margin:0;font-size:16px;font-weight:700}.notification>p{margin:0}.notification__active{max-height:70px;opacity:1;display:block;height:1000px;min-height:50px;width:300px;padding:5px}.device-type-selection__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:height .2s ease-in-out}.device-type-selection{display:flex;flex-direction:column;width:calc(60% - 2rem)}.device-type-selection>h1{margin:0;text-align:center}.description-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);width:calc(100% - 40px);margin:0 20px;max-width:500px;align-self:center}.description-container__title{align-self:flex-start;font-weight:700;font-size:20px;margin-bottom:0}.description-container__paragraph{text-align:center;border-radius:5px;background-color:var(--neutral);padding:var(--element-padding)}.description-container__form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:20px}.container__form__radio-container>input[type=radio]{-webkit-appearance:none;width:20px;height:20px;background-color:var(--neutral);border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer}.container__form__radio-container>input[type=radio]:hover{box-shadow:0 0 4px 2px var(--secondary) inset}.container__form__radio-container>input[type=radio]:checked{background-color:var(--secondary)}.container__form__radio-container{display:flex;flex-direction:row;gap:10px;width:30%}.child-processes__table{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column}.child-processes__row{display:flex;flex-direction:row;gap:0;width:calc(100% - var(--element-padding));border-right:1px solid var(--tertiary);border-left:1px solid var(--tertiary)}.child-processes__row-header{border-left:none;border-right:none}.child-processes__row-item{border-top:1px solid var(--border-color);min-width:20%;max-width:20%;margin:0;overflow:hidden;font-size:calc(var(--font-size) - 6px);text-align:center}.child-processes__header{min-width:20%;max-width:20%;border-right:1px solid var(--secondary);text-align:center;font-size:var(--font-size);margin:0 0 4px}.child-processes__header-end{border-right:none}.network-container{display:grid;grid-template-columns:repeat(2,1fr)}.network-interface__container:nth-child(odd){border-right:1px solid var(--border-color)}.network-interface__container{min-width:50%}.network-interface-name__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border-color)}.network-interface-name__container>*{margin:0}.network-interface__name{font-size:var(--font-size);color:var(--tertiary);font-weight:700}.network-interface__header{border-bottom:1px solid var(--border-color)}.network-interface__header>p{margin:10px 0;padding-left:10px;font-size:var(--font-size-header)}.network-interface-item__container{display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border-color);padding-bottom:10px}.network-interface-item__container>.network-interface__item{display:flex;flex-direction:row;gap:10px;padding-top:5px;transition:height .3s ease-in-out;height:calc(var(--font-size) * 1.2)}.network-interface__item>label{color:var(--secondary);font-size:var(--font-size)}@media (max-width: 750px){.network-interface-item__container>.network-interface__item:last-child{height:calc(var(--font-size) * (1.2 * 3))}.network-interface-item__container>.network-interface__item:first-child{height:calc(var(--font-size) * (1.2 * 2))}}@media (min-width: 900px){.network-interface-item__container>.network-interface__item:last-child{height:calc(var(--font-size) * (1.2 * 3))}.network-interface-item__container>.network-interface__item:first-child{height:calc(var(--font-size) * (1.2 * 2))}}.network-interface__item>p{font-size:var(--font-size);margin:0;overflow:hidden;text-wrap:wrap;white-space:wrap;word-break:break-word;padding-right:5px}@media (max-width: 450px){.network-interface-usage__container{padding:0;margin:0}.network-interface-usage__container>.network-interface__item{flex-direction:column}}.disk-container{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.disk-container__item{display:flex;flex-direction:column;width:100%;justify-content:flex-start;border-bottom:1px solid var(--border-color);margin-bottom:10px}.disk-container__item>p{color:var(--tertiary);font-weight:700;font-size:var(--font-size);min-height:calc(var(--font-size) * 3);border-bottom:1px solid var(--border-color);margin:0 0 var(--element-padding) 0;padding-left:10px}.disk-container__item:nth-child(odd){border-right:1px solid var(--border-color)}.disk-item__entry{display:flex;flex-direction:row;gap:10px;padding-left:10px}@media (max-width: 500px){.disk-item__entry{flex-direction:column}}.disk-item__entry>label{color:var(--secondary);font-weight:700;font-size:var(--font-size);margin:0}.disk-item__entry>p{font-size:var(--font-size);margin:0;overflow:hidden;text-wrap:wrap;white-space:wrap;word-break:break-word}.disk-usage__container{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.disk-usage__item{display:flex;flex-direction:row;gap:10px}.disk-usage__item>p{font-size:var(--font-size);margin:0}.disk-usage__item>label{font-size:var(--font-size);color:var(--secondary);font-weight:700;cursor:pointer}.dark-mode{color-scheme:dark}.dark-mode section,.dark-mode .cpu-cores>ul>li,.dark-mode .memory-info>div{box-shadow:0 2px 8px #00000080}.dark-mode .cpu-header{display:flex;flex-direction:row;justify-content:space-between}.dark-mode .header>button:hover{background-color:var(--dm-highlight)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}