@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Playfair+Display:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-bg:#080810;--color-surface:#0f0f18;--color-surface-elevated:#161620;--color-surface-hover:#1c1c28;--color-border:#1e1e2e;--color-border-subtle:#171720;--color-border-strong:#2a2a3a;--color-blue:#1565c0;--color-blue-light:#1976d2;--color-blue-bright:#2196f3;--color-blue-dark:#0d47a1;--color-blue-muted:#1565c026;--color-gold:#ffb300;--color-gold-light:#ffca28;--color-gold-dark:#ff8f00;--color-gold-muted:#ffb3001f;--color-silver:#8a8a9a;--color-steel:#555565;--color-chrome:#c0c0d0;--color-emerald:#10b981;--color-emerald-light:#34d399;--color-emerald-dark:#059669;--color-emerald-muted:#10b9811f;--color-rust:#f59e0b;--color-rust-light:#fbbf24;--color-rust-muted:#f59e0b1f;--color-crimson:#ef4444;--color-crimson-light:#f87171;--color-crimson-muted:#ef44441f;--color-amber:#f59e0b;--color-amber-light:#fbbf24;--color-amber-muted:#f59e0b1f;--color-green:#10b981;--color-green-light:#34d399;--color-green-muted:#10b9811f;--color-text:#f5f5f5;--color-text-secondary:#a0a0b0;--color-text-muted:#5a5a6a;--color-text-dark:#333343;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--transition-fast:0.12s ease;--transition-normal:0.2s ease;--transition-slow:0.35s ease;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-blue:0 0 20px #1565c040;--shadow-blue-lg:0 0 40px #1565c04d;--shadow-gold:0 0 20px #ffb30040;--primary:var(--color-blue);--primary-dark:var(--color-blue-dark);--primary-light:var(--color-blue-light);--primary-glow:var(--color-blue-muted);--secondary:var(--color-gold);--secondary-dark:var(--color-gold-dark);--secondary-glow:var(--color-gold-muted);--background:var(--color-bg);--surface:var(--color-surface);--surface-light:var(--color-surface-elevated);--bg-elevated:var(--color-surface-hover);--text:var(--color-text);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--success:var(--color-emerald);--error:var(--color-crimson);--warning:var(--color-rust);--info:var(--color-blue-bright);--border-color:var(--color-border);--border-light:var(--color-border-strong);--gold:var(--color-gold)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080810;background:var(--color-bg);color:#f5f5f5;color:var(--color-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:14px;letter-spacing:.01em;line-height:1.6;min-height:100vh}body:before{background:radial-gradient(ellipse at top left,#1565c00f 0,#0000 50%),radial-gradient(ellipse at bottom right,#1976d20a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}::selection{background:#1565c0;background:var(--color-blue);color:#fff}h1,h2,h3,h4,h5,h6{color:#f5f5f5;color:var(--color-text);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400}h2{font-size:clamp(1.25rem,3vw,1.75rem)}h2,h3{font-weight:500}h3{font-size:clamp(1rem,2vw,1.25rem)}a{color:#2196f3;color:var(--color-blue-bright);text-decoration:none;transition:color .12s ease;transition:color var(--transition-fast)}a:hover{color:#ffb300;color:var(--color-gold)}.text-blue{color:#2196f3;color:var(--color-blue-bright)}.text-emerald,.text-green{color:#10b981;color:var(--color-emerald)}.text-rust{color:#f59e0b;color:var(--color-rust)}.text-crimson{color:#ef4444;color:var(--color-crimson)}.container{margin:0 auto;max-width:1440px;padding:0 24px;padding:0 var(--space-lg)}button{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:8px;gap:var(--space-sm);justify-content:center;letter-spacing:.02em;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .12s ease;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.4}.btn{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-sm);justify-content:center;letter-spacing:.02em;padding:10px 18px;transition:all .12s ease;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:#1565c0;background:var(--color-blue);border:1px solid #1565c0;border:1px solid var(--color-blue);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:#1976d2;background:var(--color-blue-light);border-color:#1976d2;border-color:var(--color-blue-light);box-shadow:0 0 20px #1565c040;box-shadow:var(--shadow-blue)}.btn-secondary{background:#0000;border:1px solid #2a2a3a;border:1px solid var(--color-border-strong);color:#a0a0b0;color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background:#1c1c28;background:var(--color-surface-hover);border-color:#5a5a6a;border-color:var(--color-text-muted);color:#f5f5f5;color:var(--color-text)}.btn-success{background:#10b981;background:var(--color-emerald);border:1px solid #10b981;border:1px solid var(--color-emerald);color:#fff}.btn-success:hover:not(:disabled){background:#34d399;background:var(--color-emerald-light);border-color:#34d399;border-color:var(--color-emerald-light)}.btn-danger{background:#0000;border:1px solid #2a2a3a;border:1px solid var(--color-border-strong);color:#ef4444;color:var(--color-crimson)}.btn-danger:hover:not(:disabled){background:#ef4444;background:var(--color-crimson);border-color:#ef4444;border-color:var(--color-crimson);color:#fff}.btn-ghost{background:#0000;border:none;color:#a0a0b0;color:var(--color-text-secondary);padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.btn-ghost:hover:not(:disabled){background:#1c1c28;background:var(--color-surface-hover);color:#f5f5f5;color:var(--color-text)}.btn-outline{background:#0000;border:1px solid #1565c0;border:1px solid var(--color-blue);color:#2196f3;color:var(--color-blue-bright)}.btn-outline:hover:not(:disabled){background:#1565c026;background:var(--color-blue-muted);border-color:#1976d2;border-color:var(--color-blue-light)}.btn-sm{padding:6px 12px}.btn-lg{font-size:15px;padding:14px 28px}input,select,textarea{background:#0f0f18;background:var(--color-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm);color:#f5f5f5;color:var(--color-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:14px;padding:12px 16px;padding:12px var(--space-md);transition:all .12s ease;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{background:#161620;background:var(--color-surface-elevated);border-color:#0d47a1;border-color:var(--color-blue-dark);box-shadow:0 0 0 3px #1565c026;box-shadow:0 0 0 3px var(--color-blue-muted);outline:none}input::placeholder{color:#5a5a6a;color:var(--color-text-muted)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}textarea{min-height:100px;resize:vertical}label{color:#a0a0b0;color:var(--color-text-secondary);display:block;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;margin-bottom:var(--space-sm);text-transform:uppercase}.form-group{margin-bottom:24px;margin-bottom:var(--space-lg)}.form-group label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:13px;letter-spacing:normal;text-transform:none}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}input[type=checkbox]{accent-color:#1565c0;accent-color:var(--color-blue);margin-right:8px;margin-right:var(--space-sm);width:auto}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=color]{background:#0f0f18;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm);height:38px;padding:2px;width:50px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px;border-radius:var(--radius-xs)}.card{background:#0f0f18;background:var(--color-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-lg);transition:all .2s ease;transition:all var(--transition-normal)}.card:hover{border-color:#2a2a3a;border-color:var(--color-border-strong)}.badge{align-items:center;background:#161620;background:var(--color-surface-elevated);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:2px;border-radius:var(--radius-xs);color:#a0a0b0;color:var(--color-text-secondary);display:inline-flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;letter-spacing:.02em;padding:4px 12px}.badge-blue,.badge-primary{background:#1565c026;background:var(--color-blue-muted);border-color:#1565c0;border-color:var(--color-blue);color:#2196f3;color:var(--color-blue-bright)}.badge-success{background:#10b9811f;border-color:#10b981;border-color:var(--color-emerald);color:#34d399;color:var(--color-emerald-light)}.badge-warning{background:#f59e0b1f;background:var(--color-rust-muted);border-color:#f59e0b;border-color:var(--color-rust);color:#fbbf24;color:var(--color-rust-light)}.badge-danger,.badge-error{background:#ef44441f;background:var(--color-crimson-muted);border-color:#ef4444;border-color:var(--color-crimson);color:#f87171;color:var(--color-crimson-light)}.badge-info{color:#ffca28;color:var(--color-gold-light)}.badge-gold,.badge-info{background:#ffb3001f;background:var(--color-gold-muted);border-color:#ffb300;border-color:var(--color-gold)}.badge-gold{color:#ffb300;color:var(--color-gold)}.alert{border-left:3px solid;border-radius:4px;border-radius:var(--radius-sm);font-size:13px;gap:8px;margin:16px 0;margin:var(--space-md) 0;padding:16px 24px}.alert-success{background:#10b9811f;border-color:#10b981;border-color:var(--color-emerald);color:#34d399;color:var(--color-emerald-light)}.alert-error{background:#ef44441f;border-color:#ef4444;border-color:var(--color-crimson);color:#f87171}.alert-info{background:#1565c026;background:var(--color-blue-muted);border-color:#1565c0;border-color:var(--color-blue);color:#1976d2;color:var(--color-blue-light)}.alert-warning{background:#f59e0b1f;background:var(--color-rust-muted);border-color:#f59e0b;border-color:var(--color-rust);color:#fbbf24;color:var(--color-rust-light)}.table-container{border:1px solid #1e1e2e;border-radius:8px;border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}th{background:#0f0f18;background:var(--color-surface);border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border);color:#5a5a6a;color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-align:left;text-transform:uppercase}td,th{padding:16px;padding:var(--space-md)}td{border-bottom:1px solid #171720;border-bottom:1px solid var(--color-border-subtle);color:#a0a0b0;color:var(--color-text-secondary)}tr:hover td{background:#0f0f18;background:var(--color-surface)}tr:last-child td{border-bottom:none}.modal-overlay{background:#000000e6;inset:0;padding:16px;padding:var(--space-md)}.modal{animation:modalIn .15s ease-out;background:#0f0f18;background:var(--color-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:500px;overflow-y:auto;will-change:transform,opacity}.modal-header{border-bottom:1px solid #1e1e2e;padding:24px;padding:var(--space-lg)}.modal-header .modal-title,.modal-header h2{color:#f5f5f5;color:var(--color-text);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin:0}.modal-close{background:#0000;border:none;color:#5a5a6a;color:var(--color-text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px;padding:var(--space-xs);transition:color .12s ease;transition:color var(--transition-fast)}.modal-close:hover{color:#f5f5f5;color:var(--color-text)}.modal-body{padding:24px;padding:var(--space-lg)}.modal-body .form-group{margin-bottom:24px;margin-bottom:var(--space-lg)}.modal-body .form-group label,.modal-body .form-label{color:#a0a0b0;color:var(--color-text-secondary);display:block;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:normal;margin-bottom:8px;margin-bottom:var(--space-sm);text-transform:none}.modal-footer{border-top:1px solid #1e1e2e;gap:8px;gap:var(--space-sm);padding:16px 24px;padding:var(--space-md) var(--space-lg)}.modal-body .form-row{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.modal-body .permissions-grid{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-body .perm-checkbox{align-items:center;background:#161620;background:var(--color-surface-elevated);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm);color:#a0a0b0;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;gap:8px;gap:var(--space-sm);padding:10px 12px;transition:all .12s ease;transition:all var(--transition-fast)}.modal-body .perm-checkbox:hover{border-color:#5a5a6a;border-color:var(--color-text-muted)}.modal-body .perm-checkbox:has(input:checked){background:#1565c026;background:var(--color-blue-muted);border-color:#1565c0;border-color:var(--color-blue);color:#2196f3;color:var(--color-blue-bright)}.modal-body .perm-checkbox input{accent-color:#1565c0;accent-color:var(--color-blue);cursor:pointer;height:16px;width:16px}.checkbox-wrapper{align-items:center;background:#161620;background:var(--color-surface-elevated);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .12s ease;transition:all var(--transition-fast)}.checkbox-wrapper.checked,.checkbox-wrapper:hover{border-color:#1565c0;border-color:var(--color-blue)}.checkbox-wrapper.checked{background:#1565c026;background:var(--color-blue-muted)}.checkbox-toggle{background:#0f0f18;background:var(--color-surface);border:2px solid #1e1e2e;border:2px solid var(--color-border);border-radius:12px;flex-shrink:0;height:24px;position:relative;width:44px}.checkbox-toggle,.checkbox-toggle:after{transition:all .12s ease;transition:all var(--transition-fast)}.checkbox-toggle:after{background:#5a5a6a;background:var(--color-text-muted);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;width:16px}.checkbox-wrapper.checked .checkbox-toggle{background:#1565c0;background:var(--color-blue);border-color:#1565c0;border-color:var(--color-blue)}.checkbox-wrapper.checked .checkbox-toggle:after{background:#fff;left:calc(100% - 18px)}.checkbox-label{color:#f5f5f5;color:var(--color-text);font-weight:500}.checkbox-group,.form-checkbox{align-items:center;background:#161620;background:var(--color-surface-elevated);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .12s ease;transition:all var(--transition-fast)}.checkbox-group:hover,.form-checkbox:hover{border-color:#1565c0;border-color:var(--color-blue)}.checkbox-group:has(input:checked),.form-checkbox:has(input:checked){background:#1565c026;background:var(--color-blue-muted);border-color:#1565c0;border-color:var(--color-blue)}.checkbox-group label,.form-checkbox span{color:#f5f5f5;color:var(--color-text);cursor:pointer;font-weight:500;margin:0}.tabs{background:#0f0f18;background:var(--color-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);gap:2px;margin-bottom:24px;margin-bottom:var(--space-lg);overflow-x:auto;padding:4px}.tab{border-radius:6px;border-radius:var(--radius-md);color:#a0a0b0;color:var(--color-text-secondary);font-size:13px;padding:10px 16px;transition:all .12s ease;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{background:#1c1c28;background:var(--color-surface-hover);color:#f5f5f5;color:var(--color-text)}.tab.active{background:#1565c0;background:var(--color-blue)}.stat-card{background:#0f0f18;border:1px solid #1e1e2e;border-radius:8px;padding:24px;transition:all .2s ease}.stat-card:hover{border-color:#2a2a3a}.stat-card .stat-value{color:#2196f3;color:var(--color-blue-bright);font-family:Playfair Display,Georgia,serif;margin-bottom:4px}.stat-card .stat-label{color:#a0a0b0;color:var(--color-text-secondary);font-size:12px}.avatar{border:2px solid #1e1e2e;border:2px solid var(--color-border)}.avatar-placeholder{background:#1565c0;background:var(--color-blue)}.loading{align-items:center;color:#2196f3;color:var(--color-blue-bright);display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:16px;justify-content:center;letter-spacing:.05em;min-height:200px}.loading:after{border:2px solid #1e1e2e;border-top-color:#1565c0;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-blue);content:"";height:24px;margin-left:16px;margin-left:var(--space-md);width:24px}.loading:after,.spinner{animation:spin .8s linear infinite}.spinner{border:3px solid #1e1e2e;border-top-color:#1565c0;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-blue);height:40px;width:40px}.performance-stars{display:flex;gap:2px}.star{background:#161620;background:var(--color-surface-elevated);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:16px;width:16px}.star.filled{background:#ffb300;background:var(--color-gold)}.grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.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-xs{gap:4px;gap:var(--space-xs)}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:16px;gap:var(--space-md)}.gap-lg{gap:24px;gap:var(--space-lg)}.mt-1{margin-top:16px;margin-top:var(--space-md)}.mt-2{margin-top:32px;margin-top:var(--space-xl)}.mt-3{margin-top:48px;margin-top:var(--space-2xl)}.mb-1{margin-bottom:16px;margin-bottom:var(--space-md)}.mb-2{margin-bottom:32px;margin-bottom:var(--space-xl)}.mb-3{margin-bottom:48px;margin-bottom:var(--space-2xl)}.mt-sm{margin-top:8px;margin-top:var(--space-sm)}.mt-md{margin-top:16px;margin-top:var(--space-md)}.mt-lg{margin-top:24px;margin-top:var(--space-lg)}.mb-sm{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#2196f3;color:var(--color-blue-bright)}.text-secondary{color:#a0a0b0;color:var(--color-text-secondary)}.text-muted{color:#5a5a6a;color:var(--color-text-muted)}.text-success{color:#10b981;color:var(--color-emerald)}.text-danger{color:#ef4444;color:var(--color-crimson)}.text-warning{color:#f59e0b;color:var(--color-rust)}.text-gold{color:#ffb300;color:var(--color-gold)}.text-cyan{color:#2196f3;color:var(--color-blue-bright)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#080810;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#2a2a3a;background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555565;background:var(--color-steel)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #1565c04d}50%{box-shadow:0 0 20px #1565c080}}.fade-in{animation:fadeIn .4s ease forwards}.fade-in-up{animation:fadeInUp .5s ease forwards}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:1.5rem}h2{font-size:1.25rem}.modal{margin:8px;margin:var(--space-sm);max-height:calc(100vh - 16px);max-height:calc(100vh - var(--space-md))}.modal-body .form-row{grid-template-columns:1fr}}@media (max-width:600px){.form-row,.modal-body .form-row{grid-template-columns:1fr}}.app{display:flex;flex-direction:column;min-height:100vh}.page-transition{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.main-content{flex:1 1;margin-left:240px;padding:2rem}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:80px}}.loading-screen{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh}.page-header h1{color:var(--text);font-size:2rem;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;padding:1.5rem}.stat-card .stat-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.stat-card .stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.stat-card .stat-value.primary{color:var(--primary-light)}.stat-card .stat-value.success{color:var(--success)}.stat-card .stat-value.warning{color:var(--warning)}.section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.25rem}.actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input{max-width:400px;min-width:200px}.search-input input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b0b0b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-position:.75rem;background-repeat:no-repeat;background-size:1.25rem;padding-left:2.5rem;width:100%}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{margin-top:60px;padding:1rem 0}.page-header h1{font-size:1.5rem}}.empty-state{color:var(--text-secondary)}.empty-state svg{height:64px;margin-bottom:1rem;opacity:.5;width:64px}.empty-state h3{color:var(--text);margin-bottom:.5rem}.tabs{background:var(--surface);border-radius:10px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{background:var(--primary);color:#fff}.alert{border-radius:8px;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.alert-success{background:#4caf5026;border:1px solid var(--success);color:var(--success)}.alert-error{background:#f4433626;border:1px solid var(--error);color:var(--error)}.alert-warning{background:#ff980026;border:1px solid var(--warning);color:var(--warning)}.alert-info{background:#2196f326;border:1px solid var(--info);color:var(--info)}.avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-lg{height:56px;width:56px}.avatar-placeholder{background:var(--primary);color:#fff;font-weight:600;text-transform:uppercase}.avatar-placeholder,.login-page{align-items:center;display:flex;justify-content:center}.login-page{background:var(--color-bg);min-height:100vh;overflow:hidden;padding:var(--space-xl);position:relative}.login-page:before{animation:slowRotate 60s linear infinite;background:radial-gradient(ellipse at 30% 20%,#2e7d321f 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#4caf5014 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes slowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{animation:fadeInUp .6s ease;max-width:420px;position:relative;width:100%;z-index:1}.login-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-xl);text-decoration:none}.login-logo .logo-icon{background:var(--color-green);box-shadow:0 0 20px #2e7d3280;height:12px;margin-bottom:var(--space-md);transform:rotate(45deg);width:12px}.login-logo .logo-text{color:var(--color-text);font-family:var(--font-display);font-size:2.25rem;font-weight:500;letter-spacing:.05em}.login-logo .logo-subtitle{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;margin-top:var(--space-xs);text-transform:uppercase}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.login-card h1{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:var(--space-sm)}.login-card>p{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--space-xl)}.discord-btn{align-items:center;background:#5865f2;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:14px var(--space-lg);position:relative;transition:all var(--transition-fast);width:100%}.discord-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.discord-btn:hover:not(:disabled){background:#4752c4;box-shadow:0 8px 24px #5865f259;transform:translateY(-2px)}.discord-btn:hover:before{left:100%}.discord-btn:disabled{cursor:not-allowed;opacity:.7}.discord-btn svg{height:20px;width:20px}.spinner-small{height:18px;width:18px}.login-footer{border-top:1px solid var(--color-border);margin-top:var(--space-xl);padding-top:var(--space-lg)}.login-footer a{color:var(--color-text-secondary);font-size:12px;transition:color var(--transition-fast)}.login-footer a:hover{color:var(--color-green-light)}.login-info{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-lg);padding:var(--space-md);text-align:left}.login-info p{align-items:center;color:var(--color-text-muted);display:flex;font-size:12px;gap:var(--space-sm);margin:0}.login-info p:before{background:var(--color-green);border-radius:50%;content:"";flex-shrink:0;height:4px;width:4px}@media (max-width:480px){.login-page{padding:var(--space-md)}.login-card{padding:var(--space-xl)}.login-logo .logo-text{font-size:1.75rem}.login-card h1{font-size:1.25rem}}.complete-profile-page{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-xl);position:relative}.complete-profile-page:before{background:radial-gradient(ellipse at 30% 20%,#2e7d321a 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#4caf500f 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.complete-profile-container{animation:fadeInUp .6s ease;max-width:420px;position:relative;width:100%;z-index:1}.profile-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-xl);text-decoration:none}.profile-logo .logo-icon{background:var(--color-green);box-shadow:0 0 15px #2e7d3280;height:10px;margin-bottom:var(--space-sm);transform:rotate(45deg);width:10px}.profile-logo .logo-text{color:var(--color-text);font-family:var(--font-display);font-size:1.75rem;font-weight:500;letter-spacing:.05em}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.profile-header{margin-bottom:var(--space-xl);text-align:center}.discord-avatar{border:3px solid var(--color-green);border-radius:var(--radius-full);box-shadow:0 0 20px #2e7d324d;height:80px;margin-bottom:var(--space-md);width:80px}.profile-header h1{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:var(--space-sm)}.profile-header p{color:var(--color-text-secondary);font-size:14px}.profile-form .form-group{margin-bottom:var(--space-lg)}.profile-form label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;margin-bottom:var(--space-sm);text-transform:uppercase}.profile-form input{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:15px;padding:14px var(--space-md);width:100%}.profile-form input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-muted);outline:none}.profile-form .hint{color:var(--color-text-muted);font-size:11px;margin-top:var(--space-sm)}.btn-block{margin-top:var(--space-md);width:100%}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error-message{background:var(--color-crimson-muted);border:1px solid var(--color-crimson);border-radius:var(--radius-md);color:var(--color-crimson-light);font-size:13px;margin-bottom:var(--space-lg);padding:var(--space-md)}@media (max-width:480px){.complete-profile-page{padding:var(--space-md)}.profile-card{padding:var(--space-xl)}.discord-avatar{height:64px;width:64px}.profile-header h1{font-size:1.25rem}}.pending-page{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-xl);position:relative}.pending-page:before{background:radial-gradient(ellipse at 30% 20%,#2e7d3214 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#4caf500d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.pending-container{animation:fadeInUp .6s ease;max-width:480px;position:relative;width:100%;z-index:1}.pending-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-xl);text-decoration:none}.pending-logo .logo-icon{background:var(--color-green);box-shadow:0 0 15px #2e7d3280;height:10px;margin-bottom:var(--space-sm);transform:rotate(45deg);width:10px}.pending-logo .logo-text{color:var(--color-text);font-family:var(--font-display);font-size:1.75rem;font-weight:500;letter-spacing:.05em}.pending-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.pending-icon{align-items:center;animation:pulse-icon 2s ease-in-out infinite;background:var(--color-rust-muted);border:1px solid var(--color-rust);border-radius:var(--radius-full);color:var(--color-rust-light);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--space-xl);width:80px}@keyframes pulse-icon{0%,to{box-shadow:0 0 0 0 #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 0 15px #f59e0b00;transform:scale(1.05)}}.pending-card h1{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:var(--space-sm)}.pending-card>p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--space-lg)}.pending-user{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl);padding:var(--space-lg)}.pending-avatar{border:2px solid var(--color-green);border-radius:var(--radius-full);height:50px;width:50px}.pending-user-info{display:flex;flex-direction:column;text-align:left}.pending-name{color:var(--color-text);font-size:15px;font-weight:500}.pending-discord{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.pending-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.pending-actions .btn{width:100%}.status-dots{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.status-dot{animation:bounce-dot 1.4s ease-in-out infinite;background:var(--color-rust);border-radius:var(--radius-full);height:8px;width:8px}.status-dot:nth-child(2){animation-delay:.2s}.status-dot:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:480px){.pending-page{padding:var(--space-md)}.pending-card{padding:var(--space-xl)}.pending-icon{font-size:1.5rem;height:64px;width:64px}.pending-card h1{font-size:1.25rem}.pending-user{flex-direction:column}.pending-user,.pending-user-info{text-align:center}}.dashboard-page{animation:fadeIn .4s ease;padding-bottom:var(--space-2xl)}.dashboard-header{align-items:flex-start;animation:fadeIn .5s ease;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-xl);justify-content:space-between;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl)}.welcome-section h1{color:var(--color-text);font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:var(--space-sm)}.welcome-section p{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:var(--space-sm)}.grade-badge{align-items:center;border:1px solid;display:inline-flex;letter-spacing:.03em;padding:4px 14px}.commission-info{display:flex;gap:var(--space-md)}.commission-item{align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:140px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.commission-item:hover{border-color:var(--color-border-strong)}.commission-value{font-size:1.5rem}.dashboard-section{margin-bottom:var(--space-2xl)}.dashboard-section h2{align-items:center;color:var(--color-text-muted);display:flex;font-family:var(--font-mono);font-size:11px;font-weight:600;gap:var(--space-sm);letter-spacing:.1em;margin-bottom:var(--space-lg);text-transform:uppercase}.dashboard-section h2:before{background:var(--color-green);content:"";height:1px;width:12px}.section-header{margin-bottom:var(--space-md)}.section-header h2{margin-bottom:0}.view-all{color:var(--color-green-light);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;transition:color var(--transition-fast)}.view-all:hover{color:var(--color-green-bright)}.stats-grid-5{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(5,1fr)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden;padding:var(--space-lg);position:relative;transition:all var(--transition-normal)}.stat-card:before{background:var(--color-green);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.stat-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.stat-card:hover:before{transform:scaleX(1)}.stat-card.highlight{background:var(--color-green-muted);border-color:#2e7d324d}.stat-card.highlight:before{transform:scaleX(1)}.stat-card.week-card{border-left:3px solid var(--color-green)}.stat-card.week-card:before{display:none}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:44px;justify-content:center;margin-bottom:var(--space-xs);width:44px}.stat-icon.sales-icon{background:var(--color-green-muted);border:1px solid #2e7d3240;color:var(--color-green-light)}.stat-icon.revenue-icon{background:var(--color-emerald-muted);border:1px solid #10b98140;color:var(--color-emerald-light)}.stat-icon.items-icon{background:var(--color-yellow-muted);border:1px solid #ffc10740;color:var(--color-yellow-light)}.stat-icon.production-icon{background:var(--color-rust-muted);border:1px solid #f59e0b40;color:var(--color-rust-light)}.stat-icon.delivery-icon{background:var(--color-blue-muted);border:1px solid #3b82f640;color:var(--color-blue-light)}.stat-card .stat-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.stat-card .stat-value{color:var(--color-text);font-family:var(--font-display);font-size:1.75rem;font-weight:500}.stat-card .stat-value.primary{color:var(--color-green-light)}.stat-card .stat-value.success{color:var(--color-emerald-light)}.stat-card .stat-value.warning{color:var(--color-rust-light)}.recent-sales{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.sale-item{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.sale-item:last-child{border-bottom:none}.sale-item:hover{background:var(--color-surface-elevated)}.sale-seller{align-items:center;display:flex;gap:8px;min-width:100px}.seller-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.seller-avatar-placeholder{align-items:center;background:var(--color-green);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.seller-name{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.sale-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.sale-items-summary{color:var(--color-text);font-size:13px;font-weight:500}.sale-date{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.sale-amount{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.sale-price{color:var(--color-green-light);font-family:var(--font-display);font-size:1.1rem;font-weight:500}.sale-items-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.quick-actions{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.action-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden;padding:var(--space-xl);position:relative;text-decoration:none;transition:all var(--transition-normal)}.action-card:before{background:var(--color-green);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.action-card:hover{background:var(--color-surface-elevated);border-color:var(--color-green-dark);transform:translateY(-2px)}.action-card:hover:before{transform:scaleX(1)}.action-icon{align-items:center;background:var(--color-green-muted);border:1px solid #2e7d3240;border-radius:var(--radius-lg);color:var(--color-green-light);display:flex;height:56px;justify-content:center;transition:all var(--transition-normal);width:56px}.action-card:hover .action-icon{background:var(--color-green);border-color:var(--color-green);box-shadow:var(--shadow-green);color:#fff;transform:scale(1.05)}.action-card span{color:var(--color-text);font-size:13px;font-weight:500;text-align:center}@media (max-width:1200px){.stats-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.dashboard-header{flex-direction:column;gap:var(--space-lg)}.commission-info{width:100%}.commission-item{align-items:center;flex:1 1}}@media (max-width:768px){.stats-grid-5{grid-template-columns:repeat(2,1fr)}.welcome-section h1{font-size:1.5rem}.quick-actions{grid-template-columns:repeat(2,1fr)}.action-card{padding:var(--space-lg)}.action-icon{height:48px;width:48px}.stat-card .stat-value{font-size:1.5rem}.commission-info{flex-direction:column;gap:var(--space-sm)}.commission-item{align-items:center;flex-direction:row;justify-content:space-between;padding:var(--space-md)}.commission-value{font-size:1.25rem}}@media (max-width:480px){.quick-actions,.stats-grid-5{grid-template-columns:1fr}.action-card{flex-direction:row;gap:var(--space-md);justify-content:flex-start;padding:var(--space-md)}.action-icon{height:44px;width:44px}.action-card span{text-align:left}}.manager-dashboard .welcome-section p{font-size:13px;text-transform:capitalize}.stats-grid-4{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid-4{grid-template-columns:1fr}}.stat-sub{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;margin-top:4px}.stat-value.danger{color:#ef4444;color:var(--color-red,#ef4444)}.on-service-count{align-items:center;background:var(--color-green-muted);border:1px solid #2e7d324d;border-radius:var(--radius-full);color:var(--color-green-light);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.on-service-count:before{animation:pulse 2s infinite;background:var(--color-green);border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.on-service-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.employee-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);overflow:hidden;padding:var(--space-md);transition:all var(--transition-fast)}.employee-card.on-service{background:linear-gradient(135deg,var(--color-surface) 0,#2e7d320d 100%);border-color:#2e7d324d;box-shadow:0 2px 8px #2e7d321a}.employee-card.on-service:hover{border-color:#2e7d3280;box-shadow:0 4px 16px #2e7d3226;transform:translateY(-2px)}.employee-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.employee-avatar img{border:2px solid var(--color-border);border-radius:50%;height:100%;object-fit:cover;width:100%}.employee-card.on-service .employee-avatar img{border-color:var(--color-green)}.employee-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-green) 0,var(--color-green-dark) 100%);border:2px solid var(--color-green);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.status-indicator{border:2px solid var(--color-surface);border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.status-indicator.online{animation:statusPulse 2s infinite;background:var(--color-green);box-shadow:0 0 0 2px var(--color-surface),0 0 12px #4caf5099}@keyframes statusPulse{0%,to{box-shadow:0 0 0 2px var(--color-surface),0 0 12px #4caf5099}50%{box-shadow:0 0 0 2px var(--color-surface),0 0 20px #4caf50cc}}.employee-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.employee-name{color:var(--color-text);font-size:13px;font-weight:500}.employee-grade,.employee-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-grade{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.employee-time{flex-shrink:0;margin-left:auto}.time-badge{background:var(--color-green-muted);border:1px solid #2e7d3240;border-radius:var(--radius-sm);color:var(--color-green-light);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.empty-state{border:1px dashed var(--color-border);padding:var(--space-xl)}.empty-state.small{font-size:13px;padding:var(--space-lg)}.alerts-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}@media (max-width:900px){.alerts-grid{grid-template-columns:1fr}}.alert-section{margin-bottom:0!important}.alert-section .section-header h2{align-items:center;display:flex;gap:var(--space-sm)}.alert-icon{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.alert-icon.warning{background:#ffc10726;background:var(--color-yellow-muted,#ffc10726);border:1px solid #ffc1074d;color:#ffc107;color:var(--color-yellow-light,#ffc107)}.alert-icon.info{background:var(--color-blue-muted);border:1px solid #3b82f64d;color:var(--color-blue-light)}.alert-icon.expense{background:var(--color-emerald-muted);border:1px solid #10b9814d;color:var(--color-emerald-light)}.alert-icon.production{background:var(--color-rust-muted);border:1px solid #f59e0b4d;color:var(--color-rust-light)}.alert-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.alert-item{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:var(--color-surface-elevated)}.alert-item-name{color:var(--color-text);font-size:13px;font-weight:500}.alert-item-value{font-family:var(--font-mono);font-size:12px;font-weight:600}.alert-item-value.warning{color:#ffc107;color:var(--color-yellow-light,#ffc107)}.alert-item-value.critical{color:#ef4444;color:var(--color-red,#ef4444)}.order-alert{flex-wrap:wrap;gap:var(--space-sm)}.order-alert.delivered{opacity:.6}.order-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.order-details{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.status-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}.status-badge.pending{background:#ffc10726;background:var(--color-yellow-muted,#ffc10726);border:1px solid #ffc1074d;color:#ffc107;color:var(--color-yellow-light,#ffc107)}.status-badge.delivered{background:var(--color-green-muted);border:1px solid #2e7d324d;color:var(--color-green-light)}.expense-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.expense-desc{color:var(--color-text-muted);font-size:11px}.production-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm)}.production-progress{align-items:center;display:flex;gap:var(--space-sm)}.progress-bar{background:var(--color-border);border-radius:3px;height:6px}.progress-fill{background:var(--color-green);border-radius:3px;transition:width var(--transition-normal)}.progress-text{min-width:50px}.top-sellers-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.top-seller-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-fast)}.top-seller-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.top-seller-card .rank{color:var(--color-green-light);font-family:var(--font-display);font-size:1.25rem;font-weight:600;min-width:28px}.top-seller-card .seller-avatar{flex-shrink:0;height:36px;width:36px}.top-seller-card .seller-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.top-seller-card .avatar-placeholder{align-items:center;background:var(--color-green);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;width:100%}.top-seller-card .seller-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.top-seller-card .seller-name{color:var(--color-text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-seller-card .seller-grade{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.top-seller-card .seller-stats{display:flex;flex-direction:column;gap:2px;text-align:right}.top-seller-card .seller-amount{color:var(--color-green-light);font-family:var(--font-display);font-size:1.1rem;font-weight:500}.top-seller-card .seller-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-page{height:calc(100vh - 60px);position:relative}.map-controls,.map-page{display:flex;flex-direction:column}.map-controls{gap:1rem;left:1rem;position:absolute;top:1rem;z-index:1000}.control-group{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;gap:.5rem;padding:.5rem}.control-btn{background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.control-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.control-btn.active{background:var(--color-blue);color:#fff}.legend{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #00000026;flex-direction:column;padding:.75rem 1rem}.legend,.legend-item{display:flex;gap:.5rem}.legend-item{align-items:center;font-size:.8125rem}.legend-color{border-radius:4px;height:16px;width:16px}.map-container{flex:1 1;position:relative}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:8px}.leaflet-popup-content{margin:0}.map-popup{min-width:180px;padding:.5rem}.map-popup h4{font-size:.9375rem;font-weight:600;margin:0 0 .5rem}.popup-client{color:#666;font-size:.8125rem;margin:0 0 .25rem}.popup-price{color:#1565c0;font-weight:600;margin:0 0 .5rem}.popup-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.popup-status.actif{background:#1565c01a;color:#1565c0}.popup-status.termine{background:#9e9e9e1a;color:#757575}.popup-status.en_cours{background:#9c27b01a;color:#9c27b0}.popup-status.vendu{background:#4caf501a;color:#4caf50}.detail-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:1rem;top:1rem;width:320px;z-index:1000}.panel-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem}.panel-header h3{font-size:1rem;font-weight:600;margin:0}.panel-header .close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.panel-content{padding:1rem}.panel-content .detail-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0}.panel-content .detail-row:last-child{border-bottom:none}.panel-content .label{color:var(--color-text-secondary);font-size:.8125rem}.panel-content .value{font-weight:500}.panel-content .status-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.panel-content .status-badge.actif{background:#1565c01a;color:#1565c0}.panel-content .status-badge.termine{background:#9e9e9e1a;color:#757575}.panel-content .status-badge.en_cours{background:#9c27b01a;color:#9c27b0}.panel-content .status-badge.vendu{background:#4caf501a;color:#4caf50}.detail-notes{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.detail-notes .label{display:block;margin-bottom:.5rem}.detail-notes p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.map-controls{left:.5rem;right:.5rem;top:.5rem}.control-group{flex-wrap:wrap}.detail-panel{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:50vh;overflow-y:auto;right:0;top:auto;width:100%}}.locations-page{padding:2rem 0}.page-header h1{color:var(--color-text)}.search-box input:focus{border-color:var(--color-blue)}.locations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.location-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .2s}.location-card:hover{border-color:var(--color-blue-light);box-shadow:0 4px 12px #0000001a}.location-card.terminated{opacity:.7}.location-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.location-client h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.client-phone{color:var(--color-text-secondary);font-size:.875rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#1565c01a;color:var(--color-blue)}.status-badge.warning{background:#ff98001a;color:#f57c00}.status-badge.overdue{background:#f443361a;color:#d32f2f}.status-badge.terminated{background:#9e9e9e1a;color:#757575}.status-badge.pending{background:#ffb3001a;color:var(--color-gold)}.location-address{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.location-address svg{color:var(--color-blue);flex-shrink:0}.location-details{margin-bottom:1rem}.detail-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.25rem 0}.detail-row .label{color:var(--color-text-secondary)}.detail-row .value{font-weight:500}.detail-row .value.warning{color:#f57c00}.location-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.option-tag{background:#1565c01a;border-radius:4px;color:var(--color-blue);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.option-tag.prestige{background:#ffb30026;color:var(--color-gold)}.option-tag.vinewood{background:#9c27b01a;color:#9c27b0}.location-actions{border-top:1px solid var(--color-border);display:flex;gap:.5rem;padding-top:1rem}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn-icon{font-weight:700}.actions-dropdown{margin-left:auto;position:relative}.dropdown-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;display:none;margin-bottom:.5rem;min-width:180px;position:absolute;right:0;z-index:100}.actions-dropdown:hover .dropdown-menu{display:block}.dropdown-menu button{background:none;border:none;color:var(--color-text);cursor:pointer;display:block;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.dropdown-menu button:hover{background:var(--color-bg-tertiary)}.dropdown-menu button.danger{color:#d32f2f}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--color-bg-primary);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.modal.modal-sm{max-width:450px}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.modal-body{overflow-y:auto;padding:1.5rem}.modal-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.form-section{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:1rem}.form-section h3{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--color-text);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.875rem;padding:.625rem .875rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-blue);outline:none}.options-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.checkbox-label{font-size:.875rem;gap:.5rem}.checkbox-label input{width:auto}.price-preview{align-items:center;background:#1565c01a;border-radius:8px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem}.price-preview span{color:var(--color-text-secondary);font-size:.875rem}.price-preview strong{color:var(--color-blue);font-size:1.125rem}.payment-info{background:var(--color-bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.payment-info p{font-size:.875rem;margin:.25rem 0}.weeks-selector{display:flex;gap:.5rem}.week-btn{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s}.week-btn:hover{border-color:var(--color-blue-light)}.week-btn.active{background:#1565c01a;border-color:var(--color-blue);color:var(--color-blue)}.amount-input{font-size:1.25rem!important;font-weight:600;text-align:center}@media (max-width:768px){.locations-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.search-box input{width:100%}.form-row,.options-grid{grid-template-columns:1fr}}.ventes-page{padding:2rem 0}.ventes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vente-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .2s}.vente-card:hover{border-color:var(--color-blue-light);box-shadow:0 4px 12px #0000001a}.vente-card.vendu{background:linear-gradient(90deg,#4caf500d,#0000);border-color:#4caf504d}.vente-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.vente-client h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.vente-address{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.vente-address svg{color:var(--color-blue);flex-shrink:0}.vente-price{margin-bottom:1rem}.price-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.25rem 0}.price-row span{color:var(--color-text-secondary)}.price-row strong{color:var(--color-text);font-size:1.125rem}.price-row .paid{color:var(--color-blue);font-weight:500}.price-row .remaining{color:#f57c00;font-weight:500}.progress-bar-container{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.progress-bar{background:var(--color-bg-tertiary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-blue),var(--color-blue-bright));border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--color-blue);font-size:.75rem;font-weight:600;min-width:40px;text-align:right}.vente-actions{border-top:1px solid var(--color-border);display:flex;gap:.5rem;padding-top:1rem}.vente-sold-info{align-items:center;background:#4caf501a;border-radius:8px;color:#4caf50;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.vente-sold-info svg{color:#4caf50}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:600}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.filter-group{display:flex;gap:.5rem}.filter-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.filter-btn.active,.filter-btn:hover{border-color:var(--color-blue)}.filter-btn.active{background:var(--color-blue);color:#fff}.search-box input{border-radius:6px;font-size:.875rem;padding:.5rem 1rem;width:250px}.empty-state{grid-column:1/-1}@media (max-width:768px){.ventes-grid{grid-template-columns:1fr}}.clients-page{padding:2rem 0}.search-bar{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.search-bar svg{color:var(--color-text-secondary);flex-shrink:0}.search-bar input{background:none;border:none;color:var(--color-text);flex:1 1;font-size:.9375rem}.search-bar input:focus{outline:none}.data-table td,.data-table th{padding:1rem}.client-name{align-items:center;display:flex;gap:.75rem}.client-name .avatar{align-items:center;background:var(--color-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.client-name div{display:flex;flex-direction:column}.client-name strong{font-weight:600}.client-name small{color:var(--color-text-secondary);font-size:.75rem}.count-badge{align-items:center;background:var(--color-bg-tertiary);border-radius:14px;display:inline-flex;font-size:.875rem;font-weight:500;height:28px;justify-content:center;min-width:28px;padding:0 .5rem}.count-badge.active{background:#1565c01a;color:var(--color-blue)}.notes-preview{color:var(--color-text-secondary);font-size:.875rem}.table-actions{gap:.5rem}.btn-icon{background:var(--color-bg-secondary);border-radius:6px;padding:0;transition:all .2s}.btn-icon:hover{border-color:var(--color-blue);color:var(--color-blue)}.btn-icon.danger:hover{border-color:#d32f2f;color:#d32f2f}.form-row-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.history-section{margin-bottom:1.5rem}.history-section h3{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;padding-bottom:.5rem;text-transform:uppercase}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{background:var(--color-bg-tertiary);border-radius:8px;padding:.75rem 1rem}.history-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.history-title{font-weight:500}.history-details{display:flex;font-size:.8125rem;gap:1rem}.empty-history,.history-details{color:var(--color-text-secondary)}.empty-history{font-style:italic;margin:0}.history-total{align-items:center;background:#1565c01a;border-radius:8px;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.history-total span{color:var(--color-text-secondary)}.history-total strong{color:var(--color-blue);font-size:1.25rem}@media (max-width:768px){.data-table{display:block;overflow-x:auto}.form-row-2{grid-template-columns:1fr}}.salaires-page{padding:2rem 0}.period-selector{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;gap:1rem;margin-bottom:1.5rem;padding:1rem}.period-selector label{color:var(--color-text-secondary);font-weight:500}.period-selector select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem;min-width:280px;padding:.5rem 1rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.summary-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem}.summary-card .label{color:var(--color-text-secondary);font-size:.8125rem}.summary-card .value{font-size:1.25rem;font-weight:600}.summary-card .value.success{color:#4caf50}.summary-card .value.warning{color:#f57c00}.bulk-actions{align-items:center;background:#1565c01a;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.bulk-actions span{color:var(--color-blue);font-weight:500}.table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--color-border);padding:.875rem 1rem;text-align:left}.data-table th{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table tbody tr:hover,.data-table th{background:var(--color-bg-tertiary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.paid{background:#4caf500d}.checkbox-col{text-align:center!important;width:40px}.employee-cell{align-items:center;display:flex;gap:.75rem}.employee-cell .avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.employee-cell .avatar.placeholder{align-items:center;background:var(--color-blue);color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center}.grade-badge{font-size:.875rem;font-weight:500}.iban{background:var(--color-bg-tertiary);border-radius:4px;font-family:monospace;font-size:.8125rem;padding:.25rem .5rem}.status-badge.paid{background:#4caf501a;color:#4caf50}.status-badge.unpaid{background:#ff98001a;color:#f57c00}.empty-row{padding:3rem!important;text-align:center}.empty-row,.modal-description{color:var(--color-text-secondary)}.modal-description{line-height:1.5;margin-bottom:1.5rem}@media (max-width:1024px){.stats-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-summary{grid-template-columns:1fr}.period-selector{align-items:stretch;flex-direction:column}.period-selector select{min-width:auto;width:100%}.data-table{display:block;overflow-x:auto}}.activity-page{padding:2rem 0}.activity-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.activity-stats .stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem}.activity-stats .stat-label{color:var(--color-text-secondary);font-size:.8125rem}.activity-stats .stat-value{color:var(--color-blue);font-size:1.5rem;font-weight:600}.filters-panel{align-items:flex-end;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filters-panel .filter-group{display:flex;flex-direction:column;gap:.375rem}.filters-panel label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filters-panel input,.filters-panel select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;min-width:180px;padding:.5rem .75rem}.activity-timeline,.timeline-item{position:relative}.timeline-item{display:flex;gap:1rem;padding-bottom:1.5rem}.timeline-item:not(:last-child):before{background:var(--color-border);bottom:0;content:"";left:18px;position:absolute;top:40px;width:2px}.timeline-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px;z-index:1}.timeline-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex:1 1;padding:1rem}.timeline-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.activity-description{color:var(--color-text);font-weight:500;line-height:1.4}.activity-time{color:var(--color-text-secondary);font-size:.8125rem;white-space:nowrap}.timeline-meta{font-size:.8125rem;gap:1rem}.activity-user,.timeline-meta{align-items:center;display:flex}.activity-user{color:var(--color-text-secondary);gap:.5rem}.user-avatar-sm{border-radius:50%;height:20px;object-fit:cover;width:20px}.user-avatar-sm.placeholder{align-items:center;background:var(--color-blue);color:#fff;display:flex;font-size:.625rem;font-weight:600;justify-content:center}.activity-type-badge{font-size:.75rem;font-weight:500;text-transform:capitalize}.timeline-details{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem;padding-top:.75rem}.detail-item{color:var(--color-text-secondary);font-size:.8125rem}.detail-item strong{color:var(--color-text)}.load-more{display:flex;justify-content:center;padding:1rem 0}.empty-state{color:var(--color-text-secondary);padding:3rem}@media (max-width:768px){.activity-stats{grid-template-columns:repeat(2,1fr)}.filters-panel{align-items:stretch;flex-direction:column}.filters-panel input,.filters-panel select{min-width:auto;width:100%}.timeline-header{flex-direction:column}}.service-page{animation:fadeIn .4s ease;padding-bottom:var(--space-2xl)}.page-subtitle{color:var(--color-text-muted);font-size:14px;margin-top:var(--space-xs)}.clock-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);overflow:hidden;padding:var(--space-2xl);position:relative;text-align:center;transition:all var(--transition-normal)}.clock-widget:before{background:var(--color-green);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.clock-widget:hover:before{transform:scaleX(1)}.clock-widget.clocked-in{border-color:var(--color-emerald);box-shadow:0 0 40px #10b98126}.clock-widget.clocked-in:before{background:var(--color-emerald);transform:scaleX(1)}.clock-status{align-items:center;display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.status-indicator{background:var(--color-text-muted);border-radius:var(--radius-full);height:12px;transition:all var(--transition-normal);width:12px}.status-indicator.active{animation:pulse-glow 2s ease-in-out infinite;background:var(--color-emerald);box-shadow:0 0 12px var(--color-emerald)}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--color-emerald);opacity:1}50%{box-shadow:0 0 20px var(--color-emerald);opacity:.7}}.clock-status span{color:var(--color-text);font-family:var(--font-display);font-size:1.25rem;font-weight:500}.clock-timer{margin-bottom:var(--space-2xl)}.timer-value{color:var(--color-green-light);display:block;font-family:var(--font-display);font-size:4rem;font-weight:400;letter-spacing:4px;text-shadow:0 0 30px #4caf504d}.timer-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;margin-top:var(--space-sm);text-transform:uppercase}.clock-info{display:flex;gap:var(--space-2xl);justify-content:center;margin-bottom:var(--space-2xl)}.info-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.info-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--color-text);font-family:var(--font-display);font-size:1.1rem;font-weight:500}.clock-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);font-size:1.1rem;font-weight:600;letter-spacing:.05em;padding:var(--space-md) var(--space-2xl);text-transform:uppercase;transition:all var(--transition-normal)}.clock-btn.clock-in{background:var(--color-green);box-shadow:0 4px 20px #2e7d3266;color:#fff}.clock-btn.clock-in:hover{background:var(--color-green-light);box-shadow:0 8px 30px #2e7d3280;transform:translateY(-2px)}.clock-btn.clock-out{background:var(--color-crimson);box-shadow:0 4px 20px #dc262666;color:#fff}.clock-btn.clock-out:hover{background:var(--color-crimson-light);box-shadow:0 8px 30px #dc262680;transform:translateY(-2px)}.clock-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.clock-warning{align-items:center;background:var(--color-rust-muted);border:1px solid var(--color-rust);border-radius:var(--radius-md);color:var(--color-rust-light);display:flex;font-size:13px;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl);padding:var(--space-md)}.weekly-progress{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.weekly-progress .progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.weekly-progress .progress-header span:first-child{color:var(--color-text);font-size:14px;font-weight:500}.weekly-progress .progress-header span:last-child{color:var(--color-green-light);font-family:var(--font-mono);font-size:12px;font-weight:600}.weekly-progress .progress-bar{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);height:10px;overflow:hidden}.weekly-progress .progress-fill{background:linear-gradient(90deg,var(--color-green),var(--color-green-light));border-radius:var(--radius-full);height:100%;position:relative;transition:width .5s ease}.weekly-progress .progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stats-grid.stats-4{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-xl)}.stats-grid .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-fast)}.stats-grid .stat-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.stats-grid .stat-card.highlight{background:var(--color-green-muted);border-color:#2e7d324d}.stats-grid .stat-card .stat-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.stats-grid .stat-card .stat-value{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:500}.stats-grid .stat-card.highlight .stat-value{color:var(--color-green-light)}.records-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.records-section h2{align-items:center;border-bottom:1px dashed var(--color-border);color:var(--color-text-muted);display:flex;font-family:var(--font-mono);font-size:10px;gap:var(--space-sm);letter-spacing:.08em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);text-transform:uppercase}.records-section h2:before{background:var(--color-green);content:"";height:1px;width:8px}.records-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto}.record-item{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.record-item:hover{border-color:var(--color-border-strong)}.record-item.active{background:var(--color-emerald-muted);border-color:var(--color-emerald)}.record-date{flex:1 1}.record-date .date{color:var(--color-text);display:block;font-size:14px;font-weight:500}.record-date .time{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.record-duration{align-items:center;display:flex;gap:var(--space-sm)}.record-duration .duration{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:500}.active-badge{background:var(--color-emerald);border-radius:var(--radius-full);color:#fff;font-size:10px;letter-spacing:.03em;padding:4px 12px}.active-badge,.capped-badge{font-family:var(--font-mono);font-weight:600;text-transform:uppercase}.capped-badge{background:var(--color-rust-muted);border:1px solid var(--color-rust);border-radius:var(--radius-full);color:var(--color-rust-light);font-size:9px;padding:4px 10px}.record-pay .pay{color:var(--color-green-light);font-family:var(--font-display);font-size:1.1rem;font-weight:500}.no-records{color:var(--color-text-muted);font-size:14px;padding:var(--space-2xl);text-align:center}@media (max-width:768px){.timer-value{font-size:2.5rem;letter-spacing:2px}.clock-info{flex-direction:column;gap:var(--space-md)}.stats-grid.stats-4{grid-template-columns:repeat(2,1fr)}.record-item{flex-wrap:wrap;padding:var(--space-md)}.record-pay{margin-top:var(--space-sm);text-align:right;width:100%}}@media (max-width:480px){.clock-widget{padding:var(--space-xl)}.timer-value{font-size:2rem}.clock-btn{padding:var(--space-md);width:100%}.stats-grid.stats-4{gap:var(--space-sm);grid-template-columns:1fr 1fr}.stats-grid .stat-card{padding:var(--space-md)}.stats-grid .stat-card .stat-value{font-size:1.25rem}.records-section{padding:var(--space-md)}.record-item{gap:var(--space-sm)}}.admin-page{animation:fadeIn .4s ease;padding-bottom:var(--space-2xl)}.admin-page .tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-xs)}.admin-page .tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.admin-page .tab:hover{background:var(--color-surface-elevated);color:var(--color-text)}.admin-page .tab.active{background:var(--color-green);box-shadow:0 2px 8px #2e7d324d;color:#fff}.tab-badge{background:var(--color-crimson);border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.admin-section{animation:fadeIn .3s ease}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.section-header h3{color:var(--color-text);font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin:0}.header-actions,.user-cell{display:flex;gap:var(--space-sm)}.user-cell{align-items:center}.user-cell .name{color:var(--color-text);display:block;font-size:14px;font-weight:500}.user-cell .discord{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.avatar-sm{border:2px solid var(--color-border);border-radius:var(--radius-full);height:32px;object-fit:cover;width:32px}.avatar-lg{border:3px solid var(--color-green);border-radius:var(--radius-full);height:72px;object-fit:cover;width:72px}.pending-section{background:var(--color-surface);border:1px solid var(--color-rust);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.pending-section h3{align-items:center;color:var(--color-rust-light);display:flex;font-family:var(--font-display);font-size:1.1rem;font-weight:500;gap:var(--space-sm);margin:0 0 var(--space-lg) 0}.pending-list{display:flex;flex-direction:column;gap:var(--space-md)}.pending-user-card{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.pending-user-card:hover{border-color:var(--color-border-strong)}.pending-user-info{flex:1 1}.pending-user-info .name{color:var(--color-text);display:block;font-size:15px;font-weight:600}.pending-user-info .discord{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.pending-user-card select{min-width:180px}.grades-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grade-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.grade-card:before{background:var(--color-green);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.grade-card:hover{border-color:var(--color-border-strong);box-shadow:0 8px 30px #0000004d;transform:translateY(-4px)}.grade-card:hover:before{transform:scaleX(1)}.grade-card-top{height:4px}.grade-card-inner{padding:var(--space-xl)}.grade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.grade-header h4{color:var(--color-text);font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin:0}.grade-id{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.grade-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin-bottom:var(--space-lg);min-height:1.5rem}.grade-stats-row{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--space-lg)}.grade-commission,.grade-wage{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-md)}.commission-label{color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:var(--space-xs)}.commission-value{font-size:1.25rem}.grade-users-count{color:var(--color-text-muted);font-size:13px}.grade-permissions,.grade-users-count{margin-bottom:var(--space-lg)}.permissions-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.permission-tag{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;padding:4px 10px;text-transform:capitalize}.permission-tag.more{background:var(--color-green-muted);border-color:#2e7d324d;color:var(--color-green-light)}.perm-badge{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;padding:4px 10px}.grade-actions{display:flex;gap:var(--space-sm)}.grade-actions .btn{flex:1 1}.permissions-section{margin-top:var(--space-xl)}.permissions-section .form-label{color:var(--color-text);font-weight:600;margin-bottom:var(--space-md)}.permissions-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permissions-grid.single{grid-template-columns:1fr;max-width:250px}.permission-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);transition:all var(--transition-fast)}.permission-item:hover{border-color:var(--color-border-strong)}.permission-item.checked{background:var(--color-green-muted);border-color:var(--color-green);box-shadow:0 0 0 1px var(--color-green)}.permission-label{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm)}.permission-label input{accent-color:var(--color-green);cursor:pointer;height:18px;width:18px}.permission-name{color:var(--color-text);font-size:13px;font-weight:600}.permission-description{color:var(--color-text-muted);font-size:11px;line-height:1.4}.perm-checkbox{align-items:center;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-fast)}.perm-checkbox:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.perm-checkbox:has(input:checked){background:var(--color-green-muted);border-color:var(--color-green);box-shadow:0 0 20px #2e7d3233;color:var(--color-green-light)}.perm-checkbox input{accent-color:var(--color-green);cursor:pointer;height:18px;width:18px}.vehicle-cell{align-items:center;display:flex;gap:var(--space-sm)}.vehicle-thumb{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);height:60px;object-fit:contain;width:100px}.vehicle-cell .brand{color:var(--color-green-light);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.vehicle-cell .model{color:var(--color-text);display:block;font-size:14px;font-weight:600}.search-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-size:14px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-muted);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:14px;min-width:180px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--color-green);outline:none}.search-box{flex:1 1;max-width:300px;position:relative}.search-box input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:13px;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-2xl);transition:all var(--transition-fast);width:100%}.search-box input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-muted);outline:none}.search-box svg{color:var(--color-text-muted);left:var(--space-sm);position:absolute;top:50%;transform:translateY(-50%)}.pagination{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl);padding:var(--space-md)}.pagination-info{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:500}.pagination .btn:disabled{cursor:not-allowed;opacity:.4}.grade-badge{border-radius:var(--radius-sm);color:#fff;display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 10px}.commission-col{color:var(--color-green-light);font-family:var(--font-display);font-weight:500}.action-buttons,.table-actions{display:flex;gap:var(--space-xs)}.btn-sm{font-size:12px;padding:var(--space-xs) var(--space-sm)}.btn-icon{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.btn-icon:hover{background:var(--color-green-muted);border-color:var(--color-green);color:var(--color-green-light)}.btn-icon.danger:hover{background:var(--color-crimson-muted);border-color:var(--color-crimson);color:var(--color-crimson-light)}.finances-tab{animation:fadeIn .3s ease}.period-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.period-dates{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-block;font-family:var(--font-mono);font-size:12px;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md)}.custom-date-selector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-lg)}.date-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-md)}.date-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.date-input-group label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.date-input-group input{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;padding:var(--space-sm);width:180px}.date-input-group input:focus{border-color:var(--color-green);outline:none}.tax-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.tax-section h3{color:var(--color-text);font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0 0 var(--space-lg) 0}.tax-card{border:1px solid var(--color-crimson)!important}.tax-brackets-info{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.tax-brackets-info summary{color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500}.tax-brackets-info summary:hover{color:var(--color-text)}.tax-brackets-table{font-size:13px;margin-top:var(--space-md);width:100%}.tax-brackets-table td,.tax-brackets-table th{border-bottom:1px solid var(--color-border);padding:var(--space-sm);text-align:left}.tax-brackets-table th{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase}.tax-brackets-table td:last-child{color:var(--color-green-light);font-weight:500;text-align:right}.finance-details{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.finance-details h4{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-md);text-transform:uppercase}.finance-row{border-bottom:1px solid var(--color-border-subtle);display:flex;font-size:14px;justify-content:space-between;padding:var(--space-sm) 0}.finance-row:last-child{border-bottom:none}.top-list{flex-direction:column;margin-top:var(--space-md)}.top-item,.top-list{display:flex;gap:var(--space-sm)}.top-item{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-fast)}.top-item:hover{border-color:var(--color-border-strong)}.top-rank{color:var(--color-green-light);font-family:var(--font-display);font-weight:700;width:30px}.top-name{color:var(--color-text);flex:1 1;font-weight:500}.top-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:12px}.top-value{color:var(--color-green-light);font-family:var(--font-display);font-weight:500}.commissions-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.commission-card{align-items:center;gap:var(--space-xl)}.commission-card:hover{border-color:var(--color-border-strong)}.commission-info{flex:1 1}.commission-name{color:var(--color-text);display:block;font-size:15px;font-weight:600}.commission-grade{font-size:13px}.commission-amount{text-align:right}.commission-amount .amount{color:var(--color-green-light);display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:500}.commission-amount .count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:14px;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg)}.alert-success{background:var(--color-emerald-muted);border:1px solid var(--color-emerald);color:var(--color-emerald)}.alert-error{background:var(--color-crimson-muted);border:1px solid var(--color-crimson);color:var(--color-crimson-light)}input[type=color]{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;height:40px;padding:0;width:60px}input[type=color]:focus{border-color:var(--color-green)}.modal.large,.modal.modal-lg{max-width:700px}.modal-title{color:var(--color-text);font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin:0}.brands-grid{flex-wrap:wrap;margin-bottom:var(--space-xl);margin-top:var(--space-md)}.brand-card,.brands-grid{display:flex;gap:var(--space-md)}.brand-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.brand-card:hover{border-color:var(--color-green);box-shadow:0 4px 15px #00000026}.brand-name{color:var(--color-text);font-size:14px;font-weight:500}.brand-actions{display:flex;gap:var(--space-xs)}.brand-actions .btn-icon{padding:var(--space-xs)}.categories-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-xl)}.category-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-lg);transition:all var(--transition-fast)}.category-card:hover{border-color:var(--color-green);box-shadow:0 4px 20px #0003}.category-info{flex:1 1}.category-name{color:var(--color-text);display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin-bottom:var(--space-xs)}.category-desc{font-size:13px}.category-count,.category-desc{color:var(--color-text-muted);display:block}.category-count{font-family:var(--font-mono);font-size:11px;margin-top:var(--space-xs)}.category-actions{display:flex;gap:var(--space-sm)}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.tab-header h3{color:var(--color-text);font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0}.mt-xl{margin-top:var(--space-2xl)}.menu-items-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-md)}.menu-item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.menu-item-card:before{background:var(--color-green);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.menu-item-card:hover{border-color:var(--color-border-strong);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.menu-item-card:hover:before{transform:scaleX(1)}.menu-item-card .menu-item-image{background:var(--color-surface-elevated);height:120px;overflow:hidden;width:100%}.menu-item-card .menu-item-image img{height:100%;object-fit:cover;width:100%}.menu-item-card .menu-item-content{padding:var(--space-lg)}.menu-item-card .menu-item-content h4{color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:500;margin:0 0 var(--space-sm) 0}.menu-item-card .menu-item-category{color:var(--color-green-light);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.menu-item-card .menu-item-price{color:var(--color-green-light);display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:500}.menu-item-card .menu-item-cost{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:11px;margin-top:var(--space-xs)}.menu-item-card .menu-item-actions{background:var(--color-surface-elevated);border-top:1px solid var(--color-border);display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.menu-item-card .menu-item-actions .btn{flex:1 1}.form-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-sm);text-transform:uppercase}.form-input,.form-select,.form-textarea{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-muted);outline:none}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.profit-share-input{background:var(--color-surface-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-mono);font-size:12px;padding:6px 8px!important;text-align:center;width:70px!important}.profit-share-input:focus{border-color:var(--color-green)!important;box-shadow:0 0 0 2px var(--color-green-muted)!important}.profit-share-input::-webkit-inner-spin-button,.profit-share-input::-webkit-outer-spin-button{opacity:1}.commissions-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--space-xl)}.commission-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);position:relative;transition:all var(--transition-fast)}.commission-card:hover{border-color:var(--color-green);box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.commission-user{align-items:center;display:flex;gap:var(--space-md)}.commission-user .avatar{height:48px;width:48px}.commission-user-info{flex:1 1}.commission-user-info .name{color:var(--color-text);display:block;font-size:1.1rem;font-weight:600;margin-bottom:var(--space-xs)}.commission-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.commission-current{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.commission-current .amount{color:var(--color-green-light);display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:500}.commission-current .label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.commission-meta{color:var(--color-text-secondary);display:flex;font-size:13px;justify-content:space-between}.commission-arrow{color:var(--color-text-muted);font-size:1.5rem;position:absolute;right:var(--space-xl);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.commission-card:hover .commission-arrow{color:var(--color-green-light);transform:translateY(-50%) translateX(4px)}.employee-detail{animation:fadeIn .3s ease}.employee-header{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-xl)}.employee-header .avatar,.employee-header .avatar-lg{height:72px;width:72px}.employee-info{flex:1 1;min-width:200px}.employee-info h2{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin:0 0 var(--space-sm) 0}.employee-header .employee-stats{display:flex;gap:var(--space-md);margin-bottom:0}.stat-box{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);text-align:center}.stat-box .stat-value{color:var(--color-green-light);display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:500}.stat-box .stat-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);padding:var(--space-2xl);text-align:center}.clickable-row{cursor:pointer;transition:all var(--transition-fast)}.clickable-row:hover td{background:var(--color-green-muted)!important}.sales-history{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.sales-history h4{border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0;padding:var(--space-md) var(--space-xl)}.sales-history .table-container{border:none;border-radius:0}.sale-type-badge{border-radius:var(--radius-sm);display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:4px 10px;text-transform:uppercase}.sale-type-badge.new{background:var(--color-emerald-muted);border:1px solid var(--color-emerald);color:var(--color-emerald)}.sale-type-badge.used{background:var(--color-rust-muted);border:1px solid var(--color-rust);color:var(--color-rust-light)}.no-sales{color:var(--color-text-muted);padding:var(--space-2xl);text-align:center}.toggle-switch{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.toggle-switch:hover{border-color:var(--color-border-strong)}.toggle-switch.active{background:var(--color-green-muted);border-color:var(--color-green)}.toggle-track{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-shrink:0;height:28px;position:relative;transition:all var(--transition-normal);width:50px}.toggle-switch.active .toggle-track{background:var(--color-green);border-color:var(--color-green)}.toggle-thumb{background:#fff;border-radius:var(--radius-full);box-shadow:0 2px 6px #0000004d;height:20px;left:3px;position:absolute;top:3px;transition:all var(--transition-normal);width:20px}.toggle-switch.active .toggle-thumb{left:calc(100% - 23px)}.toggle-label{color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:color var(--transition-normal)}.toggle-switch.active .toggle-label{color:var(--color-green-light)}.checkbox-label{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-fast)}.checkbox-label:hover{border-color:var(--color-green)}.checkbox-label:has(input:checked){background:var(--color-green-muted);border-color:var(--color-green);color:var(--color-green-light)}.checkbox-label input[type=checkbox]{accent-color:var(--color-green);cursor:pointer;height:18px;width:18px}.menus-admin-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.menu-admin-card{background:linear-gradient(135deg,var(--color-green),var(--color-green-dark));border-radius:var(--radius-lg);gap:var(--space-md);min-width:200px;padding:var(--space-lg)}.menu-admin-card,.menu-admin-info{display:flex;flex-direction:column}.menu-admin-info{gap:var(--space-xs)}.menu-admin-name{color:#fff;font-size:1rem;font-weight:600}.menu-admin-price{color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:500}.menu-admin-desc{color:#fffc;font-size:12px}.menu-admin-actions{display:flex;gap:var(--space-sm)}.menu-admin-actions .btn{background:#fff3;border:none;color:#fff}.menu-admin-actions .btn:hover{background:#ffffff4d}.menu-admin-actions .btn-danger{background:#dc26264d}.menu-admin-actions .btn-danger:hover{background:#dc262680}.service-tab{animation:fadeIn .3s ease}.service-info-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-xl)}.service-info-box p{color:var(--color-text-secondary);font-size:14px;margin:var(--space-xs) 0}.service-info-box strong{color:var(--color-green-light)}.progress-bar-mini{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-block;height:8px;overflow:hidden;vertical-align:middle;width:80px}.progress-bar-mini .progress-fill{background:var(--color-green);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-text{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;margin-left:var(--space-sm)}.row-active{background:var(--color-green-muted)!important}.row-active td{background:#0000!important}.expenses-admin-tab{animation:fadeIn .3s ease}.expenses-admin-tab .tab-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.expenses-admin-tab .tab-header h3{margin:0}.expenses-admin-tab .badge{background:var(--color-amber);border-radius:var(--radius-full);color:var(--color-bg);font-size:12px;font-weight:600;padding:4px 10px}.expenses-admin-tab .pending-row{background:#ffc1070d}.expenses-admin-tab .description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-admin-tab .amount-cell{color:var(--color-green-light);font-family:var(--font-mono);font-weight:600}.expenses-admin-tab .action-buttons{display:flex;gap:6px}.status-badge{border-radius:var(--radius-sm);padding:4px 8px}.status-badge.status-pending{background:var(--color-amber);color:var(--color-bg)}.status-badge.status-approved{background:var(--color-green);color:#fff}.status-badge.status-rejected{background:var(--color-crimson);color:#fff}.production-admin-tab{animation:fadeIn .3s ease}.new-goal-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.new-goal-section h4{color:var(--color-text);font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0 0 var(--space-lg) 0}.goal-form .form-row{align-items:flex-end;display:flex;gap:var(--space-md)}.goals-section{margin-bottom:var(--space-xl)}.goals-section h4{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;margin:0 0 var(--space-lg) 0;text-transform:uppercase}.goals-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.goal-admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.goal-admin-card:hover{border-color:var(--color-border-strong)}.goal-admin-card.completed{border-color:var(--color-emerald);opacity:.7}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.goal-header h5{color:var(--color-text);font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0}.completed-badge{background:var(--color-emerald);border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:4px 12px;text-transform:uppercase}.goal-progress{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.goal-admin-card .progress-bar{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);flex:1 1;height:8px;overflow:hidden}.goal-admin-card .progress-fill{background:linear-gradient(90deg,var(--color-green),var(--color-green-light));height:100%;transition:width var(--transition-normal)}.goal-stats{color:var(--color-text-secondary);display:flex;font-size:13px;justify-content:space-between}.goal-stats .remaining{color:var(--color-rust-light);font-weight:500}.commission-detail-view,.commissions-tab{animation:fadeIn .3s ease}.commissions-tab .tab-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.commissions-tab .tab-header h3{margin:0 0 var(--space-xs) 0}.commissions-tab .tab-header .text-muted{color:var(--color-text-muted);font-size:13px}.stats-periods{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin:var(--space-xl) 0}.stats-period{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.stats-period h4{background:var(--color-green);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0;padding:var(--space-md);text-align:center;text-transform:uppercase}.period-stats{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.period-stat{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:var(--space-md) var(--space-sm);text-align:center}.period-stat:last-child{border-right:none}.period-stat .stat-value{color:var(--color-text);display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:500;line-height:1.2}.period-stat .stat-value.text-success{color:var(--color-green-light)}.period-stat .stat-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.03em;margin-top:var(--space-xs);text-transform:uppercase}.sale-detail-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sale-detail-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:480px;overflow-y:auto;width:90%}.sale-detail-header{align-items:center;background:var(--color-green);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl);position:-webkit-sticky;position:sticky;top:0}.sale-detail-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0}.sale-detail-header .btn{background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:var(--space-xs) var(--space-sm);transition:background var(--transition-fast)}.sale-detail-header .btn:hover{background:#fff3}.sale-detail-info{grid-gap:var(--space-md);background:var(--color-surface);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;padding:var(--space-lg) var(--space-xl)}.sale-detail-info p{font-size:14px;margin:0}.sale-detail-info p strong{color:var(--color-text-muted);font-weight:500}.sale-detail-section{background:var(--color-surface);margin-top:1px;padding:var(--space-lg) var(--space-xl)}.sale-detail-section h4{border-bottom:1px solid var(--color-green);color:var(--color-green-light);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);text-transform:uppercase}.sale-detail-section ul{list-style:none;margin:0;padding:0}.sale-detail-section>ul>li{border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;font-size:14px;justify-content:space-between;padding:var(--space-sm) 0}.sale-detail-section>ul>li:last-child{border-bottom:none}.menu-detail{border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.menu-detail:last-child{border-bottom:none}.menu-detail>p{display:flex;font-weight:500;justify-content:space-between;margin:0}.menu-composition{list-style:none;margin:0;padding:var(--space-sm) 0 0 var(--space-md)}.menu-composition li{color:var(--color-text-muted);font-size:13px;padding:var(--space-xs) 0}.menu-composition li:before{color:var(--color-green);content:"•";margin-right:var(--space-sm)}.sale-summary{font-size:13px;line-height:1.4;max-width:300px}.sale-summary .menus-tag{color:var(--color-green-light);display:block;margin-top:var(--space-xs)}.badge{border-radius:var(--radius-sm);display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:4px 10px}.badge-success{background:var(--color-emerald-muted);border:1px solid var(--color-emerald);color:var(--color-emerald)}.modal-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md);padding-top:var(--space-md)}.production-admin-tab .quantity-cell{color:var(--color-green-light);font-family:var(--font-mono);font-weight:600}.production-admin-tab .notes-cell{color:var(--color-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.stats-periods{grid-template-columns:1fr}.period-stats{grid-template-columns:repeat(5,1fr)}}@media (max-width:992px){.employee-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-page .tabs{flex-wrap:wrap}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1}.pending-user-card{flex-wrap:wrap}.pending-user-card select{width:100%}.grades-grid,.permissions-grid{grid-template-columns:1fr}.period-selector{flex-wrap:wrap}.period-selector .btn{flex:1 1;min-width:calc(50% - var(--space-xs))}.date-inputs{align-items:stretch;flex-direction:column}.date-input-group,.date-input-group input{width:100%}.action-buttons,.commission-card{flex-direction:column}.commission-amount,.commission-card{text-align:center}.categories-grid,.commissions-grid{grid-template-columns:1fr}.employee-header{flex-direction:column;text-align:center}.commission-stats,.employee-stats,.form-row{grid-template-columns:1fr}}.link{color:var(--color-green-light);text-decoration:none;transition:all var(--transition-fast)}.link:hover{color:var(--color-green);text-decoration:underline}.badge-ghost{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-muted)}.user-info-sections{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-xl)}.user-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.user-info-card:hover{border-color:var(--color-border-strong);box-shadow:0 4px 20px #0003}.user-info-card-header{align-items:center;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.user-info-card-header h3{color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:500;margin:0}.user-info-icon{font-size:1.25rem}.user-info-grid{grid-gap:1px;background:var(--color-border);display:grid;gap:1px;grid-template-columns:repeat(2,1fr)}.user-info-item{background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg)}.user-info-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.user-info-value{color:var(--color-text);font-size:15px;font-weight:500}.contract-badge,.user-info-value.highlight{color:var(--color-green-light);font-weight:600}.contract-badge{background:var(--color-green-muted);border:1px solid #2e7d324d;display:inline-block;font-size:12px;padding:4px 12px}.contract-badge,.status-badge{border-radius:var(--radius-full)}.status-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.status-badge.status-success{background:var(--color-emerald-muted);border:1px solid #10b9814d;color:var(--color-emerald)}.status-badge.status-warning{background:var(--color-rust-muted);border:1px solid #f59e0b4d;color:var(--color-rust-light)}.status-badge.status-neutral{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-muted)}.documents-card .documents-grid{display:flex;flex-direction:column}.document-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:background var(--transition-fast)}.document-item:last-child{border-bottom:none}.document-icon,.document-item:hover{background:var(--color-surface-elevated)}.document-icon{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.document-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.document-title{color:var(--color-text);font-size:14px;font-weight:500}.document-status{align-items:center;display:flex}.document-link{background:var(--color-green);border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-fast)}.document-link:hover{background:var(--color-green-light);transform:translateX(2px)}.document-missing{background:var(--color-surface-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:12px;padding:var(--space-sm) var(--space-lg)}@media (max-width:768px){.user-info-grid{grid-template-columns:1fr}.document-item{flex-wrap:wrap}.document-link,.document-missing{margin-top:var(--space-sm);text-align:center;width:100%}}@media (max-width:600px){.permissions-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.admin-page .tabs{width:100%}.admin-page .tab{flex:1 1;font-size:12px;justify-content:center;padding:var(--space-sm)}.stats-periods{gap:var(--space-sm)}.period-stats{grid-template-columns:repeat(3,1fr)}.period-stat{padding:var(--space-sm)}.period-stat .stat-value{font-size:1rem}.sale-detail-content{max-height:90vh;width:95%}.sale-detail-info{grid-template-columns:1fr}}.sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#080808fa;border-right:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:1000}.sidebar-header{border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.sidebar-logo{align-items:center;display:flex;gap:var(--space-sm);text-decoration:none;transition:all var(--transition-fast)}.logo-icon{background:var(--color-green);height:10px;transform:rotate(45deg);transition:all var(--transition-normal);width:10px}.sidebar-logo:hover .logo-icon{background:var(--color-green-light);box-shadow:0 0 12px #2e7d3280}.logo-text{color:var(--color-text);font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:.02em;transition:color var(--transition-fast)}.sidebar-logo:hover .logo-text{color:var(--color-green-light)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:var(--space-md) var(--space-sm)}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:500;gap:var(--space-sm);overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-item:before{background:var(--color-green);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-fast);width:3px}.nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-item:hover:before{transform:scaleY(.5)}.nav-item.active{background:var(--color-green);color:#fff}.nav-item.active:before{background:var(--color-green-light);transform:scaleY(1)}.nav-item svg{flex-shrink:0;height:18px;opacity:.8;transition:opacity var(--transition-fast);width:18px}.nav-item.active svg,.nav-item:hover svg{opacity:1}.sidebar-footer{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.commission-badge,.user-commission{align-items:center;background:var(--color-green-muted);border:1px solid #2e7d3240;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:12px 16px;transition:all var(--transition-fast)}.commission-badge:hover,.user-commission:hover{border-color:#2e7d3266;box-shadow:0 0 15px #2e7d3226}.commission-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.commission-value{color:var(--color-green-light);font-family:var(--font-display);font-size:1.15rem;font-weight:500}.user-section{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);padding:10px 12px;transition:all var(--transition-fast)}.user-section:hover{border-color:var(--color-border-strong)}.user-avatar{border:2px solid var(--color-green);border-radius:50%;height:36px;object-fit:cover;transition:border-color var(--transition-fast);width:36px}.user-avatar.placeholder{align-items:center;background:var(--color-green);color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:center}.user-section:hover .user-avatar{border-color:var(--color-green-light)}.user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.user-name{color:var(--color-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-grade{align-items:center;border:1px solid;border-radius:var(--radius-xs);display:inline-flex;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.btn-logout{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.02em;padding:10px;transition:all var(--transition-fast);width:100%}.btn-logout:hover{background:var(--color-crimson);border-color:var(--color-crimson);color:#fff}.online-dot{animation:pulse-dot 2s ease infinite;background:var(--color-emerald);border-radius:50%;flex-shrink:0;height:6px;width:6px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #10b98166;opacity:1}50%{box-shadow:0 0 0 4px #10b98100;opacity:.8}}@media (max-width:768px){.sidebar{background:#080808fa;border-right:none;border-top:1px solid var(--color-border);bottom:0;flex-direction:row;height:auto;left:0;padding:var(--space-sm);position:fixed;right:0;top:auto;width:100%}.sidebar-footer,.sidebar-header{display:none}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;overflow-x:auto;padding:0;width:100%}.nav-item{align-items:center;border-radius:var(--radius-md);flex:1 1;flex-direction:column;font-size:10px;gap:4px;justify-content:center;min-width:0;padding:10px 8px}.nav-item:before{display:none}.nav-item svg{height:20px;width:20px}.nav-item span{display:block;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-item.active{background:var(--color-green)}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:220px}.logo-text{font-size:1.2rem}.nav-item{font-size:12px;padding:10px 14px}}
/*# sourceMappingURL=main.6a5cc809.css.map*/