:root{--body-background-color:rgb(0, 0, 0);--body-background-overlay:rgba(20, 19, 19, 0.8);--sidenav-background-color:rgb(26, 26, 28);--content-background-color: rgb(32, 33, 35);--contrast-background-color: rgb(53, 55, 64);--contrast-background-color-light: rgb(75, 77, 87);--text-color: rgb(238, 238, 239);--text-color-soft: rgba(238, 238, 239, 0.8);--primary-color:rgb(69, 101, 172);--primary-color-soft:rgb(106, 130, 182);--primary-color-strong:rgb(79, 111, 181);--secondary-color:rgb(239, 124, 83);--secondary-color-soft:rgb(248, 182, 158);--secondary-color-strong:rgb(232, 98, 49);--box-shadow-color: rgba(0, 0, 0, 0.2);--new-item-bg: rgba(82, 238, 124, 0.042);--new-item-border: rgba(58, 130, 77, 0.715);--updated-item-bg: rgba(69, 101, 172, 0.10);--updated-item-border: rgba(69, 102, 172, 0.745);--error-text-color: rgb(255, 69, 58);--error-background-color: rgba(255, 69, 58, 0.1);--sd-surface: #ffffff;--sd-surface-muted: #f6f8fb;--sd-border: var(--text-color);--sd-border-strong: var(--secondary-color);--sd-text: #0f172a;--sd-muted: var(--secondary-color);--sd-muted-strong: var(--secondary-color);--sd-accent: var(--secondary-color);--sd-accent-soft: var(--secondary-color-soft);--sd-accent-strong: var(--secondary-color-strong);--sd-radius: 18px;--sd-shadow: 0 32px 96px rgba(15, 23, 42, 0.18);--sd-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.12)}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url("../fonts/roboto-v49-latin-300.woff2") format("woff2");font-display:swap}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url("../fonts/roboto-v49-latin-regular.woff2") format("woff2");font-display:swap}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url("../fonts/roboto-v49-latin-700.woff2") format("woff2");font-display:swap}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:300;src:url("../fonts/roboto-mono-v31-latin-300.woff2") format("woff2");font-display:swap}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:url("../fonts/roboto-mono-v31-latin-regular.woff2") format("woff2");font-display:swap}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;src:url("../fonts/material-symbols-outlined-v292-latin-300.woff2") format("woff2");font-display:swap}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;src:url("../fonts/material-symbols-outlined-v292-latin-regular.woff2") format("woff2");font-display:swap}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;src:url("../fonts/material-symbols-outlined-v292-latin-700.woff2") format("woff2");font-display:swap}:root{--fs-100: 0.75rem;--fs-200: 0.875rem;--fs-300: 1rem;--fs-400: 1.125rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 1.75rem;--fs-800: 2rem;--fs-900: 2.5rem;--lh-body: 1.6;--lh-tight: 1.25;--lh-heading: 1.2;--track-tight: -0.005em;--track-wide: 0.04em;--font-sans: 'Roboto', Arial, Helvetica, sans-serif;--font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700}html,body{font-family:var(--font-sans);font-size:16px;line-height:var(--lh-body)}html{height:100% !important;margin:0 !important;padding:0 !important;overflow:auto !important;background-color:var(--content-background-color);box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*::before,*::after{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;color:var(--text-color);margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--lh-heading);letter-spacing:var(--track-tight);margin:0.7em 0 0.5em 0}h1{font-size:var(--fs-900)}h2{font-size:var(--fs-800)}h3{font-size:var(--fs-700)}h4{font-size:var(--fs-600)}h5{font-size:var(--fs-500)}h6{font-size:var(--fs-400);font-weight:400}a{color:var(--secondary-color);text-decoration:none;transition:color 0.2s ease;cursor:pointer}a:hover,a:focus{color:var(--secondary-color-strong);outline:none}p,ul,ol{font-size:var(--fs-300);margin:0 0 1em 0}small,.text-small{font-size:var(--fs-200)}.caption{font-size:var(--fs-100);color:var(--muted, #555)}code,.code,.id{font-family:var(--font-mono);font-size:0.9375rem;line-height:1.45}button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}img{vertical-align:middle}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}.sd_button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px !important;font-size:var(--fs-300);font-weight:var(--font-weight-bold);cursor:pointer;border:1px solid transparent;transition:transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease}.sd_button__wide{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:6px 14px;border-radius:8px !important;font-size:var(--fs-200);font-weight:var(--font-weight-bold);cursor:pointer;border:1px solid transparent;transition:transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease}.sd_button:disabled,.sd_button__wide:disabled{cursor:not-allowed;opacity:0.5;transform:none}.sd_button:hover:not(:disabled),.sd_button__wide:hover:not(:disabled){transform:translateY(-1px)}.sd_button--ghost,.sd_button__wide--ghost{background:transparent;border-color:var(--sd-border);color:var(--sd-muted-strong)}.sd_button--ghost:hover:not(:disabled),.sd_button__wide--ghost:not(:disabled){border-color:var(--sd-accent);color:var(--sd-accent)}.sd_button--primary{background:var(--sd-accent);color:var(--sd-surface-muted)}.sd_button--primary:hover:not(:disabled){background:var(--sd-accent-strong)}.sd_pill-button--ghost{padding:8px 14px;border-radius:999px}.sd_pill-button--ghost.is-active{border-color:var(--secondary-color);color:var(--secondary-color);background:rgba(15,98,254,0.08)}.sd_button--ghost:hover:not(:disabled),.sd_button--primary:hover:not(:disabled),.sd_button--ghost-minimal:hover:not(:disabled),.sd_button--multiselect:hover:not(:disabled){transform:none}.sd_button--ghost-minimal{border-radius:0 !important;background:transparent;border:none;color:var(--secondary-color);text-decoration:none;padding:4px 10px;margin:0 0 10px 0;box-shadow:none;font-weight:var(--font-weight-bold);font-size:var(--fs-200);transition:color 0.2s ease, background-color 0.2s ease;border-bottom:1px solid var(--secondary-color)}.sd_button--ghost-minimal:hover:not(:disabled){color:var(--secondary-color-strong);border-bottom:1px solid var(--secondary-color-strong);background:rgba(0,0,0,0.03)}.sd_button--multiselect{gap:0.5rem;padding:0.5rem 1.1rem;border-radius:5px !important;background:var(--contrast-background-color);border-color:var(--contrast-background-color-light);color:var(--text-color);font-size:var(--fs-200);font-weight:var(--font-weight-regular);line-height:1;white-space:nowrap;margin-top:0;margin-bottom:0;box-shadow:0 8px 16px var(--box-shadow-color)}.sd_button--multiselect__caret{display:inline-block;font-size:var(--fs-300);transform:translateY(1px)}.sd_button--multiselect:hover:not(:disabled){opacity:0.9}.sd_button--multiselect:last-child{margin-right:0}.sd_button--multiselect:disabled,.sd_button--multiselect[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;box-shadow:none}.sd_button--multiselect:focus-visible{outline:2px solid var(--text-color-soft);outline-offset:2px}.sd_button--multiselect.is-open{background:var(--contrast-background-color-light);border-color:var(--contrast-background-color)}.sd_button--icon{font-family:"Material Symbols Outlined";font-size:inherit;font-style:normal;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd_input__label{display:block;font-weight:100;font-size:var(--fs-300);margin-bottom:8px;color:var(--text-color);opacity:0.9}.sd_input__text{width:100%;padding:10px;border:1px solid var(--secondary-color);border-radius:8px;font-size:var(--fs-300);color:var(--text-color);background-color:var(--body-background-overlay);box-shadow:0 0 4px var(--box-shadow-color);transition:border 0.2s, box-shadow 0.2s}.sd_input__text::placeholder{color:var(--text-color);opacity:0.6}.sd_input__text:focus{outline:none !important;border:1px solid var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);transition:box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),border 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.sd_input__textarea{width:100%;padding:10px;border:1px solid var(--contrast-background-color);border-radius:8px;font-size:var(--fs-300);color:var(--text-color);background-color:var(--content-background-color);resize:vertical}.sd_input__textarea::placeholder{color:var(--text-color);opacity:0.6}.sd_input__textarea:focus{outline:none !important;border:1px solid var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);transition:box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),border 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.sd_input__radio,.sd_input__checkbox{display:flex;align-items:center;margin-bottom:0px;font-size:var(--fs-300);color:var(--secondary-color);position:relative;cursor:pointer;padding:6px 8px}.sd_input__radio input,.sd_input__checkbox input{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;opacity:0;-webkit-appearance:none;appearance:none;border:0;background:transparent}.sd_radio-custom,.sd_checkbox-custom{display:inline-block;width:16px;height:16px;box-sizing:border-box;border:1px solid var(--secondary-color);background:transparent;flex:0 0 16px;position:relative;margin-right:8px}.sd_radio-custom{border-radius:50%}.sd_checkbox-custom{border-radius:4px}.sd_input__radio input:checked+.sd_radio-custom{border-color:var(--sd-accent)}.sd_input__radio input:checked+.sd_radio-custom::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:8px;height:8px;background:var(--sd-accent);border-radius:50%}.sd_input__checkbox input:checked+.sd_checkbox-custom{border-color:var(--sd-accent);background:transparent}.sd_input__checkbox input:checked+.sd_checkbox-custom::after{content:'';position:absolute;left:4px;top:0px;width:6px;height:10px;border:solid var(--sd-accent);border-width:0 2px 2px 0;transform:rotate(40deg)}.sd_input__radio input:focus+.sd_radio-custom,.sd_input__checkbox input:focus+.sd_checkbox-custom{box-shadow:0 0 0 4px rgba(37,99,235,0.12);outline:none}.sd_input__radio:hover .sd_radio-custom,.sd_input__checkbox:hover .sd_checkbox-custom{border-color:var(--sd-accent-weak, var(--secondary-color))}.sd_radio-group,.sd_checkbox-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sd_radio-group--stacked,.sd_checkbox-group--stacked{flex-direction:column;align-items:flex-start;margin:0}.sd_radio-group--stacked .sd_input__radio,.sd_checkbox-group--stacked .sd_input__checkbox{margin:0 0 0 6px;padding:8px 0 0 0;line-height:1.1}.sd_radio-group--inline .sd_input__radio,.sd_checkbox-group--inline .sd_input__checkbox{margin-bottom:0;padding:4px 6px}.sd_input__radio>*:not(input):not(.sd_radio-custom),.sd_input__checkbox>*:not(input):not(.sd_checkbox-custom){flex:1 1 auto}.sd_input__hint{display:block;font-size:var(--fs-200);color:var(--text-color);opacity:0.7;margin-top:4px;opacity:0.8}.sd_input__select{width:100%;padding:10px;border:1px solid var(--contrast-background-color);border-radius:8px;font-size:var(--fs-300);color:var(--text-color);background-color:var(--sidenav-background-color);appearance:none}.sd_input__select:focus{outline:none !important;border:1px solid var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);transition:box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),border 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.sd_input__select[multiple]{height:auto;background-image:none}.sd_input__select[multiple] option{padding:5px}.sd_input__select[multiple]:focus{outline:none !important;border:1px solid var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);transition:box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),border 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.sd_input__toggle{position:relative;display:inline-block;width:51px;height:28px}.sd_input__toggle input[type="checkbox"]{position:absolute;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer;z-index:1}.sd_input__toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--contrast-background-color);border-radius:28px;transition:background-color 0.3s ease}.sd_input__toggle-track::before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--content-background-color);border-radius:50%;transition:transform 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.sd_input__toggle input[type="checkbox"]:checked+.sd_input__toggle-track{background-color:var(--sd-accent)}.sd_input__toggle input[type="checkbox"]:checked+.sd_input__toggle-track::before{transform:translateX(23px)}.sd_input__toggle input[type="checkbox"]:focus+.sd_input__toggle-track{box-shadow:0 0 0 4px rgba(37,99,235,0.12);outline:none}.sd_input__toggle:hover .sd_input__toggle-track{background-color:var(--secondary-color)}.sd_input__toggle input[type="checkbox"]:checked:hover+.sd_input__toggle-track{background-color:var(--sd-accent-strong)}.sd_input__toggle-switchmode{position:relative;width:60px;height:32px}.sd_input__toggle-switchmode input{display:none}.toggle-label{display:block;width:100%;height:100%;background:#eee;border-radius:16px;cursor:pointer;position:relative;transition:background 0.3s}.toggle-label::after{content:'';position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--secondary-color);border-radius:50%;transition:left 0.3s, background 0.3s}.sd_input__toggle-switchmode input:checked+.toggle-label{background:#222}.sd_input__toggle-switchmode input:checked+.toggle-label::after{left:32px;background:#333}body.night{color:#333}.sd_input__slider-container{position:relative;width:100%;margin-bottom:8px}.sd_input__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--contrast-background-color);border-radius:3px;outline:none;cursor:pointer;transition:background 0.3s ease}.sd_input__slider:hover{background:var(--secondary-color)}.sd_input__slider:focus{box-shadow:0 0 0 4px rgba(37,99,235,0.12)}.sd_input__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--sd-accent);border-radius:50%;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.sd_input__slider::-webkit-slider-thumb:hover{background:var(--sd-accent-strong);transform:scale(1.1)}.sd_input__slider::-moz-range-thumb{width:20px;height:20px;background:var(--sd-accent);border-radius:50%;cursor:pointer;border:none;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.sd_input__slider::-moz-range-thumb:hover{background:var(--sd-accent-strong);transform:scale(1.1)}.sd_input__slider::-moz-range-track{height:6px;background:var(--contrast-background-color);border-radius:3px;border:none}.sd_input__slider-labels{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 10px}.sd_input__slider-label{font-size:12px;color:var(--text-color);opacity:0.7;cursor:pointer;transition:all 0.2s ease;user-select:none}.sd_input__slider-label:hover{opacity:1;color:var(--sd-accent)}.sd_input__slider-label.active{opacity:1;color:var(--sd-accent);font-weight:600}.sd_input__file{display:block;margin-bottom:8px}.sd_input__current-file{font-size:13px;color:var(--text-color);opacity:0.85}.login-container{max-width:600px;margin:40px auto 20px auto;background:var(--contrast-background-color);border-radius:12px;box-shadow:0 4px 24px var(--box-shadow-color);padding:2.5rem 2rem 2rem 2rem;display:flex;flex-direction:column;align-items:center}.login-image{width:149px;height:40px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden}.login-form{width:80%;align-items:center;justify-content:center}.error-message{background:var(--error-background-color);color:var(--error-text-color);padding:0.8rem 1rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-weight:600}.login-form input:focus{border-color:#888;outline:none}.login-form button{margin-top:1.5rem;width:100%;justify-items:center;padding:0.8rem;background:var(--secondary-color);color:var(--text-color);border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background 0.2s}.login-form button:hover{background:var(--secondary-color-soft)}.login-container .register-link{display:block;text-align:right;margin-top:0.5rem;color:var(--secondary-color);text-decoration:none;font-size:0.97rem}.login-container .register-link:hover{text-decoration:underline;color:var(--secondary-color-soft)}
