:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030303;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#030303;min-width:320px;min-height:100%}body{background:#030303;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{color:#f8fafc;background:radial-gradient(circle at 18% 16%,#dc262647,#0000 30%),radial-gradient(circle at 84% 12%,#7f1d1d52,#0000 28%),linear-gradient(135deg,#030303 0%,#0a0a0b 46%,#190606 100%);min-height:100vh;padding:24px;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(12px);opacity:.5;border-radius:999px;position:absolute}.ambient-one{background:#b91c1c3d;width:240px;height:240px;inset:12% auto auto -120px}.ambient-two{background:#ef444429;width:260px;height:260px;bottom:8%;right:-130px}.topbar,.landing,.dashboard,.footer{z-index:1;width:min(1120px,100%);margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.brand-mark,.eyebrow,.trust-row span,.status-pill{align-items:center;gap:8px;display:inline-flex}.brand-mark{letter-spacing:.08em;color:#fff;font-size:.95rem;font-weight:800}.brand-mark svg,.eyebrow svg,.trust-row svg{color:#ef4444}.ghost-button,.primary-button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.ghost-button{color:#f8fafc;background:#ffffff0d;border:1px solid #f8fafc24;gap:8px;padding:0 14px}.primary-button{color:#fff;background:linear-gradient(135deg,#dc2626,#7f1d1d);gap:10px;width:100%;padding:0 16px;box-shadow:0 16px 32px #dc262638}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.ghost-button:hover{background:#7f1d1d42;border-color:#f871716b}.primary-button:hover{box-shadow:0 18px 38px #dc262652}.ghost-button:focus-visible,.primary-button:focus-visible{outline-offset:3px;outline:3px solid #f8717173}.landing{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:28px;min-height:calc(100vh - 132px);padding:56px 0 28px;display:grid}.hero-panel,.role-card,.dashboard-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0ec7;border:1px solid #f8fafc1a;box-shadow:0 24px 70px #0000006b}.hero-panel{border-radius:8px;flex-direction:column;justify-content:center;min-height:520px;padding:56px;display:flex}.eyebrow{color:#fecaca;background:#7f1d1d38;border:1px solid #f8717138;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.82rem;font-weight:800}.hero-panel h1,.dashboard-heading h1{color:#fff;margin:22px 0 0;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:900;line-height:.9}.subtitle{color:#fca5a5;margin-top:18px;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800}.tagline{color:#d1d5db;max-width:620px;margin-top:18px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.trust-row{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.trust-row span,.status-pill{color:#e5e7eb;background:#ffffff0d;border:1px solid #f8fafc1a;border-radius:999px;min-height:36px;padding:0 12px;font-size:.88rem;font-weight:700}.role-grid{gap:18px;display:grid}.role-card{border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;padding:28px;display:flex}.role-icon,.dashboard-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#450a0a);border-radius:8px;place-items:center;width:52px;height:52px;display:grid}.role-card h2,.dashboard-card h2{color:#fff;margin:0;font-size:1.35rem}.role-card p,.dashboard-card p,.dashboard-heading p{color:#aeb4bf;margin:0;line-height:1.6}.pin-form{gap:12px;display:grid}.pin-field{gap:8px;display:grid}.pin-field span{color:#f8fafc;font-size:.85rem;font-weight:800}.pin-field input{color:#f8fafc;width:100%;min-height:44px;font:inherit;background:#00000057;border:1px solid #f8fafc1f;border-radius:8px;outline:none;padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s}.pin-field input:focus{background:#00000075;border-color:#f8717194;box-shadow:0 0 0 3px #dc262629}.login-error{grid-column:1/-1}.dashboard{min-height:calc(100vh - 132px);padding:56px 0 28px}.dashboard-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.dashboard-heading h1{font-size:clamp(2.35rem,6vw,5rem);line-height:1}.dashboard-heading p{max-width:720px;margin-top:18px;font-size:1.04rem}.status-pill{color:#fecaca;flex:none;margin-top:8px}.dashboard-grid,.employee-layout,.manager-layout{gap:18px;display:grid}.employee-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.manager-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start}.manager-side{gap:18px;display:grid}.manager-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-card{border-radius:8px;flex-direction:column;gap:18px;min-height:230px;padding:28px;display:flex}.form-card,.team-updates-card,.compact-card{min-height:auto}.section-title{align-items:flex-start;gap:14px;display:flex}.section-title h2{margin:0 0 4px}.section-title p{margin:0}.update-form{gap:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-field,.priority-field{gap:8px;display:grid}.form-field span,.priority-field span{color:#f8fafc;font-size:.85rem;font-weight:800}.form-field textarea,.priority-field select{color:#f8fafc;background:#00000057;border:1px solid #f8fafc1f;border-radius:8px;outline:none;width:100%;transition:border-color .18s,box-shadow .18s,background .18s}.form-field textarea{resize:vertical;min-height:124px;padding:13px 14px;line-height:1.5}.priority-field select{min-height:44px;padding:0 12px}.form-field textarea::placeholder{color:#6b7280}.form-field textarea:focus,.priority-field select:focus{background:#00000075;border-color:#f8717194;box-shadow:0 0 0 3px #dc262629}.form-actions{grid-template-columns:minmax(180px,.35fr) minmax(220px,.65fr);align-items:end;gap:14px;display:grid}.form-submit{align-self:end}.update-list,.mini-list{gap:12px;display:grid}.update-item,.mini-list p{background:#ffffff0a;border:1px solid #f8fafc17;border-radius:8px;margin:0}.update-item{gap:8px;padding:16px;display:grid}.update-meta{color:#fca5a5;justify-content:space-between;align-items:center;gap:12px;font-size:.83rem;font-weight:800;display:flex}.update-meta strong{color:#fff}.update-item h3{color:#fff;margin:0;font-size:1rem;line-height:1.35}.update-item p{color:#aeb4bf;margin:0;line-height:1.5}.update-item b{color:#fecaca}.mini-list p{color:#aeb4bf;gap:4px;padding:12px;line-height:1.45;display:grid}.mini-list strong{color:#fff}.empty-state{color:#7f8794;margin:0}.error-state,.success-state{border-radius:8px;margin:0;padding:12px 14px;font-weight:800;line-height:1.45}.error-state{color:#fecaca;background:#7f1d1d3d;border:1px solid #f8717138}.success-state{color:#bbf7d0;background:#14532d3d;border:1px solid #22c55e3d}.summary-card{gap:16px}.summary-report{gap:12px;max-height:320px;padding-right:2px;display:grid;overflow:auto}.summary-section{background:#450a0a38;border:1px solid #f871712e;border-radius:8px;gap:6px;padding:14px;display:grid}.summary-section h3{color:#fff;margin:0;font-size:.9rem;font-weight:900}.summary-section p{color:#fecaca;margin:0;font-size:.9rem;line-height:1.55}.footer{color:#7f8794;text-align:center;padding:10px 0 0;font-size:.86rem}@media (width<=920px){.app-shell{padding:18px}.landing{grid-template-columns:1fr;min-height:auto;padding-top:34px}.hero-panel{min-height:auto;padding:34px}.manager-grid,.employee-grid,.employee-layout,.manager-layout{grid-template-columns:1fr 1fr}.dashboard-heading{flex-direction:column}}@media (width<=620px){.app-shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.ghost-button{width:100%}.hero-panel,.role-card,.dashboard-card{padding:22px}.hero-panel h1{font-size:4.6rem}.role-grid,.manager-grid,.employee-grid,.employee-layout,.manager-layout,.form-grid,.form-actions{grid-template-columns:1fr}.dashboard{padding-top:34px}.dashboard-card{min-height:190px}}