:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#4d9fff;--color-primary-light:#80bdff;--color-primary-lighter:#4d9fff26;--color-primary-dark:#1a6fe8;--color-primary-darker:#1057c0;--color-secondary:#00c8f0;--color-secondary-light:#33d6f5;--color-secondary-lighter:#00c8f01f;--color-secondary-dark:#00a6c8;--color-secondary-darker:#007fa0;--gradient-primary:linear-gradient(135deg, #1a6fe8 0%, #00c8f0 100%);--gradient-secondary:linear-gradient(135deg, #00c8f0 0%, #1a6fe8 100%);--gradient-dark:linear-gradient(135deg, #09090e 0%, #0f0f1a 100%);--gradient-card:linear-gradient(145deg, #ffffff08 0%, transparent 100%);--gradient-glow:linear-gradient(90deg, #1a6fe8, #00c8f0);--color-success:#22d67a;--color-success-light:#22d67a1f;--color-warning:#f0b429;--color-warning-light:#f0b4291f;--color-error:#ff4d4d;--color-error-light:#ff4d4d1f;--color-info:#4d9fff;--color-info-light:#4d9fff1f;--color-white:#fff;--color-bg:#09090e;--color-bg-secondary:#0f0f18;--color-bg-tertiary:#151522;--color-bg-elevated:#1a1a2a;--color-bg-card:#111120;--glass-bg:#0f0f18e6;--glass-bg-hover:#151522f2;--glass-border:#4d9fff14;--glass-border-strong:#4d9fff2e;--glass-shadow:0 8px 32px #000c;--color-border:#17172a;--color-border-dark:#1f1f35;--color-border-focus:#4d9fff99;--color-text-primary:#fff;--color-text-secondary:#8892a4;--color-text-tertiary:#4a5568;--color-text-inverse:#09090e;--shadow-xs:0 1px 2px #0009;--shadow-sm:0 2px 8px #000000b3;--shadow-md:0 6px 18px #000c;--shadow-lg:0 12px 32px #000000e6;--shadow-xl:0 20px 48px #000;--shadow-glow-primary:0 0 20px #1a6fe880;--shadow-glow-secondary:0 0 20px #00c8f066;--shadow-glow-danger:0 0 20px #ff4d4d66;--shadow-glow-success:0 0 16px #22d67a66;--shadow-glow-warning:0 0 16px #f0b42966;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.45s cubic-bezier(.175, .885, .32, 1.275);--sidebar-width:240px;--sidebar-collapsed:64px;--navbar-height:64px;--max-content-width:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(at 5% 5%,#1a6fe814 0,#0000 40%),radial-gradient(at 95% 95%,#00c8f00d 0,#0000 40%);position:fixed;inset:0}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.3}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;letter-spacing:.02em;border:1px solid #0000;padding:12px 24px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn:disabled:after{display:none}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-glow-primary);border:none}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px #1a6fe8b3}.btn-secondary{color:var(--color-text-inverse);box-shadow:var(--shadow-glow-secondary);background:linear-gradient(135deg,#00c8f0 0%,#0090c0 100%);border:none}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px #00c8f099}.btn-outline{color:var(--color-primary-light);border:1px solid var(--color-border-dark);background:0 0}.btn-outline:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 0 12px #4d9fff33}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-danger{color:var(--color-white);box-shadow:var(--shadow-glow-danger);background:linear-gradient(135deg,#ff4d4d 0%,#cc1a1a 100%);border:none}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px #ff4d4d99}.btn-sm{font-size:var(--font-size-xs);padding:8px 16px}.btn-lg{font-size:var(--font-size-base);padding:16px 32px}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:10px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.form-label .required{color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;padding:12px 16px}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-dark);background:var(--color-bg-elevated)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);background:var(--color-bg-tertiary);box-shadow:0 0 0 3px #4d9fff33}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary);font-weight:400}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error);box-shadow:0 0 0 4px #ef444426}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2371717a' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5l-5-5h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-error{font-size:var(--font-size-xs);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md), 0 0 20px #4d9fff0f;border-color:var(--color-border-dark);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:800}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-4);transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:1;width:100%;height:2px;position:absolute;top:0;left:0}.stat-card.primary:before{background:var(--gradient-primary)}.stat-card.secondary:before{background:var(--gradient-secondary)}.stat-card.info:before{background:var(--color-info)}.stat-card.success:before{background:var(--color-success)}.stat-card:hover{box-shadow:var(--shadow-md), 0 0 20px #4d9fff1a;border-color:var(--color-border-dark);background:var(--color-bg-tertiary);transform:translateY(-3px)}.stat-card-icon{border-radius:var(--radius-lg);background:var(--color-bg-elevated);width:44px;height:44px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card-icon svg{width:20px;height:20px}.stat-card.primary .stat-card-icon,.stat-card.secondary .stat-card-icon,.stat-card.info .stat-card-icon,.stat-card.success .stat-card-icon{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.stat-card-content{flex:1}.stat-card-label{color:var(--color-text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:600}.stat-card-value{font-size:var(--font-size-3xl);color:var(--color-white);letter-spacing:-.03em;font-weight:800;line-height:1}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);width:100%;overflow-x:auto}.table-toolbar{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.table-search{flex:1;max-width:320px;position:relative}.table-search-input{width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);transition:all var(--transition-base);outline:none;padding:10px 14px 10px 38px}.table-search-input:focus{border-color:var(--color-primary);background:var(--color-bg-elevated);box-shadow:0 0 0 3px #06f3}.table-search-icon{color:var(--color-text-tertiary);font-size:var(--font-size-sm);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.table-filter-select{font-size:var(--font-size-sm);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);appearance:none;cursor:pointer;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A1A1AA' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5l-5-5h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 14px}.table-filter-select:focus{border-color:var(--color-primary);background:var(--color-bg-elevated);box-shadow:0 0 0 3px #06f3}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.data-table th{text-align:left;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:10px 16px;font-size:.68rem;font-weight:700}.data-table td{font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:14px 16px}.data-table tbody tr{transition:all var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.data-table tbody tr:last-child td{border-bottom:none}.table-actions{gap:var(--space-1);display:flex}.table-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-tertiary)}.table-empty-icon{margin-bottom:var(--space-3);opacity:.4;font-size:3rem}.table-pagination{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.table-pagination-buttons{gap:var(--space-1);display:flex}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-success{color:var(--color-success);background:#22d67a26;border:1px solid #22d67a40}.badge-warning{color:var(--color-warning);background:#f0b42926;border:1px solid #f0b42940}.badge-error{color:var(--color-error);background:#ff4d4d26;border:1px solid #ff4d4d40}.badge-info{color:var(--color-info);background:#4d9fff26;border:1px solid #4d9fff40}.badge-neutral{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-dark)}.badge-primary{color:var(--color-primary-light);background:#1a6fe82e;border:1px solid #4d9fff4d}.badge-secondary{color:var(--color-secondary);background:#00c8f026;border:1px solid #00c8f040}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-base) ease;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-dark);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl), 0 0 60px #000c;width:100%;max-width:520px;max-height:90vh;animation:slideUpSpring var(--transition-spring);overflow-y:auto}.modal-lg{max-width:680px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-size-lg);font-weight:700}.modal-close{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-tertiary);transition:all var(--transition-fast);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}.modal-warning-icon{border-radius:var(--radius-full);background:var(--color-warning-light);width:56px;height:56px;color:var(--color-warning);margin:0 auto var(--space-4);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.modal-success-icon{border-radius:var(--radius-full);background:var(--color-success-light);width:56px;height:56px;color:var(--color-success);margin:0 auto var(--space-4);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.summary-list{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;gap:0;display:flex;overflow:hidden}.summary-item{padding:var(--space-4);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.summary-item:hover{background:var(--color-bg-elevated)}.summary-item:last-child{border-bottom:none}.summary-item-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.summary-item-value{font-size:var(--font-size-md);color:var(--color-text-primary);text-align:right;text-align:right;font-weight:600}.layout-wrapper{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:100;transition:transform var(--transition-slow);box-shadow:1px 0 0 var(--color-border), 4px 0 24px #0009;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo{border-radius:var(--radius-md);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.sidebar-brand{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:700;line-height:1.2}.sidebar-brand small{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:500;display:block}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-title{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:700}.sidebar-link{align-items:center;gap:var(--space-3);padding:8px var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);margin-bottom:1px;font-weight:500;display:flex;position:relative}.sidebar-link:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-primary-dark);color:var(--color-white);font-weight:600}.sidebar-link-icon{width:20px;height:20px;color:inherit;opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-link-icon svg{width:16px;height:16px}.sidebar-link:hover .sidebar-link-icon,.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--color-bg-secondary)}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.main-navbar{height:var(--navbar-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);z-index:50;box-shadow:0 1px 0 var(--color-border), 0 4px 16px #0009;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:var(--space-4);display:flex}.navbar-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:700}.navbar-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:flex}.navbar-breadcrumb-separator{color:var(--color-border-dark)}.navbar-breadcrumb-current{color:var(--color-text-primary);font-weight:600}.navbar-right{align-items:center;gap:var(--space-3);display:flex}.menu-toggle{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--font-size-xl);color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.menu-toggle:hover{background:var(--color-bg-secondary)}.page-content{padding:var(--space-6);max-width:var(--max-content-width);margin:0 auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.2}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.unit-selector{position:relative}.unit-selector-trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-primary-light);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#0066ff1a;border:1px solid #3d9aff40;padding:8px 14px;font-weight:600;display:flex}.unit-selector-trigger:hover{border-color:var(--color-primary);color:var(--color-primary-light);background:#0066ff2e}.unit-selector-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);min-width:240px;box-shadow:var(--shadow-lg), 0 0 20px #00000080;z-index:200;animation:slideDown var(--transition-fast) ease;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.unit-selector-item{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:10px 16px;display:flex}.unit-selector-item:hover{background:var(--color-bg-elevated);color:var(--color-primary-light)}.unit-selector-item.active{color:var(--color-primary-light);border-left:3px solid var(--color-primary);background:#0066ff26;font-weight:600}.login-container{background:var(--color-bg);min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#0066ff26 0%,#0000 65%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:-20%;right:-15%}.login-container:after{content:"";pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00d4ff1a 0%,#0000 65%);border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-20%;left:-15%}.login-card{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl), 0 0 80px #000c, 0 0 40px #1a6fe814;padding:var(--space-10) var(--space-8);z-index:1;border:1px solid var(--color-border);position:relative}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{border-radius:var(--radius-xl);width:68px;height:68px;margin:0 auto var(--space-5);background:0 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.login-logo svg{fill:#fff;width:32px;height:32px}.login-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em;font-weight:800}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form .btn-primary{width:100%;font-size:var(--font-size-md);padding:12px}.login-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.checkbox-list{gap:var(--space-2);max-height:200px;padding:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex-direction:column;display:flex;overflow-y:auto}.checkbox-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex}.checkbox-item:hover{background:var(--color-bg-elevated)}.checkbox-item input[type=checkbox]{border:2px solid var(--color-border-dark);appearance:none;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;position:relative}.checkbox-item input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-item input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-item label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.toast-container{top:var(--space-4);right:var(--space-4);z-index:2000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-slow) cubic-bezier(.16, 1, .3, 1);min-width:300px;max-width:420px;display:flex}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-icon{font-size:var(--font-size-xl);flex-shrink:0}.toast-content{flex:1}.toast-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.toast-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3.5px;width:40px;height:40px}.loading-overlay{z-index:10;border-radius:inherit;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skeleton{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, var(--color-bg-tertiary) 50%, var(--color-bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.stats-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.hidden{display:none}.relative{position:relative}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpSpring{0%{opacity:0;transform:translateY(40px)scale(.95)}50%{opacity:1;transform:translateY(-5px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-backdrop{z-index:99;background:#0f172a66;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}.main-content{margin-left:0}.menu-toggle{display:flex}.page-content{padding:var(--space-4)}.page-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.form-row{gap:var(--space-4);flex-direction:column}.summary-item{align-items:flex-start;gap:var(--space-1);flex-direction:column}.summary-item-value{text-align:left}.modal-body,.modal-footer{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{max-width:none}.modal{max-width:calc(100% - 32px);margin:auto}.login-card{padding:var(--space-8) var(--space-6)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.main-navbar{padding:0 var(--space-4)}.mobile-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.mobile-card-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.mobile-card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;font-weight:500}}@media (max-width:480px){.login-card{padding:var(--space-5);border-radius:var(--radius-xl)}.stat-card{padding:var(--space-4)}.stat-card-value{font-size:var(--font-size-2xl)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media print{.sidebar,.main-navbar,.menu-toggle,.btn,.table-toolbar{display:none!important}.main-content{margin-left:0!important}.data-table{font-size:10pt}}