:root{--surface: #FFFFFF;--surface-2: #F4F5FA;--surface-3: #ECEDF5;--surface-hover: #F0F1F9;--ink: #0D0F1A;--ink-2: #3D4056;--ink-3: #7B7E99;--ink-4: #B0B2C3;--ink-navy: #1A1C30;--ink-indigo: #22254A;--electric: #ef5f28;--electric-light: #fde8de;--electric-dark: #c44a1a;--electric-glow: rgba(239, 95, 40, .15);--electric-focus: rgba(239, 95, 40, .1);--electric-border: rgba(239, 95, 40, .2);--electric-ring: rgba(239, 95, 40, .25);--electric-hover: rgba(239, 95, 40, .35);--lime: #B8FF3C;--lime-hover: #C8FF5A;--lime-glow: rgba(184, 255, 60, .4);--lime-dark: #6E9E1A;--lime-light: #EFFFCC;--success: #00C9A7;--success-border: rgba(0, 201, 167, .3);--success-light: #E0FBF6;--success-text: #007A63;--warning: #FFAA00;--warning-border: rgba(255, 170, 0, .25);--warning-light: #FFF4D9;--warning-text: #7A4F00;--danger: #FF5C5C;--danger-hover: #E03E3E;--danger-glow: rgba(255, 92, 92, .3);--danger-light: #FFE8E8;--danger-text: #991111;--info: #3CB9FF;--info-light: #E3F4FF;--info-text: #0066AA;--overlay: rgba(13, 15, 26, .45);--overlay-light: rgba(13, 15, 26, .4);--sidebar-text: rgba(255, 255, 255, .5);--sidebar-text-active: rgba(255, 255, 255, .85);--sidebar-text-muted: rgba(255, 255, 255, .35);--sidebar-section: rgba(255, 255, 255, .3);--sidebar-hover: rgba(255, 255, 255, .07);--white: #FFFFFF;--border: rgba(13, 15, 26, .09);--border-md: rgba(13, 15, 26, .15);--border-strong: rgba(13, 15, 26, .25);--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-md: 10px;--r-lg: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--t-fast: .1s ease;--t: .15s ease;--t-slow: .25s ease;--navy: var(--electric);--navy-dark: var(--electric-dark);--navy-light: #f27346;--amber: var(--lime);--amber-dark: var(--lime-dark);--amber-light: var(--lime-light);--bg: var(--surface-2);--text: var(--ink);--text-muted: var(--ink-3);--sidebar-w: 220px;--sidebar-rail-w: 56px;--radius: var(--r);--shadow: none;--shadow-sm: 0 2px 12px rgba(13, 15, 26, .12);--shadow-md: 0 8px 32px rgba(13, 15, 26, .1);--shadow-lg: 0 20px 60px rgba(13, 15, 26, .25)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.96);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseRing{0%{box-shadow:0 0 #ff5c5c66}to{box-shadow:0 0 0 6px #ff5c5c00}}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--surface-2);color:var(--ink);line-height:1.5}h1{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);line-height:1.2}h2{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);line-height:1.2}h3{font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.2}h4{font-size:13px;font-weight:600;color:var(--ink)}p{color:var(--ink-2);font-size:13.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;border:none;border-radius:var(--r-sm);font-family:var(--font-body);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--t);outline:none;text-decoration:none;flex-shrink:0;line-height:1}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--electric);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--electric-dark);box-shadow:0 4px 16px var(--electric-glow)}.btn-secondary{background:var(--surface-3);color:var(--ink-2);border:1px solid var(--border-md)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:0 4px 14px var(--danger-glow)}.btn-amber{background:var(--lime);color:var(--ink)}.btn-amber:hover:not(:disabled){background:var(--lime-hover);box-shadow:0 4px 14px var(--lime-glow)}.btn-sm{height:30px;padding:0 12px;font-size:12px;border-radius:var(--r-xs)}.btn-lg{height:44px;padding:0 24px;font-size:14px;border-radius:var(--r)}.btn-icon{height:32px;width:32px;padding:0;border-radius:var(--r-sm)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11.5px;font-weight:600;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;display:block}.form-control{width:100%;height:38px;padding:0 12px;background:var(--surface);border:1.5px solid var(--border-md);border-radius:var(--r-sm);font-family:var(--font-body);font-size:13.5px;color:var(--ink);outline:none;transition:border-color var(--t),box-shadow var(--t);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control::placeholder{color:var(--ink-4)}.form-control:hover:not(:disabled):not(:focus){border-color:var(--electric-hover)}.form-control:focus{border-color:var(--electric);box-shadow:0 0 0 3px var(--electric-focus)}.form-control:disabled{background:var(--surface-3);color:var(--ink-3);cursor:not-allowed;opacity:.7}textarea.form-control{height:auto;min-height:80px;padding:10px 12px;resize:vertical;line-height:1.5}select.form-control{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237B7E99' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden}.card-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-body{padding:var(--sp-5)}.table-wrap{overflow-x:auto;background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border)}.card>.table-wrap,.card .table-wrap:first-child{border:none;border-radius:0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:9px 14px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--border-md);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--ink)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-success{background:var(--success-light);color:var(--success-text)}.badge-success:before{background:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger-text)}.badge-danger:before{background:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning-text)}.badge-warning:before{background:var(--warning)}.badge-info{background:var(--info-light);color:var(--info-text)}.badge-info:before{background:var(--info)}.badge-neutral{background:var(--surface-3);color:var(--ink-3)}.badge-neutral:before{background:var(--ink-4)}.badge-navy{background:var(--electric);color:var(--white)}.badge-navy:before{background:var(--sidebar-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeIn var(--t) ease}.modal{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border-md);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideInUp .2s ease}.modal-header{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:var(--font-display);font-size:16px;font-weight:700}.modal-body{padding:var(--sp-5)}.modal-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-content{flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-5);gap:16px}.page-header h1{color:var(--ink)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:var(--sp-5)}.stat-card{border-radius:var(--r-md);padding:16px 18px;border:none;position:relative;overflow:hidden}.stat-card{background:var(--surface);border:1px solid var(--border)}.stat-card.electric{background:var(--electric);color:var(--white)}.stat-card.lime{background:var(--lime);color:var(--ink)}.stat-card.success{background:var(--success);color:var(--white)}.stat-card.warning{background:var(--warning);color:var(--ink)}.stat-card .stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-bottom:6px}.stat-card .stat-value{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1;color:inherit}.stat-card .stat-sub{font-size:11.5px;opacity:.65;margin-top:4px}.sidebar{width:var(--sidebar-w);background:var(--ink);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;height:100vh}.sidebar-logo{padding:20px 20px 16px;display:flex;align-items:center;gap:10px}.sidebar-logo-text{color:var(--white);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.3px}.sidebar-logo-text span{color:var(--lime)}.sidebar-nav{flex:1;padding:8px 0}.sidebar-section{padding:16px 20px 6px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-section)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 8px;border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--sidebar-text);text-decoration:none;transition:all var(--t);cursor:pointer;border:none;background:none;width:calc(100% - 16px)}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav-item.active{background:var(--electric);color:var(--white);font-weight:600}.nav-item.active .nav-icon{color:var(--white)}.nav-icon{width:16px;height:16px;flex-shrink:0}.topbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);flex-shrink:0;gap:16px;position:sticky;top:0;z-index:100}.topbar-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.wing-selector{height:32px;padding:0 28px 0 10px;background:var(--electric-light);border:1px solid var(--electric-ring);border-radius:var(--r);font-size:12.5px;font-weight:600;color:var(--electric);cursor:pointer;font-family:var(--font-body);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235B4FFF' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all var(--t)}.wing-selector:hover{background-color:var(--electric);color:var(--white);border-color:var(--electric);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23FFFFFF' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.wing-selector option{background:var(--surface);color:var(--ink)}.search-bar-trigger{display:flex;align-items:center;gap:8px;width:240px;height:34px;background:var(--surface-2);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:0 12px;cursor:text;transition:all var(--t);color:var(--ink-3);font-size:13px}.search-bar-trigger:hover{border-color:var(--electric-hover)}.empty-state{text-align:center;padding:48px 20px;color:var(--ink-3)}.empty-state svg{opacity:.3;margin-bottom:12px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{display:flex;align-items:flex-start;gap:12px;background:var(--ink);color:var(--white);padding:12px 16px;border-radius:var(--r-md);font-size:13px;font-weight:500;min-width:280px;max-width:360px;position:relative;overflow:hidden;animation:toastSlideIn .2s ease}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:4px 0 0 4px}.toast-success:before{background:var(--success)}.toast-error:before{background:var(--danger)}.toast-info:before{background:var(--electric)}.toast-warning:before{background:var(--warning)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-right{text-align:right}.text-muted{color:var(--ink-3);font-size:12.5px}.text-sm{font-size:12px}.font-mono{font-family:var(--font-mono);font-size:13px;font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.coming-soon-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px;color:var(--ink-3)}.coming-soon-page h2{color:var(--ink)}.progress-track{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease;background:var(--electric)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-hover) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-xs)}.main-area,.page-content,.card,.table-wrap{min-width:0}@media (max-width: 768px){.sidebar{width:var(--sidebar-rail-w);min-width:var(--sidebar-rail-w);flex-shrink:0}.sidebar-logo{justify-content:center;padding:16px 0}.sidebar-logo-text,.sidebar-section{display:none}.nav-item{justify-content:center;padding:0;height:40px;margin:2px auto;width:calc(var(--sidebar-rail-w) - 12px);gap:0}.nav-label,.sidebar-user-email{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.page-content{padding:var(--sp-4)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{white-space:nowrap}}