@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f5f7fa;--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #eef1f5 50%, #f5f7fa 100%);--surface-glass:#fffffff2;--surface-glass-hover:#fff;--surface-border:#e5e7eb;--surface-highlight:#3b82f60f;--surface-highlight-strong:#3b82f61f;--surface-overlay:#f9fafb;--surface-background:#fff;--sidebar-glass:#fff;--sidebar-glass-border-top:#e5e7eb;--sidebar-glass-border:#e5e7eb;--sidebar-inner-glow:none;--sidebar-shadow:1px 0 0 #e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-primary-light:#3b82f61a;--accent-gold:#3b82f6;--accent-gold-hover:#2563eb;--accent-crimson:#ef4444;--success:#10b981;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--blur-sm:10px;--blur-md:16px;--blur-lg:24px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 6px #0000000a, 0 2px 4px #00000008;--shadow-lg:0 10px 25px #0000000f, 0 4px 10px #00000008;--shadow-glow:0 10px 30px #3b82f614, 0 4px 10px #00000008;--badge-warning-color:#f59e0b;--badge-success-color:#10b981;--badge-info-color:#3b82f6;--badge-urgent-color:#ef4444;--badge-important-color:#8b5cf6}[data-theme=dark]{--bg-color:#0b0e14;--bg-gradient:linear-gradient(135deg, #0b0e14 0%, #0f1219 100%);--surface-glass:#161a23d9;--surface-glass-hover:#1e232df2;--surface-border:#ffffff0a;--surface-highlight:#60a5fa14;--surface-highlight-strong:#60a5fa26;--surface-overlay:#ffffff05;--surface-background:#161a23;--sidebar-glass:#0b0e14d9;--sidebar-glass-border-top:#ffffff0a;--sidebar-glass-border:#ffffff0a;--sidebar-inner-glow:none;--sidebar-shadow:none;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#60a5fa;--accent-primary-hover:#93c5fd;--accent-primary-light:#60a5fa1f;--accent-gold:#60a5fa;--accent-gold-hover:#93c5fd;--accent-crimson:#f87171;--success:#34d399;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 25px #0006, 0 4px 10px #0000004d;--shadow-glow:0 10px 30px #60a5fa1a, 0 4px 10px #0000004d;--badge-warning-color:#fbbf24;--badge-success-color:#34d399;--badge-info-color:#60a5fa;--badge-urgent-color:#f87171;--badge-important-color:#a78bfa}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background .4s,background-color .4s,color .4s}*,:before,:after{transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-primary)}.glass-panel{background:var(--surface-glass);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.glass-card{background:var(--surface-glass);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s,box-shadow .2s,background .2s}.glass-card:hover{background:var(--surface-glass-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;border:none;box-shadow:0 4px 14px #3b82f640}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.btn-secondary{background:var(--surface-highlight);color:var(--text-primary);border:1px solid var(--surface-border)}.btn-secondary:hover{background:var(--surface-highlight-strong)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-muted{color:var(--text-secondary);font-size:.875rem}.text-accent-primary,.text-accent-gold{color:var(--accent-primary)}.text-accent-crimson{color:var(--accent-crimson)}.input-field{background:var(--surface-overlay);border:1px solid var(--surface-border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);max-width:100%;padding:.75rem 1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s}.input-field:focus{border-color:var(--accent-primary);background:var(--surface-glass);box-shadow:0 0 0 3px var(--accent-primary-light);outline:none}.input-field::placeholder{color:var(--text-secondary)}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.page-container{padding:1.5rem 1rem 1rem}.flex-between{flex-wrap:wrap;gap:1rem}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.modal-inner{max-width:95%!important;padding:1.5rem!important}}@media (width<=600px){.modal-inner{padding:1rem!important}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.8rem}}.modal-inner{transition:padding .3s}.table-container{width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border);white-space:nowrap;background:var(--surface-overlay);padding:1rem;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid var(--surface-border);color:var(--text-primary);white-space:nowrap;padding:1rem}.data-table tr:hover td{background:var(--surface-highlight)}@media (width<=768px){.table-container{border:none}.data-table thead{display:none}.data-table tr{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-glass);box-shadow:var(--shadow-sm);margin-bottom:1rem;display:block}.data-table td{text-align:right;border-bottom:1px solid var(--surface-overlay);white-space:normal;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;text-align:left;flex-shrink:0;margin-right:1rem;font-size:.75rem;font-weight:600}}.badge{letter-spacing:.025em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-warning{background:color-mix(in srgb, var(--badge-warning-color) 15%, transparent);color:var(--badge-warning-color);border:1px solid color-mix(in srgb, var(--badge-warning-color) 30%, transparent)}.badge-success{background:color-mix(in srgb, var(--badge-success-color) 15%, transparent);color:var(--badge-success-color);border:1px solid color-mix(in srgb, var(--badge-success-color) 30%, transparent)}.badge-info{background:color-mix(in srgb, var(--badge-info-color) 15%, transparent);color:var(--badge-info-color);border:1px solid color-mix(in srgb, var(--badge-info-color) 30%, transparent)}.badge-urgent{background:color-mix(in srgb, var(--badge-urgent-color) 15%, transparent);color:var(--badge-urgent-color);border:1px solid color-mix(in srgb, var(--badge-urgent-color) 30%, transparent)}.badge-important{background:color-mix(in srgb, var(--badge-important-color) 15%, transparent);color:var(--badge-important-color);border:1px solid color-mix(in srgb, var(--badge-important-color) 30%, transparent)}.layout-wrapper{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:40;background:#ffffffa6;border-right:1px solid #ffffff4d;flex-direction:column;width:280px;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:1px 0 12px #0000000a}[data-theme=dark] .sidebar{background:#111827b3;border-right:1px solid #ffffff0f;box-shadow:1px 0 12px #0000004d}.sidebar.collapsed{width:80px}.sidebar.collapsed .brand-text-container{display:none}.sidebar.collapsed .brand-header{flex-direction:column;align-items:center;gap:1rem}.sidebar.collapsed .desktop-toggle{margin-top:.5rem;display:flex!important}.sidebar-header{border-bottom:1px solid var(--surface-border);padding:1.5rem}.brand-icon-img{border-radius:var(--radius-sm);object-fit:contain;width:36px;height:36px}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1.5rem 1rem;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:500;transition:all .2s;display:flex}.sidebar.collapsed .nav-link span{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.875rem 0}.sidebar.collapsed .sidebar-footer span{display:none}.sidebar.collapsed .sidebar-footer button{justify-content:center;padding:.875rem 0}.nav-link:hover{background:var(--surface-highlight);color:var(--text-primary)}.nav-link.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600}.datetime-monitor{cursor:default;transition:all .4s!important}.datetime-monitor:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)!important;border-color:var(--accent-primary)!important;background:var(--surface-glass-hover)!important}.sidebar-footer{padding:1.5rem 1rem}.user-profile{border-radius:var(--radius-md);background:var(--surface-glass);border:1px solid var(--surface-border);align-items:center;gap:1rem;padding:.75rem;display:flex}.user-profile .avatar{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-hover) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-profile .name{font-size:.875rem;font-weight:600;display:block}.main-content{flex:1;min-height:100vh;margin-left:280px;transition:margin-left .3s;position:relative}.main-content.collapsed{margin-left:80px}.main-content:before{content:"";opacity:.12;pointer-events:none;z-index:0;background:url(/main-bg.webp) 50%/cover no-repeat;transition:left .3s;position:fixed;inset:0}.main-content>*{z-index:1;position:relative}.mobile-header{background:var(--surface-glass);border-bottom:1px solid var(--surface-border);z-index:30;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:none;position:sticky;top:0}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.main-content:before{left:0}.mobile-header{display:flex}.hide-mobile{display:none}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:35;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.tabs-container{background:var(--surface-overlay);border-radius:var(--radius-md);border:1px solid var(--surface-border);gap:.25rem;width:fit-content;margin-bottom:2rem;padding:.4rem;display:flex}.tab-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-item:hover{color:var(--text-primary);background:var(--surface-highlight)}.tab-item.active{background:var(--accent-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f640}@media (width<=600px){.tabs-container{gap:0;width:100%;padding:.25rem;overflow-x:auto}.tab-item{text-align:center;flex:1;padding:.5rem .75rem;font-size:.75rem}}