:root{--background:#0f1117;--foreground:#e4e4e7;--card:#18181b;--card-foreground:#e4e4e7;--popover:#18181b;--popover-foreground:#e4e4e7;--primary:#ff6b35;--primary-foreground:#fff;--secondary:#1e1e24;--secondary-foreground:#a1a1aa;--muted:#1e1e24;--muted-foreground:#71717a;--accent:#ff6b35;--accent-foreground:#fff;--destructive:#ef4444;--border:#27272a;--input:#27272a;--ring:#ff6b35;--chart-1:#ff6b35;--chart-2:#22d3ee;--chart-3:#a78bfa;--chart-4:#4ade80;--chart-5:#f472b6;--torch-accent-hover:#e55a2b;--radius:.625rem;--radius-lg:.75rem;--radius-xl:.875rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.layout{flex-direction:column;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;background:#0f1117f2;width:100%;position:sticky;top:0;box-shadow:0 1px 3px #0000004d}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:52px;margin:0 auto;padding:0 1rem;display:flex}.navbar .logo{color:var(--foreground);flex-shrink:0;align-items:center;gap:.375rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.navbar .logo span{color:var(--accent)}.navbar .logo-icon{flex-shrink:0;width:auto;height:22px}.navbar nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:1;align-items:center;gap:.125rem;min-width:0;display:flex;overflow-x:auto}.navbar nav::-webkit-scrollbar{display:none}.navbar nav a{border-radius:var(--radius);color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;padding:.375rem .625rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.navbar nav a:hover{color:var(--accent);background:var(--muted)}.navbar nav a.active{color:var(--accent);background:#ff6b3514}.navbar .mobile-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1.5rem;display:none}.nav-auth{flex-shrink:0;align-items:center;gap:.375rem;margin-left:.5rem;display:flex}.page-banner-bg{background-image:url(/torch-banner.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;height:200px}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:.75rem}.hero{text-align:center;padding:1.5rem 0}.hero h1{color:var(--foreground);margin-bottom:.75rem;font-size:2rem;font-weight:700;line-height:1.2}.hero h1 span{color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;transition:all .2s;box-shadow:0 1px 3px #00000014}.card:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014}.grid{gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.btn{border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 6px #00000026}.btn-primary:hover{background:var(--torch-accent-hover)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 6px #00000026}.btn-accent:hover{background:var(--torch-accent-hover)}.btn-outline{border:1px solid var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--muted);border-color:var(--muted-foreground)}.btn-danger{background:var(--destructive);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{border-radius:var(--radius);padding:.3rem .625rem;font-size:.75rem}.btn-lg{padding:.75rem 2rem;font-size:1rem}.tag{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--muted-foreground);background:var(--card);padding:.15rem .5rem;font-size:.65rem;font-weight:500;display:inline-block}.badge{border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.badge-approved{color:#166534;background:#dcfce7}.badge-rejected{color:#991b1b;background:#fee2e2}.badge-pending{color:#92400e;background:#fef3c7}.badge-under_review{color:#3730a3;background:#e0e7ff}.badge-accepted{color:#166534;background:#dcfce7}.badge-scheduled{color:#3730a3;background:#e0e7ff}.badge-completed{color:#166534;background:#dcfce7}.badge-cancelled{color:#991b1b;background:#fee2e2}.retiring{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;padding:1.25rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h2{color:var(--foreground);font-size:1.1rem}.modal-close{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:var(--foreground)}.form-group{margin-bottom:.75rem}.form-group label{color:var(--foreground);margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--foreground);padding:.5rem;font-family:inherit;font-size:.875rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px #ff6b3526}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.section{margin-bottom:2rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.section-header h1{color:var(--foreground);font-size:1.5rem;font-weight:700}.section-header h2{color:var(--foreground);margin:0;font-size:1.25rem}.empty{text-align:center;color:var(--muted-foreground);padding:2rem 1rem}.empty-icon{margin-bottom:.75rem;font-size:2.5rem}.stat-card{text-align:center;background:var(--secondary);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem}.stat-card .stat-value{color:var(--foreground);font-size:1.75rem;font-weight:700}.stat-card .stat-label{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem}.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card);margin:.75rem 0;padding:.75rem 0}.trust-bar .trust-items{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:1280px;margin:0 auto;padding:0 1rem;display:grid}.trust-bar .trust-item{color:var(--muted-foreground);justify-content:center;align-items:center;gap:.375rem;font-size:.8rem;display:flex}.trust-bar .trust-item .icon{font-size:1.1rem}@media (width<=768px){.navbar-inner{height:48px;padding:0 .5rem}.navbar .logo{gap:.2rem;font-size:.9rem}.navbar .logo-icon{height:18px}.navbar nav{display:none}.navbar nav.open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99;background:#0f1117fa;flex-direction:column;gap:0;padding:.5rem;display:flex;position:fixed;inset:48px 0 0;overflow-y:auto}.navbar nav.open a{border-bottom:1px solid var(--border);padding:.75rem;font-size:.9rem}.navbar nav.open .nav-auth{border-bottom:none;padding:.75rem}.navbar .mobile-toggle{display:block}.main{padding:.5rem}.hero{padding:1rem 0}.hero h1{font-size:1.4rem}.page-banner-bg{height:120px}.card{padding:.75rem}.grid-3,.grid-2{grid-template-columns:1fr}.trust-bar .trust-items{grid-template-columns:1fr 1fr;gap:.375rem .75rem;padding:0 .5rem}.trust-bar .trust-item{font-size:.68rem}.trust-bar .trust-item .icon{font-size:.85rem}.section{margin-bottom:1.5rem}.section-header h1{font-size:1.2rem}.section-header h2{font-size:1rem}.stat-card{padding:.75rem}.stat-card .stat-value{font-size:1.4rem}.btn{padding:.4rem .75rem;font-size:.8rem}.modal{padding:.875rem}.modal-header h2{font-size:.95rem}.filter-row{flex-direction:column}}@media (width<=400px){.navbar .logo span{display:none}.trust-bar .trust-items{grid-template-columns:1fr;gap:.2rem}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}
