:root{--navy:#0f1e4e;--navy2:#16265c;--navy3:#1c2f6e;--accent:#f5901e;--accent-dark:#d97a0a;--ink:#172033;--muted:#6b7488;--line:#e7eaf2;--bg:#f4f6fb;--blue:#2563eb;--blue-bg:#e8f0fe;--green:#16a34a;--green-bg:#e6f8ee;--amber:#b45309;--amber-bg:#fef3e0;--red:#dc2626;--red-bg:#fde8e8;--purple:#7c3aed;--purple-bg:#f1ebfb;--gray:#667085;--gray-bg:#eef0f5}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d7ddea;background:#fff;border-radius:9px;padding:10px 15px;color:var(--ink);transition:background .15s,border-color .15s}button:hover{border-color:#c3cbdc}.app{display:flex;min-height:100vh}aside{width:230px;background:var(--navy);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 18px;border-bottom:1px solid #ffffff17;margin-bottom:10px}.brand-icon{width:34px;height:34px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:#0f1e4e;flex:0 0 auto}.brand b{font-size:17px;letter-spacing:.3px}.brand div{display:flex;flex-direction:column;line-height:1.25}.brand span{font-size:10.5px;opacity:.65}nav{display:flex;flex-direction:column;gap:2px}nav button{background:transparent;border:0;color:#c9d2ef;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 12px;border-radius:9px;font-size:13.5px}nav button svg{opacity:.85;flex:0 0 auto}nav button.active{background:var(--accent);color:#fff}nav button.active svg{opacity:1}nav button:hover:not(.active){background:#ffffff14;color:#fff}.logout{margin-top:auto;display:flex;align-items:center;gap:11px;color:#c9d2ef;background:transparent;border:0;border-top:1px solid #ffffff17;border-radius:0;padding:14px 12px 4px;font-size:13.5px}.logout:hover{color:#fff}main{flex:1;padding:0;max-width:1600px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.searchbox{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 13px;width:min(340px,40vw);color:var(--muted)}.searchbox svg{flex:0 0 auto}.searchbox input{border:0;background:transparent;padding:0;width:100%;color:var(--ink)}.searchbox input:focus{outline:none}.topbar-right{display:flex;align-items:center;gap:16px}.iconbtn{position:relative;border-radius:10px;padding:9px;line-height:0;background:#fff}.iconbtn .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--accent);border-radius:50%;border:2px solid #fff}.notif-pop{position:absolute;right:28px;top:56px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #0f1e4e1a;padding:14px 16px;font-size:13px;color:var(--muted);z-index:20}.avatarbox{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex:0 0 auto}.avatarbox div:last-child{display:flex;flex-direction:column;line-height:1.25}.avatarbox strong{font-size:13px}.avatarbox small{color:var(--muted);font-size:11.5px}.content{padding:24px 28px 36px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:12px}header h2{margin:0 0 4px;font-size:23px}header p{margin:0;color:var(--muted);font-size:13.5px}.pill{background:var(--blue-bg);color:var(--blue);padding:7px 12px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px #0f1e4e08;padding:16px;display:flex;align-items:center;gap:13px}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.stat small{color:var(--muted);display:block;font-size:12px}.stat b{font-size:22px;display:block;margin-top:2px}.c-blue{background:var(--blue-bg);color:var(--blue)}.c-green{background:var(--green-bg);color:var(--green)}.c-amber{background:var(--amber-bg);color:var(--amber)}.c-red{background:var(--red-bg);color:var(--red)}.c-purple{background:var(--purple-bg);color:var(--purple)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px #0f1e4e08}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cardhead{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cardhead b{font-size:14.5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid #f0f2f8;font-size:13px;white-space:nowrap}th{background:#fafbfe;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:#fafbff}.empty{text-align:center;color:#8a93a5;padding:30px}.pillstatus{display:inline-flex;align-items:center;padding:5px 11px;border-radius:20px;font-size:11.5px;font-weight:600;text-transform:capitalize;white-space:nowrap}.st-green{background:var(--green-bg);color:var(--green)}.st-amber{background:var(--amber-bg);color:var(--amber)}.st-red{background:var(--red-bg);color:var(--red)}.st-purple{background:var(--purple-bg);color:var(--purple)}.st-blue{background:var(--blue-bg);color:var(--blue)}.st-gray{background:var(--gray-bg);color:var(--gray)}.toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar input,.toolbar select{min-width:220px;width:auto}.primary{background:var(--accent);border-color:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:8px}.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.wide{width:100%;justify-content:center}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d5dbe7;border-radius:9px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #f5901e33;border-color:var(--accent)}label{display:block;font-size:13px;color:#58647a;margin-bottom:13px}label input,label select,label textarea{margin-top:6px;color:var(--ink)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr}.login-left{background:linear-gradient(165deg,var(--navy),#1c3585);color:#fff;padding:54px 56px;display:flex;flex-direction:column;justify-content:center;gap:22px}.login-left .brand{border:0;padding:0;margin:0}.login-left h1{font-size:34px;line-height:1.2;margin:0}.login-left h1 em{color:var(--accent);font-style:normal}.login-left p{color:#c9d2ef;margin:0;max-width:38ch;font-size:14.5px}.feature-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:14px}.feature-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#e6ebfb}.feature-list li svg{width:20px;height:20px;color:var(--accent);flex:0 0 auto}.login-right{background:linear-gradient(165deg,#1c3585,#3d6fc9);display:grid;place-items:center;padding:32px}.login-card{width:min(410px,92vw);background:#fff;border-radius:18px;padding:34px 32px;box-shadow:0 30px 70px #0b153b40}.login-card h1{margin:0 0 6px;font-size:24px}.login-card>p{color:#748097;margin:0 0 22px;font-size:13.5px}.login-card small{display:block;margin-top:18px;color:#7c879b;text-align:center}.login-buttons{display:flex;gap:10px;margin-top:6px}.login-buttons .primary{flex:1}.login-buttons button:not(.primary){flex:1}@media (max-width:880px){.login{grid-template-columns:1fr}.login-left{display:none}}.error{background:#fff0f0;color:#b42318;padding:10px 12px;border-radius:9px;margin-bottom:14px;font-size:13px}.toast{background:#eaf8ee;color:#166534;border:1px solid #bbebc9;padding:10px 14px;border-radius:9px;margin-bottom:18px;font-size:13.5px}.alert{padding:13px 16px;background:var(--blue-bg);color:#1f4e79;border-radius:10px;margin-bottom:18px;font-size:13.5px}.actions{display:flex;flex-direction:column;gap:10px;padding:18px}.success{color:#16763c;padding:10px;font-size:13.5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b153b99;display:grid;place-items:center;padding:20px;z-index:10}.modal{background:#fff;border-radius:14px;width:min(650px,96vw);max-height:90vh;overflow:auto;padding:22px}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:17px}.modalhead button{font-size:22px;border:0;padding:2px 8px;line-height:1}.center{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.small{padding:5px 10px;font-size:12px}.facewrap{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}.facecam-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.facecam-head{padding:16px 18px;border-bottom:1px solid var(--line)}.facecam-head b{display:block;font-size:15px}.facecam-head small{color:var(--muted);font-size:12.5px}.camera-frame{position:relative;background:#0c1329}.camera-frame video{width:100%;display:block;max-height:58vh;object-fit:cover}.face-guide{position:absolute;top:50%;left:50%;width:52%;aspect-ratio:1/1.15;transform:translate(-50%,-50%);border:3px solid #22c55e;border-radius:18px;box-shadow:0 0 0 2000px #060a1959;pointer-events:none}.instructions-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.instructions-head{display:flex;align-items:center;gap:9px;font-weight:600;margin-bottom:14px;color:var(--navy)}.instructions-card ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:12px}.instructions-card li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#475069}.instructions-card li svg{width:16px;height:16px;margin-top:2px;color:var(--accent);flex:0 0 auto}.instructions-card .wide{margin-bottom:10px}@media (max-width:900px){.facewrap{grid-template-columns:1fr}}@media (max-width:900px){aside{width:190px}.grid2{grid-template-columns:1fr}}@media (max-width:650px){.app{display:block}aside{width:100%;position:static;height:auto}.logout{margin-top:0;border-top:0}nav{display:grid;grid-template-columns:repeat(2,1fr)}.topbar{padding:12px 16px;flex-wrap:wrap}.searchbox{width:100%;order:3}.content{padding:16px}.grid2,.formgrid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}.multiselect-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc}.daycheck{display:flex;align-items:center;gap:7px;font-size:13px!important;margin:0!important}.daycheck input{width:auto!important}.dangerbtn{color:#b91c1c;border-color:#fecaca;background:#fff}.dangerbtn:hover{background:#fef2f2}.attendance-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.attendance-filters label{min-width:145px}.attendance-filters .filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.face-cell{display:inline-flex;align-items:center;justify-content:center}.face-cell a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative}.face-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #cbd5e1;display:block;background:#eef3fb}.face-thumb.img-error{display:none}.face-fallback{display:none;width:48px;height:48px;border-radius:8px;border:1px dashed #cbd5e1;background:#f5f8fc;color:#64748b;align-items:center;justify-content:center;gap:3px;font-size:9px;text-align:center}.face-thumb.img-error+.face-fallback{display:inline-flex}.muted{display:block;color:#64748b;margin-top:4px}:root{--navy:#0b2f73;--navy2:#12479f;--navy3:#0d5ed7;--accent:#f5a623;--accent-dark:#df8c0d;--ink:#10244b;--muted:#667899;--line:#dfe7f5;--bg:#f3f7fd;--blue:#1264d8;--blue-bg:#eaf3ff}body{background:radial-gradient(circle at 75% -10%,#dcecff 0,transparent 28%),var(--bg);overflow-x:hidden}button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}button:hover{transform:translateY(-1px)}.app main{animation:pageIn .55s ease both}.content>header{animation:fadeUp .55s ease both}.content>header h2{letter-spacing:-.02em}.brand-sidebar{align-items:center;gap:9px;padding:8px 8px 16px}.brand-logo{display:block;width:156px;height:auto;object-fit:contain;background:#fff;border-radius:10px;padding:5px 8px;box-shadow:0 8px 24px #061c4a33}.brand-logo-compact{width:132px}.brand-sidebar .brand-copy{display:none}.login-brand .brand-logo{width:198px;border-radius:12px;padding:7px 11px}aside{background:linear-gradient(180deg,#082b69,#0b347f 52%,#09275f);box-shadow:16px 0 45px #08255d14;z-index:8}aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,#2b8cff30,transparent 24%),radial-gradient(circle at 80% 90%,#f5a6231b,transparent 28%);pointer-events:none}aside>*{position:relative;z-index:1}nav button{position:relative;overflow:hidden}nav button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#ffffff12,transparent);transform:translate(-110%);transition:transform .5s ease}nav button:hover:after{transform:translate(110%)}nav button.active{box-shadow:0 10px 24px #f5a62335}.logout:hover{transform:none}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#1264d8;background:#eaf3ff;border:1px solid #cfe2ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.eyebrow.light{color:#fff;background:#ffffff16;border-color:#ffffff2b}.dashboard-hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;min-height:310px;margin:4px 0 20px;border:1px solid #cbdcf5;border-radius:22px;overflow:hidden;background:linear-gradient(110deg,#062b69,#0a459b 48%,#08347a);box-shadow:0 22px 55px #0b3b811c}.dashboard-hero:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#f5a62320;filter:blur(8px);right:18%;top:-130px;animation:floatOrb 7s ease-in-out infinite}.dashboard-hero-copy{position:relative;z-index:2;padding:32px 0 30px 32px;display:flex;flex-direction:column;justify-content:center;max-width:560px;color:#fff}.dashboard-hero-copy h3{font-size:30px;line-height:1.12;letter-spacing:-.025em;margin:15px 0 10px;max-width:530px}.dashboard-hero-copy p{margin:0;color:#d5e4ff;line-height:1.65;font-size:13.5px;max-width:510px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-tags span{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff2c;background:#ffffff10;padding:7px 10px;border-radius:999px;font-size:11px;color:#e8f1ff}.ai-visual{position:relative;min-height:250px;overflow:hidden;isolation:isolate}.ai-visual-glow{position:absolute;top:14%;right:10%;bottom:0;left:10%;background:radial-gradient(circle,#5fb1ff44,transparent 62%);filter:blur(20px);z-index:-1;animation:glowPulse 4s ease-in-out infinite}.ai-visual>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px;opacity:.96;animation:aiZoom 12s ease-in-out infinite alternate}.dashboard-hero .ai-visual{margin:14px 14px 14px 0;border-radius:18px;border:1px solid #ffffff24;box-shadow:inset 0 0 0 1px #ffffff0b,0 15px 45px #001d5030}.dashboard-hero .ai-visual>img{border-radius:18px}.ai-badge{position:absolute;left:15px;top:15px;display:inline-flex;align-items:center;gap:7px;background:#071e49d9;color:#fff;border:1px solid #ffffff2b;padding:8px 11px;border-radius:999px;font-size:10.5px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #00102e30}.ai-float-card{position:absolute;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;min-width:138px;padding:9px 11px;background:#fffefbe8;color:#10244b;border:1px solid #ffffffc7;border-radius:12px;box-shadow:0 15px 35px #001b4a35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;animation:floatCard 4.5s ease-in-out infinite}.ai-float-card svg{grid-row:span 2;color:#1264d8}.ai-float-card span{color:#647899}.ai-float-card b{font-size:12px}.ai-float-one{right:18px;bottom:18px}.ai-float-two{left:18px;bottom:20px;animation-delay:-2s}.stats .stat{animation:fadeUp .55s ease both;position:relative;overflow:hidden}.stats .stat:after{content:"";position:absolute;right:-25px;top:-25px;width:70px;height:70px;border-radius:50%;background:#1264d80d;transition:transform .25s ease}.stats .stat:hover:after{transform:scale(2)}.stats .stat:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0d3a7d14}.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:#cfddf1;box-shadow:0 12px 28px #0d3a7d0d}.cardhead{background:linear-gradient(180deg,#fff,#fbfdff)}.login{position:relative;grid-template-columns:1.08fr .92fr;background:#f5f8fe}.login-left{position:relative;overflow:hidden;background:linear-gradient(135deg,#06255c,#0a469b 58%,#0753bb);padding:42px 48px;justify-content:flex-start;gap:0}.login-left:after{content:"";position:absolute;inset:auto -15% -28% -10%;height:55%;background:linear-gradient(8deg,#f5a623 0 5%,transparent 5% 18%,#ffffff0b 18% 19%,transparent 19%);transform:rotate(-2deg);pointer-events:none}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%);animation:gridDrift 18s linear infinite}.login-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:300px;height:300px;right:-120px;top:-120px;background:#58b5ff2c;animation:floatOrb 8s ease-in-out infinite}.orb-two{width:220px;height:220px;left:-100px;bottom:100px;background:#f5a6231c;animation:floatOrb 10s ease-in-out -3s infinite}.login-brand,.login-copy,.login-ai{position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:14px;animation:fadeDown .6s ease both}.login-brand>div{display:flex;flex-direction:column;color:#fff}.login-brand b{font-size:17px;letter-spacing:.03em}.login-brand span{font-size:10px;color:#d8e6ff;margin-top:2px}.login-copy{margin-top:34px;max-width:620px;animation:fadeUp .7s .08s ease both}.login-left h1{font-size:42px;max-width:610px;line-height:1.08;margin:16px 0 12px;letter-spacing:-.035em}.login-left h1 em{color:#ffb23f;text-shadow:0 0 28px #ffb23f38}.login-left p{color:#d7e5ff;max-width:560px;font-size:14px;line-height:1.7}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0}.feature-list li{gap:9px;align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff16;border-radius:14px;padding:11px;color:#fff;min-height:76px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-list li b{display:block;font-size:11.5px}.feature-list li small{display:block;color:#bfd0ef;font-size:9.5px;line-height:1.4;margin-top:4px}.feature-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f5a623;color:#082b69;flex:0 0 auto}.login-ai{margin-top:auto;width:min(720px,100%);height:215px;align-self:center;animation:fadeUp .8s .18s ease both}.login-ai .ai-visual{height:100%;border-radius:20px;border:1px solid #ffffff20;box-shadow:0 22px 55px #00194038}.login-ai .ai-visual>img{object-position:center 48%}.login-right{position:relative;background:radial-gradient(circle at 20% 10%,#ffffff,transparent 30%),linear-gradient(145deg,#f8fbff,#e8f1fd);padding:36px}.login-right:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid #ffffff;border-radius:30px;pointer-events:none}.login-card{position:relative;width:min(430px,92vw);padding:38px 34px;border:1px solid #dbe6f5;border-radius:24px;box-shadow:0 30px 80px #0b36701c;animation:cardPop .7s .1s ease both}.login-card:before{content:"";position:absolute;left:28px;right:28px;top:0;height:4px;background:linear-gradient(90deg,#0b2f73,#1264d8,#f5a623);border-radius:0 0 10px 10px}.login-card h1{font-size:26px;color:#10244b}.login-card>p{line-height:1.55}.login-card label{color:#4f6281}.login-card input{height:44px;border-color:#d7e2f1;background:#fafdff;transition:box-shadow .2s,border-color .2s,transform .2s}.login-card input:focus{box-shadow:0 0 0 4px #1264d812;transform:translateY(-1px)}.login-card .primary{height:46px;border-radius:12px;background:linear-gradient(90deg,#0b2f73,#1264d8);box-shadow:0 10px 24px #1264d82b}.login-card .primary:hover{background:linear-gradient(90deg,#0a285f,#0e56bd);box-shadow:0 14px 30px #1264d83b}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#061a3a9c;animation:fadeIn .2s ease}.modal{border:1px solid #dce6f4;box-shadow:0 30px 80px #03173755;animation:modalIn .3s ease}.face-guide{animation:scanPulse 2.4s ease-in-out infinite}.camera-frame:after{content:"";position:absolute;left:0;right:0;height:2px;top:18%;background:linear-gradient(90deg,transparent,#53b7ff,transparent);box-shadow:0 0 14px #53b7ff;animation:scanLine 3s ease-in-out infinite;pointer-events:none}.toolbar,.card,.dashboard-hero{animation:fadeUp .5s ease both}.toolbar{animation-delay:.05s}.dashboard-hero{animation-delay:.08s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes cardPop{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@keyframes aiZoom{0%{transform:scale(1)}to{transform:scale(1.055)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes floatOrb{0%,to{transform:translateZ(0)}50%{transform:translate3d(12px,18px,0)}}@keyframes gridDrift{0%{transform:translateZ(0)}to{transform:translate3d(56px,56px,0)}}@keyframes scanLine{0%,to{top:18%;opacity:.2}50%{top:80%;opacity:1}}@keyframes scanPulse{0%,to{box-shadow:0 0 0 2000px #060a1959,0 0 #22c55e00}50%{box-shadow:0 0 0 2000px #060a1959,0 0 24px 3px #22c55e66}}@media (max-width:1100px){.login-left{padding:34px}.login-left h1{font-size:34px}.feature-list{grid-template-columns:1fr}.login-ai{height:185px}.dashboard-hero{grid-template-columns:1fr}.dashboard-hero-copy{padding-bottom:8px}.dashboard-hero .ai-visual{height:260px;margin:8px 14px 14px}}@media (max-width:880px){.login{grid-template-columns:1fr}.login-left{min-height:760px}.login-right{min-height:560px}.login-brand .brand-logo{width:176px}}@media (max-width:650px){.brand-logo{width:142px}.dashboard-hero-copy{padding:24px}.dashboard-hero-copy h3{font-size:25px}.dashboard-hero .ai-visual{height:220px}.ai-float-card{min-width:125px}.login-left{padding:26px 22px;min-height:700px}.login-copy{margin-top:24px}.login-left h1{font-size:30px}.login-ai{height:155px}.login-right{padding:22px}.login-right:before{top:8px;right:8px;bottom:8px;left:8px}.login-card{padding:34px 22px}.feature-list{display:flex}.feature-list li{min-height:auto}.brand-sidebar .brand-logo{width:150px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.brand-logo{max-width:100%;min-height:42px;object-position:center}.face-thumb{object-position:center;image-rendering:auto}.face-cell a{background:#eef3fb;border-radius:8px;overflow:hidden}.face-fallback{font-weight:600}