@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#fafafa;--bg-gradient:linear-gradient(135deg, #f0f0f0 0%, #fafafa 50%, #eaeaeb 100%);--surface-glass:#fff9;--surface-glass-hover:#fffc;--surface-border:#383a421a;--surface-highlight:#383a420d;--surface-highlight-strong:#383a421a;--surface-overlay:#383a4208;--sidebar-glass:#ffffff59;--sidebar-glass-border-top:#383a421f;--sidebar-glass-border:#383a4214;--sidebar-inner-glow:inset 0 1px 0 0 #ffffffb3, inset 0 0 20px #ffffff1a;--sidebar-shadow:4px 0 24px #383a420f, 1px 0 8px #383a4208;--text-primary:#383a42;--text-secondary:#a0a1a7;--accent-gold:#c18401;--accent-gold-hover:#986801;--accent-crimson:#e45649;--success:#50a14f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--blur-sm:10px;--blur-md:16px;--blur-lg:24px;--shadow-sm:0 2px 8px #383a420f;--shadow-lg:0 4px 16px #383a4214, 0 1px 4px #383a420a;--shadow-glow:0 8px 32px #383a421a, 0 2px 8px #383a420a;--badge-warning-color:#c18401;--badge-success-color:#50a14f;--badge-info-color:#0184bc;--badge-urgent-color:#e45649;--badge-important-color:#a626a4}[data-theme=dark]{--bg-color:#1e2227;--bg-gradient:linear-gradient(135deg, #21252b 0%, #1e2227 50%, #181a1f 100%);--surface-glass:#21252b73;--surface-glass-hover:#282c348c;--surface-border:#abb2bf0f;--surface-highlight:#abb2bf0a;--surface-highlight-strong:#abb2bf1a;--surface-overlay:#abb2bf08;--sidebar-glass:#181a1f80;--sidebar-glass-border-top:#abb2bf1f;--sidebar-glass-border:#abb2bf0d;--sidebar-inner-glow:inset 0 1px 0 0 #abb2bf14, inset 0 0 20px #abb2bf03;--sidebar-shadow:4px 0 24px #0006, 1px 0 8px #0003;--text-primary:#abb2bf;--text-secondary:#7f848e;--accent-gold:#e5c07b;--accent-gold-hover:#d19a66;--accent-crimson:#e06c75;--success:#98c379;--shadow-sm:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #00000073, 0 2px 8px #00000040;--shadow-glow:0 8px 32px #e5c07b14, 0 0 16px #e5c07b0a;--badge-warning-color:#e5c07b;--badge-success-color:#98c379;--badge-info-color:#56b6c2;--badge-urgent-color:#e06c75;--badge-important-color:#c678dd}*{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-gold)}.glass-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));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-glow);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));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-gold);color:var(--bg-color);box-shadow:0 4px 14px 0 color-mix(in srgb, var(--accent-gold) 30%, transparent);border:1px solid color-mix(in srgb, var(--accent-gold) 30%, transparent)}.btn-primary:hover{background:var(--accent-gold-hover);box-shadow:0 6px 20px color-mix(in srgb, var(--accent-gold) 40%, transparent);transform:translateY(-1px)}.btn-secondary{background:var(--surface-highlight);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));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}.input-field{background:var(--surface-overlay);width:100%;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--surface-border);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-gold);background:var(--surface-glass);outline:none;box-shadow:0 0 0 3px #df8e1d1a}.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;padding:1rem;font-size:.875rem;font-weight:500}.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);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}@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{background:var(--sidebar-glass);-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);border-right:1px solid var(--sidebar-glass-border);border-top:1px solid var(--sidebar-glass-border-top);width:280px;box-shadow:var(--sidebar-shadow), var(--sidebar-inner-glow);z-index:40;flex-direction:column;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.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:.5rem;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);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));color:var(--text-primary)}.nav-link.active{background:var(--surface-highlight-strong);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));color:var(--text-primary);font-weight:600}.datetime-monitor{cursor:default;transition:all .4s!important}.datetime-monitor:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--accent-gold) 40%, transparent)!important;background:var(--surface-glass-hover)!important;box-shadow:0 12px 40px #0003,0 0 20px #f9e2af26!important}.sidebar-footer{padding:1.5rem 1rem}.user-profile{border-radius:var(--radius-md);background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--surface-border);align-items:center;gap:1rem;padding:.75rem;display:flex}.user-profile .avatar{background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-hover) 100%);width:40px;height:40px;color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;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:.15;pointer-events:none;z-index:0;background:url(/main-bg.webp) 50%/cover no-repeat;transition:left .3s;position:fixed;inset:0 0 0 280px}.main-content.collapsed:before{left:80px}.main-content>*{z-index:1;position:relative}.mobile-header{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));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);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));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-gold);color:var(--bg-color);box-shadow:var(--shadow-sm);font-weight:600}@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}}