:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a2e;--bg-card-hover:#224;--bg-input:#1e1e2e;--coral:#f43f5e;--coral-light:#fb7185;--coral-dark:#e11d48;--coral-glow:#f43f5e26;--coral-border:#f43f5e40;--green:#22c55e;--green-bg:#22c55e1a;--yellow:#eab308;--yellow-bg:#eab3081a;--red:#ef4444;--red-bg:#ef44441a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--text-dim:#555;--border:#ffffff14;--border-hover:#ffffff26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #0006;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.2s ease}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f0f5;--bg-input:#f0f0f5;--text-primary:#1a1a2e;--text-secondary:#446;--text-muted:#779;--text-dim:#aac;--border:#0000001a;--border-hover:#0003;--shadow:0 4px 24px #0000000f;--shadow-lg:0 8px 40px #0000001a;--green-bg:#22c55e14;--yellow-bg:#eab30814;--red-bg:#ef444414;--coral-glow:#f43f5e14;--coral-border:#f43f5e33;--btn-secondary-bg:#0000000a;--btn-secondary-bg-hover:#00000014}:root{--btn-secondary-bg:#ffffff0f;--btn-secondary-bg-hover:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--coral);text-decoration:none}a:hover{color:var(--coral-light)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page{min-height:100vh;padding-top:80px}.page-header{text-align:center;padding:48px 0 32px}.page-header h1{margin-bottom:8px;font-size:32px;font-weight:800}.page-header p{color:var(--text-secondary);font-size:16px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:15px;font-weight:600;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--coral), var(--coral-light));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #f43f5e4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--border-hover)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:17px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.card:hover{border-color:var(--coral-border)}.card-highlight{border-color:var(--coral-border);box-shadow:0 0 30px var(--coral-glow)}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font);transition:var(--transition);padding:12px 16px}.input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-glow);outline:none}.input::placeholder{color:var(--text-dim)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.page-header h1{font-size:24px}.navbar{padding:0 16px}.nav-links a{padding:8px 10px;font-size:13px}}.text-coral{color:var(--coral)}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:16px}.gap-3{gap:24px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-coral{background:var(--coral-glow);color:var(--coral)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.alert{border-radius:var(--radius-md);margin-bottom:16px;padding:14px 18px;font-size:14px}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid #ef444433}.alert-success{background:var(--green-bg);color:var(--green);border:1px solid #22c55e33}.nav-user-dropdown{list-style:none;position:relative}.nav-user-btn{border:1px solid var(--border);color:var(--text-primary);font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.nav-user-btn:hover{border-color:var(--coral-border);background:var(--coral-glow)}.nav-user-icon{font-size:14px}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.nav-user-arrow{margin-left:2px;font-size:10px;transition:transform .2s}.nav-user-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{border-radius:var(--radius-md);z-index:9999;background:#1a1a2e;border:1px solid #ffffff1f;min-width:220px;animation:.15s ease-out dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 48px #0009,0 0 0 1px #ffffff0d}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-header{padding:14px 16px 10px}.nav-dropdown-greeting{color:var(--text-muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}.nav-dropdown-divider{background:var(--border);height:1px;margin:4px 0}.nav-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font);transition:background var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;display:flex}.nav-dropdown-item:hover{background:var(--bg-card-hover)}.nav-dropdown-item span:first-child{text-align:center;width:20px;font-size:16px}.nav-dropdown-logout{color:var(--coral)}.nav-dropdown-logout:hover{background:var(--coral-glow)}html[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f0f5;--bg-input:#f0f0f5;--text-primary:#1a1a2e;--text-secondary:#446;--text-muted:#779;--text-dim:#aac;--border:#0000001a;--border-hover:#0003;--shadow:0 2px 12px #0000000f;--shadow-lg:0 8px 40px #0000001a;--btn-secondary-bg:#0000000a;--btn-secondary-bg-hover:#00000014;--coral-glow:#f43f5e14;--coral-border:#f43f5e33;--bg-glass:#00000008;--border-glass:#00000014;--border-glass-hover:#00000026;--shadow-card:0 2px 12px #00000014}html[data-theme=light],html[data-theme=light] body{color:#1a1a2e!important;background-color:#f5f5f7!important}html[data-theme=light] .navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#fffffff2!important;border-bottom:1px solid #00000014!important}html[data-theme=light] .nav-links a{color:#446!important}html[data-theme=light] .nav-links a:hover{color:#f43f5e!important}html[data-theme=light] .nav-cta{color:#fff!important}html[data-theme=light] .nav-logo{color:#1a1a2e!important}html[data-theme=light] .nav-logo .logo-accent{color:#f43f5e!important}html[data-theme=light] .nav-logo .logo-24{-webkit-text-fill-color:unset!important;color:#fb7185!important;background:0 0!important}html[data-theme=light] .card{box-shadow:0 1px 4px #0000000f;background:#fff!important;border-color:#00000014!important}html[data-theme=light] .page-header h1{color:#1a1a2e}html[data-theme=light] .page-header p{color:#446}html[data-theme=light] h2{color:#1a1a2e}html[data-theme=light] .btn-secondary{color:#1a1a2e!important;background:#0000000a!important;border-color:#0000001a!important}html[data-theme=light] .btn-secondary:hover{background:#00000014!important}html[data-theme=light] .input{color:#1a1a2e!important;background:#f0f0f5!important;border-color:#0000001f!important}html[data-theme=light] .input:focus{border-color:#f43f5e!important}html[data-theme=light] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23444' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E")}html[data-theme=light] .alert-error{background:#ef44440f!important}html[data-theme=light] .alert-success{background:#22c55e0f!important}html[data-theme=light] .badge-coral{background:#f43f5e1a}html[data-theme=light] .badge-green{background:#22c55e1a}html[data-theme=light] .text-muted{color:#779!important}html[data-theme=light] main{color:#1a1a2e}html[data-theme=light] .nav-dropdown-menu{background:#fff;border:1px solid #0000001a;box-shadow:0 12px 48px #00000026,0 0 0 1px #0000000a}html[data-theme=light] .nav-dropdown-item{color:#1a1a2e}html[data-theme=light] .nav-dropdown-item:hover{background:#f0f0f5}html[data-theme=light] .nav-dropdown-logout{color:var(--coral)}html[data-theme=light] .nav-dropdown-greeting{color:#779}html[data-theme=light] .nav-dropdown-divider{background:#00000014}html[data-theme=light] .nav-user-btn{color:#1a1a2e;border-color:#00000026}