:root{--bg-color: #ffffff;--text-color: #213547;--sidebar-bg: #ffffff;--sidebar-text: #ecf0f1;--header-bg: #ffffff;--card-bg: #ffffff;--border-color: #ddd;--input-bg: #ffffff;--input-text: #000000;--table-header-bg: #f8f9fa;--table-row-hover: #f1f1f1;--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--bg-alt: #e9ecef;--accordion-active-bg: #f0f7ff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark-mode{--bg-color: #1a1a1a;--text-color: #e0e0e0;--sidebar-bg: #111;--sidebar-text: #ecf0f1;--header-bg: #242424;--card-bg: #2a2a2a;--border-color: #555;--input-bg: #333;--input-text: #ffffff;--table-header-bg: #333;--table-row-hover: #3a3a3a;--modal-bg: #2a2a2a;--modal-overlay: rgba(0, 0, 0, .7);--success-btn: #2ea043;--danger-btn: #da3633;--secondary-btn: #21262d;--bg-alt: #5e3131;--sidebar-border: #444;--accordion-active-bg: #374151}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:var(--input-bg)!important;color:var(--input-text)!important;border:1px solid var(--border-color)!important}body.dark-mode .dashboard-container .top-bar,body.dark-mode .dashboard-container .sidebar{background-color:var(--header-bg);border-bottom:1px solid var(--border-color)}body.dark-mode .dashboard-container .sidebar{border-right:1px solid var(--border-color);background-color:var(--sidebar-bg)}body.dark-mode .sidebar-item{border-bottom:1px solid var(--sidebar-border)!important}body.dark-mode .page-content{background-color:var(--bg-color)}.card{background:var(--card-bg);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-color)}body.dark-mode .card{background:var(--card-bg)!important;border:1px solid var(--border-color)}.modal-overlay{background-color:var(--modal-overlay)}.sticky-col{background-color:var(--card-bg);z-index:10}.bg-alt{background-color:var(--bg-alt)}.planning-input{background:transparent;width:100%;height:100%;border:none;padding:8px;text-align:center;box-sizing:border-box;outline:none;color:var(--text-color)}.planning-input:focus{background:var(--table-row-hover)}body.dark-mode .planning-input{background-color:transparent!important;border:none!important;color:var(--text-color)!important}.modal-content{background-color:var(--modal-bg);color:var(--text-color);border:1px solid var(--border-color)}table{color:var(--text-color);width:100%;border-collapse:collapse}th{background-color:var(--table-header-bg);color:var(--text-color);text-align:left;padding:12px}td{padding:12px;border-bottom:1px solid var(--border-color)}body.dark-mode th{background-color:var(--table-header-bg)!important}.accordion-header{background-color:var(--table-header-bg);color:var(--text-color);padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;border-bottom:1px solid var(--border-color)}body.dark-mode .burger-line{background-color:var(--text-color)}body.dark-mode ::-webkit-scrollbar{width:12px;height:12px}body.dark-mode ::-webkit-scrollbar-track{background:var(--bg-color)}body.dark-mode ::-webkit-scrollbar-thumb{background-color:#555;border-radius:6px;border:3px solid var(--bg-color)}body.dark-mode ::-webkit-scrollbar-corner{background:var(--bg-color)}body.dark-mode input:-webkit-autofill,body.dark-mode input:-webkit-autofill:hover,body.dark-mode input:-webkit-autofill:focus,body.dark-mode textarea:-webkit-autofill,body.dark-mode textarea:-webkit-autofill:hover,body.dark-mode textarea:-webkit-autofill:focus,body.dark-mode select:-webkit-autofill,body.dark-mode select:-webkit-autofill:hover,body.dark-mode select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset!important;transition:background-color 5000s ease-in-out 0s}.icon-sprite{background-color:currentColor;-webkit-mask-image:url(/assets/icons/sprite_mask.png);mask-image:url(/assets/icons/sprite_mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;display:inline-block;vertical-align:middle}.icon-small{width:32px;height:32px;-webkit-mask-size:400% 300%;mask-size:400% 300%}.icon-medium{width:48px;height:48px;-webkit-mask-size:400% 300%;mask-size:400% 300%}.icon-large{width:80px;height:80px;-webkit-mask-size:400% 300%;mask-size:400% 300%}.icon-i-0{-webkit-mask-position:0% 0%;mask-position:0% 0%}.icon-i-1{-webkit-mask-position:33.33% 0%;mask-position:33.33% 0%}.icon-i-2{-webkit-mask-position:66.66% 0%;mask-position:66.66% 0%}.icon-i-3{-webkit-mask-position:100% 0%;mask-position:100% 0%}.icon-i-4{-webkit-mask-position:0% 50%;mask-position:0% 50%}.icon-i-5{-webkit-mask-position:33.33% 50%;mask-position:33.33% 50%}.icon-i-6{-webkit-mask-position:66.66% 50%;mask-position:66.66% 50%}.icon-i-7{-webkit-mask-position:100% 50%;mask-position:100% 50%}.icon-i-8{-webkit-mask-position:0% 100%;mask-position:0% 100%}.icon-i-9{-webkit-mask-position:33.33% 100%;mask-position:33.33% 100%}.icon-i-10{-webkit-mask-position:66.66% 100%;mask-position:66.66% 100%}.icon-i-11{-webkit-mask-position:100% 100%;mask-position:100% 100%}:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-color: #333;--bg-color: #f4f7f6;--sidebar-width: 250px;--header-height: 64px;--transition-speed: .3s}.dashboard-container{display:flex;height:100vh;background-color:var(--bg-color);font-family:Inter,sans-serif;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg, white);height:100%;box-shadow:2px 0 10px #0000000d;transition:transform var(--transition-speed) ease,background-color .3s;position:fixed;left:0;top:0;z-index:100;padding-top:var(--header-height);border-right:1px solid var(--border-color, transparent)}.sidebar.closed{transform:translate(-100%)}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{padding:15px 20px;border-bottom:1px solid var(--border-color, #f0f0f0);cursor:pointer;transition:background .2s,color .2s;color:var(--text-color);font-weight:500}.sidebar-item:hover{background-color:var(--table-row-hover, #f9f9f9);color:var(--primary-color)}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left var(--transition-speed) ease;margin-left:0;width:auto;background-color:var(--bg-color)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.top-bar{height:var(--header-height);background:var(--header-bg, white);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #0000000d;position:fixed;top:0;right:0;left:0;z-index:101;border-bottom:1px solid var(--border-color, transparent);transition:background-color .3s}.burger-menu{cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:5px}.burger-line{width:25px;height:3px;background-color:var(--text-color);border-radius:2px;transition:all .3s}.app-title{font-size:1.25rem;font-weight:700;color:var(--secondary-color);position:absolute;left:50%;transform:translate(-50%)}.user-section{display:flex;align-items:center;gap:15px}.user-name{font-weight:600;color:var(--text-color)}.logout-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.logout-btn:hover{background:var(--primary-color);color:#fff}.page-content{margin-top:var(--header-height);padding:20px;overflow-y:auto;height:calc(100vh - var(--header-height))}