:root{--orange: #fd864d;--orange-glow: rgba(253, 134, 77, .4);--gold: #fbbf24;--cyan: #06b6d4;--bg-deep: #07070f;--bg-primary: #0a0a1a;--bg-elevated: #111128;--bg-surface: #1a1a3e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--gradient-brand: linear-gradient(135deg, #fbbf24, #fd864d);--gradient-glow: linear-gradient(135deg, #fd864d, #06b6d4);--gradient-card: linear-gradient(135deg, #111128, #1a1a3e);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-xs: clamp(.75rem, .7rem + .25vw, .875rem);--fs-sm: clamp(.875rem, .8rem + .35vw, 1rem);--fs-base: clamp(1rem, .9rem + .5vw, 1.125rem);--fs-md: clamp(1.125rem, 1rem + .6vw, 1.25rem);--fs-lg: clamp(1.25rem, 1rem + 1vw, 1.75rem);--fs-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--fs-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--fs-3xl: clamp(2.5rem, 1.8rem + 3.5vw, 5rem);--fs-display: clamp(3rem, 2rem + 5vw, 7rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-section: clamp(5rem, 10vh, 10rem);--container-max: 1200px;--container-padding: clamp(1.25rem, 4vw, 3rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .6s;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--z-base: 1;--z-header: 100;--z-overlay: 200;--z-preloader: 1000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.1}p{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}::selection{background:var(--orange);color:var(--bg-deep)}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-secondary);background-color:var(--bg-deep)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--fs-md);color:var(--text-secondary);max-width:550px}.section-header{margin-bottom:var(--space-16)}.section-header .section-subtitle{margin-top:var(--space-4)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);background:var(--bg-deep)}.auth-card,.portal-card{width:100%;max-width:520px;padding:var(--space-12);background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);text-align:center}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-logo img{width:48px;height:48px}.auth-wordmark{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);letter-spacing:.04em}.auth-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5);text-align:left}.auth-field label{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.auth-field input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--duration-fast) var(--ease-out)}.auth-field input:focus{outline:none;border-color:var(--orange)}.auth-error{color:#ef4444;font-size:var(--fs-sm);min-height:1.4em;text-align:center}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-home-link{display:inline-block;margin-top:var(--space-5);color:var(--text-secondary);font-size:var(--fs-sm);transition:color var(--duration-fast) var(--ease-out)}.auth-home-link:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);border:none}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--gradient-brand);color:var(--bg-deep)}.btn--primary:hover{box-shadow:0 0 20px var(--orange-glow)}.btn--outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-primary)}.btn--outline:hover{border-color:var(--orange);color:var(--orange)}.btn--lg{padding:.875rem 2rem;font-size:var(--fs-base)}.portal-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);margin:var(--space-4) var(--space-4) 0;z-index:var(--z-header)}.portal-header__brand{display:flex;flex-direction:column}.portal-header .auth-logo{margin-bottom:0}.portal-header__center{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.portal-header__title{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:600;color:var(--text-primary)}.portal-company{font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary)}.portal-welcome{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.btn--sm{padding:.5rem 1.25rem;font-size:var(--fs-xs)}.btn--xs{padding:.3rem .75rem;font-size:.7rem}.portal-header__actions{display:flex;align-items:center;gap:var(--space-4)}.portal-home-link{font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.portal-home-link:hover{color:var(--orange)}.portal-heading{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.portal-card--wide{max-width:1100px}.admin-table{width:100%;margin-top:var(--space-5);border-collapse:collapse;text-align:left}.admin-table th{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-table th[data-sort]:after{content:"⇅";margin-left:.4em;opacity:.3;font-size:.85em}.admin-table th[data-sort].sort-asc:after{content:"▲";opacity:.8}.admin-table th[data-sort].sort-desc:after{content:"▼";opacity:.8}.admin-table td{font-size:var(--fs-sm);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.05)}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.admin-table tbody tr:hover{background:#ffffff0a}.admin-table tbody tr.selected{background:#ffa50014}.admin-layout{display:flex;gap:var(--space-8);align-items:flex-start;width:100%;max-width:1400px}.admin-form{display:flex;flex-direction:column;gap:var(--space-5);text-align:left;margin-top:var(--space-5)}.admin-form select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--duration-fast) var(--ease-out)}.admin-form select:focus{outline:none;border-color:var(--orange)}.admin-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.admin-actions .btn{flex:1}.btn--danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.btn--danger:hover{background:#ef4444;color:#fff;box-shadow:0 0 16px #ef44444d}.btn--danger:disabled,.btn--outline:disabled{opacity:.4;pointer-events:none}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{width:90%;max-width:380px;padding:var(--space-8);background:var(--gradient-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);text-align:center}.confirm-dialog p{color:var(--text-primary);font-size:var(--fs-base);margin-bottom:var(--space-6)}.confirm-dialog__actions{display:flex;gap:var(--space-3);justify-content:center}.confirm-dialog__actions .btn{min-width:100px}@media(max-width:768px){.admin-layout{flex-direction:column;align-items:stretch}}