:root,[data-theme=dark]{--bg-base: #1a1d2b;--bg-surface: #222639;--bg-surface-hover: #2a2e44;--bg-elevated: #2e3348;--border: #363b54;--border-subtle: #2e3348;--text-primary: #f5f6fa;--text-secondary: #b0b4cc;--text-muted: #8288a4;--accent: #4e8ff7;--accent-hover: #3b7ae6;--accent-glow: rgba(78, 143, 247, .18);--teal: #22d3ee;--teal-glow: rgba(34, 211, 238, .15);--green: #34d399;--green-glow: rgba(52, 211, 153, .14);--orange: #fbbf24;--orange-glow: rgba(251, 191, 36, .14);--red: #f87171;--red-glow: rgba(248, 113, 113, .14);--purple: #c084fc;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--sidebar-width: 220px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-card: 0 2px 8px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .2)}[data-theme=light]{--bg-base: #f4f5f7;--bg-surface: #ffffff;--bg-surface-hover: #f0f1f4;--bg-elevated: #e8eaef;--border: #d1d5db;--border-subtle: #e5e7eb;--text-primary: #0f1219;--text-secondary: #374151;--text-muted: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-glow: rgba(37, 99, 235, .1);--teal: #0891b2;--teal-glow: rgba(8, 145, 178, .1);--green: #16a34a;--green-glow: rgba(22, 163, 74, .1);--orange: #d97706;--orange-glow: rgba(217, 119, 6, .1);--red: #dc2626;--red-glow: rgba(220, 38, 38, .08);--purple: #9333ea;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:linear-gradient(135deg,#212744,#1f2948,#1d2b4c,#1e2d4e,#213050,#233252,#253455,#273658,#243759,#22395c,#263c60 90%,#2a3f65);background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}[data-theme=light] body{background:linear-gradient(135deg,#e8ecf4,#dfe4ef 30%,#eaecf2 55%,#f2f4f8);background-attachment:fixed}a{color:inherit;text-decoration:none}.app-layout{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:#161a3099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}[data-theme=light] .sidebar{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.06)}.sidebar-brand{padding:1.5rem 1.25rem 1rem;font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.sidebar-brand .brand-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}.sidebar-nav{flex:1;padding:.5rem .75rem;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);transition:all .15s ease;cursor:pointer}.sidebar-link:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-glow);color:var(--accent);font-weight:500}.sidebar-link .nav-icon{width:20px;text-align:center;font-size:1rem;opacity:.7}.sidebar-link.active .nav-icon{opacity:1}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:.5rem}.sidebar-user{flex:1;font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.3rem .5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:all .15s ease}.sidebar-logout:hover{border-color:var(--red);color:var(--red)}.main-content{flex:1;overflow-y:auto;padding:2rem 2.5rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.02em}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#21274480,#1f28467a,#1e294878,#1e2a4a75,#1f2b4b73,#202d4d70,#212f4f6e,#2230516b,#23325369,#24335469,#25345666 90%,#27365866);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:all .2s ease;box-shadow:0 2px 8px #0000001f}[data-theme=light] .stat-card{background:linear-gradient(135deg,#fff9,#fcfdff96 17%,#fafbfe94 33%,#f8f9fd91,#f7f8fd8f 67%,#f6f7fc8f 83%,#f5f7fc8c);border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000d}.stat-card:hover{background:linear-gradient(135deg,#252c4899,#242d4a94 17%,#232e4c91 33%,#2330508c,#2532548a 67%,#27355885 83%,#2b3a5e80);border-color:#ffffff1a;transform:translateY(-1px)}[data-theme=light] .stat-card:hover{background:linear-gradient(135deg,#ffffffbf,#f8f9fdb3)}.stat-card.accent-blue{border-left:3px solid #64b5f6}.stat-card.accent-teal{border-left:3px solid #4285f4}.stat-card.accent-green{border-left:3px solid #9c5cf5}.stat-card.accent-orange{border-left:3px solid #f5d76e}.stat-card.accent-red{border-left:3px solid #f47b8a}[data-theme=light] .stat-card.accent-blue{border-left:3px solid #42a0e8}[data-theme=light] .stat-card.accent-teal{border-left:3px solid #3070d6}[data-theme=light] .stat-card.accent-green{border-left:3px solid #7c3fd4}[data-theme=light] .stat-card.accent-orange{border-left:3px solid #d47a1a}[data-theme=light] .stat-card.accent-red{border-left:3px solid #e0607a}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:400}.stat-card.accent-blue .stat-value{color:#64b5f6}.stat-card.accent-teal .stat-value{color:#4285f4}.stat-card.accent-green .stat-value{color:#9c5cf5}.stat-card.accent-orange .stat-value{color:#f5d76e}[data-theme=light] .stat-card.accent-blue .stat-value{color:#42a0e8}[data-theme=light] .stat-card.accent-teal .stat-value{color:#3070d6}[data-theme=light] .stat-card.accent-green .stat-value{color:#7c3fd4}[data-theme=light] .stat-card.accent-orange .stat-value{color:#d47a1a}.stat-card.accent-red .stat-value{color:#f47b8a}[data-theme=light] .stat-card.accent-red .stat-value{color:#e0607a}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:600px;border-collapse:collapse}.data-table thead th{text-align:left;padding:.75rem 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);font-weight:500}.data-table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:.9rem;color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.card{background:linear-gradient(135deg,#21274480,#1f28467a,#1e294878,#1e2a4a75,#1f2b4b73,#202d4d70,#212f4f6e,#2230516b,#23325369,#24335469,#25345666 90%,#27365866);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001f}[data-theme=light] .card{background:linear-gradient(135deg,#fff9,#fcfdff96 17%,#fafbfe94 33%,#f8f9fd91,#f7f8fd8f 67%,#f6f7fc8f 83%,#f5f7fc8c);border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000d}.card-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-blue{background:var(--accent-glow);color:var(--accent)}.badge-teal{background:var(--teal-glow);color:var(--teal)}.badge-green{background:var(--green-glow);color:var(--green)}.badge-orange{background:var(--orange-glow);color:var(--orange)}.badge-red{background:var(--red-glow);color:var(--red)}.badge-gray{background:var(--bg-elevated);color:var(--text-muted)}.badge-purple{background:#a855f71f;color:var(--purple)}.form-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.form-group{display:flex;flex-direction:column}.form-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.form-input,.form-select{padding:.5rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .15s ease}[data-theme=light] .form-input,[data-theme=light] .form-select{background:#0000000a;border:1px solid rgba(0,0,0,.1)}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-danger:hover{background:var(--red-glow)}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-secondary);border-color:var(--text-muted);background:var(--bg-surface-hover)}.btn-warning{background:var(--orange);color:#000;border:1px solid var(--orange)}.btn-warning:hover{background:#d97706}.btn:disabled{opacity:.5;cursor:not-allowed}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.empty-state{color:var(--text-muted);font-size:.9rem;padding:2rem 0;text-align:center}.error-msg{color:var(--red);background:var(--red-glow);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1c2138bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.5rem;width:400px;max-width:90vw;box-shadow:0 8px 32px #00000040}[data-theme=light] .modal-content{background:#fffc;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001a}.modal-content h3{font-size:1.1rem;color:var(--text-primary)}.modal-content .form-group{margin-bottom:1rem}.modal-content .form-input{width:100%}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-base)}.login-card{background:#1c2138a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:2.5rem;width:380px;box-shadow:0 8px 32px #0003}[data-theme=light] .login-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 32px #00000014}.login-card h1{font-size:1.4rem;margin-bottom:.25rem}.login-card .subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.75rem}.login-card .form-group{margin-bottom:1.25rem}.login-card .form-input{width:100%}.login-card .btn-primary{width:100%;padding:.65rem;font-size:.95rem;margin-top:.5rem}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--text-muted);font-size:.9rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-settings{padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem}.toggle-btn{flex:1;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.35rem 0;font-size:.75rem;font-family:var(--font);cursor:pointer;transition:all .15s ease;text-align:center}.toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}.toggle-btn .toggle-icon{margin-right:4px}.instructions-steps{display:flex;flex-direction:column;gap:.75rem}.instruction-step{display:flex;gap:1rem;align-items:flex-start}.step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-glow);color:var(--accent);font-weight:600;font-size:.85rem}.instruction-step strong{color:var(--text-primary);display:block;margin-bottom:2px}.instruction-step p{color:var(--text-secondary);font-size:.9rem;margin:0}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.instruction-card{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1.25rem}[data-theme=light] .instruction-card{background:#00000008;border:1px solid rgba(0,0,0,.06)}.instruction-card-icon{font-size:1.3rem;margin-bottom:.5rem;opacity:.6}.instruction-card-label{font-weight:600;color:var(--accent);margin-bottom:.4rem;font-size:.95rem}.instruction-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.instructions-flow{display:flex;flex-direction:column;gap:0;padding-left:1rem}.flow-step{display:flex;align-items:flex-start;gap:1rem;position:relative;padding-bottom:1.25rem}.flow-step:last-child{padding-bottom:0}.flow-step:before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--border)}.flow-step:last-child:before{display:none}.flow-dot{flex-shrink:0;width:11px;height:11px;border-radius:50%;background:var(--accent);margin-top:4px;position:relative;z-index:1}.flow-step p{color:var(--text-secondary);font-size:.9rem;margin:0}.instructions-tips{display:flex;flex-direction:column;gap:.6rem}.tip-item{padding:.75rem 1rem;background:#0000001f;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}[data-theme=light] .tip-item{background:#00000008}.burger-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:1100;width:36px;height:36px;padding:6px;background:#161a3099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;gap:5px}[data-theme=light] .burger-btn{background:#ffffffb3;border:1px solid rgba(0,0,0,.08)}.burger-btn span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all .25s ease;transform-origin:center}.burger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none}@media (max-width: 1100px){.main-content{padding:1.5rem 1.25rem}}@media (max-width: 900px){.sidebar{width:180px}.sidebar-brand{padding:1.25rem 1rem .75rem;font-size:1rem}.sidebar-link{font-size:.85rem;padding:.5rem .6rem}.sidebar-settings{padding:.5rem .75rem}.sidebar-footer{padding:.75rem}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.burger-btn{display:flex}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;width:260px}.sidebar.sidebar-open{transform:translate(0)}.main-content{padding:4rem 1rem 1.5rem;width:100%}.form-row{flex-direction:column;align-items:stretch}.form-group,.form-input,.form-select{width:100%}}@media (max-width: 640px){.main-content{padding:3.5rem 1rem 1rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.4rem}.page-title{font-size:1.25rem}.card{padding:1rem}.modal-content{width:92vw;padding:1.25rem}}@media (max-width: 480px){.main-content{padding:3.5rem .75rem 1rem}.stat-grid{grid-template-columns:1fr}.stat-card{padding:.85rem 1rem}.stat-value{font-size:1.25rem}.page-title{font-size:1.1rem}.btn{font-size:.8rem;padding:.4rem .75rem}}