:root{--ink:#17213a;--muted:#707995;--line:#e6e8f2;--paper:#fff;--canvas:#f5f6fb;--primary:#4a36d1;--primary2:#7358f5;--deep:#24176e;--success:#158f61;--danger:#d9485f;--warn:#d38a17;--shadow:0 18px 60px rgba(34,30,95,.10);--radius:20px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.admin-body{min-height:100vh}.admin-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#21146b,#30208d 58%,#201366);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:21px;letter-spacing:-.5px}.brand small{display:block;margin-top:2px;font-size:10px;opacity:.68;letter-spacing:.3px}.brand-mark{height:40px;width:40px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:2px}.brand-mark i{display:block;width:8px;border:3px solid currentColor;border-radius:8px 8px 5px 5px;position:relative}.brand-mark i:before{content:"";position:absolute;width:6px;height:6px;border:3px solid currentColor;border-radius:50%;top:-12px;left:-2px}.brand-mark i:nth-child(1),.brand-mark i:nth-child(3){height:19px;opacity:.75}.brand-mark i:nth-child(2){height:26px}.side-nav{display:grid;gap:6px;margin-top:42px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:rgba(255,255,255,.72);font-size:14px;font-weight:600;transition:.2s}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.13);color:#fff;transform:translateX(2px)}.nav-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);font-size:15px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding-top:20px}.user-chip{display:flex;gap:10px;align-items:center}.user-chip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--primary);font-weight:800}.user-chip strong,.user-chip small{display:block;font-size:12px}.user-chip small{opacity:.62;margin-top:2px;text-transform:capitalize}.logout-link{display:block;margin-top:14px;font-size:12px;color:rgba(255,255,255,.62)}.main-content{min-width:0}.topbar{height:98px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:20px 34px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20}.topbar p{margin:0 0 3px;color:var(--muted);font-size:12px}.topbar h1{margin:0;font-size:24px;letter-spacing:-.7px}.menu-toggle{display:none;border:0;background:#eeebff;color:var(--primary);border-radius:10px;width:42px;height:42px;font-size:19px}.live-pill{margin-left:auto;display:flex;gap:8px;align-items:center;color:#26785b;font-size:12px;font-weight:700;background:#eaf8f1;padding:9px 12px;border-radius:999px}.live-pill i{width:8px;height:8px;background:#20b878;border-radius:50%;box-shadow:0 0 0 5px rgba(32,184,120,.12)}.page-content{padding:30px 34px 60px;max-width:1540px;margin:auto}.app-footer{padding:15px 34px 28px;color:#9aa0b4;font-size:11px}.alert{margin:18px 34px 0;padding:13px 16px;border-radius:12px;font-size:13px;font-weight:600}.alert-success{background:#e9f8f1;color:#137451;border:1px solid #c8eedc}.alert-error{background:#fff0f2;color:#b42f47;border:1px solid #ffd3da}.alert-warning{background:#fff7e7;color:#94620d;border:1px solid #f6dfaa}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(31,26,90,.05)}.stat-card{padding:21px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--accent,#ece9ff);right:-45px;top:-45px}.stat-label{font-size:12px;color:var(--muted);font-weight:600}.stat-value{display:block;margin-top:10px;font-size:27px;font-weight:800;letter-spacing:-1px}.stat-note{display:block;margin-top:6px;color:#9398aa;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:20px}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 20px rgba(74,54,209,.22)}.btn-soft{background:#eeebff;color:var(--primary)}.btn-success{background:#e8f8f1;color:#147654}.btn-danger{background:#fff0f2;color:#b7354b}.btn-dark{background:#25253d;color:#fff}.btn-sm{padding:7px 10px;font-size:11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#f8f8fc;color:#7b8198;text-transform:uppercase;letter-spacing:.45px;font-size:10px;text-align:left;padding:12px 14px}td{padding:13px 14px;border-top:1px solid #eff0f6;font-size:12px}tbody tr:hover{background:#fbfbfe}.person{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#e5e0ff,#f4f2ff);display:grid;place-items:center;color:var(--primary);font-weight:800}.person strong{display:block}.person small{display:block;color:var(--muted);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.badge-in,.badge-active,.badge-approved{background:#e9f8f1;color:#147352}.badge-out,.badge-revoked,.badge-rejected{background:#fff0f2;color:#b5334a}.badge-pending{background:#fff6df;color:#9a6810}.badge-passive{background:#f0f1f5;color:#676e80}.event-list{display:grid;gap:10px}.event-item{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.event-icon{width:40px;height:40px;border-radius:12px;background:#eeebff;color:var(--primary);display:grid;place-items:center;font-weight:900}.event-item strong,.event-item small{display:block}.event-item strong{font-size:12px}.event-item small{color:var(--muted);font-size:10px;margin-top:3px}.event-time{text-align:right;font-size:11px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#626a82}.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{width:100%;border:1px solid #dfe2ee;background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink);outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8d7cf0;box-shadow:0 0 0 3px rgba(115,88,245,.10)}.field small{font-size:10px;color:var(--muted)}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-bar .field{min-width:160px}.split-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:20px}.empty-state{padding:42px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:5px}.code-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#202036;color:#e9e7ff;padding:12px;border-radius:10px;font-size:11px;word-break:break-all}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e9e5ff,transparent 35%),radial-gradient(circle at 90% 90%,#dff6ee,transparent 32%),#f7f7fb}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.login-card .brand{color:var(--primary);margin-bottom:30px}.login-card h1{font-size:25px;margin:0 0 7px;letter-spacing:-.8px}.login-card>p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.5}.login-form{display:grid;gap:15px}.login-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.mobile-body{min-height:100vh;background:#eeeff8}.mobile-shell{width:min(480px,100%);min-height:100vh;margin:auto;background:#f8f8fc;box-shadow:0 0 70px rgba(28,22,85,.13);padding-bottom:calc(24px + env(safe-area-inset-bottom))}.mobile-top{min-height:82px;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#241575,#4b35c7);color:#fff}.brand-mobile strong{font-size:19px}.brand-mobile .brand-mark{width:36px;height:36px}.mobile-logout{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.13);font-size:19px}.mobile-shell>.alert{margin:14px 16px 0}.welcome-card{margin:0;padding:24px 20px 28px;color:#fff;background:linear-gradient(145deg,#30208e,#4d38cf);border-radius:0 0 26px 26px}.welcome-card p{margin:0 0 5px;opacity:.7;font-size:12px}.welcome-card h1{margin:0;font-size:23px}.welcome-meta{display:flex;gap:10px;margin-top:16px}.welcome-meta span{font-size:10px;background:rgba(255,255,255,.12);padding:7px 10px;border-radius:999px}.mobile-content{padding:18px 16px}.status-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 28px rgba(31,26,90,.05)}.status-card small,.status-card strong{display:block}.status-card small{color:var(--muted);font-size:10px;margin-bottom:5px}.status-card strong{font-size:15px}.status-dot{width:44px;height:44px;border-radius:15px;background:#eaf8f2;color:var(--success);display:grid;place-items:center;font-weight:900}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.action-card{border:0;border-radius:19px;padding:20px 15px;text-align:left;cursor:pointer}.action-card strong,.action-card small{display:block}.action-card strong{font-size:16px}.action-card small{margin-top:5px;font-size:10px;opacity:.72}.action-in{background:#eaf8f1;color:#106d4c}.action-out{background:#fff0f2;color:#b32f47}.action-card:disabled{filter:grayscale(.8);opacity:.5}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.today-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 10px}.today-item small,.today-item strong{display:block}.today-item small{font-size:9px;color:var(--muted);margin-bottom:5px}.today-item strong{font-size:13px}.section-title{margin:22px 2px 10px;font-size:13px}.mobile-events{display:grid;gap:9px}.mobile-event{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:15px}.mobile-event .event-icon{width:36px;height:36px}.mobile-event>div:nth-child(2){flex:1}.qr-overlay{position:fixed;inset:0;background:rgba(18,14,52,.72);backdrop-filter:blur(6px);z-index:100;display:none;align-items:flex-end;justify-content:center}.qr-overlay.open{display:flex}.qr-sheet{width:min(480px,100%);background:#fff;border-radius:28px 28px 0 0;padding:24px 22px calc(25px + env(safe-area-inset-bottom));text-align:center;animation:sheetUp .25s ease}.qr-sheet-head{display:flex;justify-content:space-between;align-items:center}.qr-sheet-head h2{margin:0;font-size:18px}.qr-close{width:38px;height:38px;border:0;background:#f0f1f6;border-radius:12px;cursor:pointer}.qr-location{font-size:11px;color:var(--muted);margin:8px 0 16px}.qr-box{width:238px;height:238px;margin:0 auto;padding:13px;border:2px solid #dcd7ff;border-radius:22px;display:grid;place-items:center;background:#fff}.qr-box img,.qr-box canvas{max-width:100%;max-height:100%}.qr-countdown{width:66px;height:66px;margin:15px auto 7px;border:5px solid #e6e2ff;border-top-color:var(--primary);border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:19px;font-weight:900}.qr-hint{font-size:11px;color:var(--muted)}.qr-result{padding:30px 10px}.result-icon{width:78px;height:78px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#e7f8ef;color:#108657;font-size:38px}.mobile-login{padding:28px 20px}.mobile-login h1{font-size:26px;margin:20px 0 7px}.mobile-login>p{color:var(--muted);font-size:13px;margin:0 0 24px}.mobile-login .login-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}.security-note{margin-top:15px;background:#f0edff;color:#5744b4;padding:13px;border-radius:14px;font-size:10px;line-height:1.5}@keyframes sheetUp{from{transform:translateY(50px);opacity:0}to{transform:none;opacity:1}}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-layout{grid-template-columns:1fr}}@media(max-width:760px){.admin-shell{display:block}.sidebar{position:fixed;left:-278px;width:256px;transition:.25s;box-shadow:20px 0 50px rgba(15,10,55,.28)}.menu-open .sidebar{left:0}.menu-open:after{content:"";position:fixed;inset:0;background:rgba(14,11,35,.45);z-index:25}.topbar{height:82px;padding:16px 18px}.topbar h1{font-size:19px}.topbar p,.live-pill{display:none}.menu-toggle{display:block}.page-content{padding:20px 16px 45px}.alert{margin:14px 16px 0}.stats-grid{grid-template-columns:1fr 1fr;gap:11px}.stat-card{padding:16px}.stat-value{font-size:22px}.panel{padding:16px;border-radius:17px}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.app-footer{padding:10px 16px 24px}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar .field{min-width:0}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.today-grid{gap:7px}.today-item{padding:11px 8px}.login-card{padding:25px}}
.landing-body{background:#fff;color:#16162c}.landing-nav{height:86px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.landing-nav .brand{color:var(--primary)}.landing-nav>div{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:650}.landing-hero{min-height:650px;max-width:1240px;margin:auto;padding:72px 24px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.hero-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd8ff;background:#f5f3ff;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.7px;padding:8px 11px;border-radius:999px}.hero-kicker i{width:7px;height:7px;background:#40c894;border-radius:50%;box-shadow:0 0 0 5px rgba(64,200,148,.14)}.hero-copy h1{font-size:58px;line-height:1.05;letter-spacing:-2.8px;margin:22px 0;color:#17162c}.hero-copy h1 em{font-style:normal;color:var(--primary)}.hero-copy>p{font-size:17px;line-height:1.7;color:#6f7185;max-width:570px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-actions .btn{padding:14px 19px}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#737588;font-size:10px;font-weight:700}.hero-product{position:relative;min-height:470px}.product-window{position:absolute;left:0;right:20px;top:30px;background:#fff;border:1px solid #dedfeb;border-radius:22px;padding:20px;box-shadow:0 35px 90px rgba(40,27,116,.16);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.window-top{display:flex;gap:5px;align-items:center;padding-bottom:15px;border-bottom:1px solid #ececf3}.window-top>span{width:7px;height:7px;border-radius:50%;background:#ddd}.window-top>span:first-child{background:#ff8c9a}.window-top>span:nth-child(2){background:#ffd16f}.window-top>span:nth-child(3){background:#6bd8ac}.window-top strong{margin-left:9px;font-size:10px}.product-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.product-stats>div{background:#f7f7fb;border-radius:13px;padding:13px}.product-stats small,.product-stats strong{display:block}.product-stats small{font-size:8px;color:#8a8da0}.product-stats strong{font-size:22px;margin:4px 0}.trend{font-size:7px;color:var(--primary)}.trend.good{color:var(--success)}.trend.warn{color:var(--warn)}.mock-row{display:flex;align-items:center;gap:10px;border-top:1px solid #eeeef4;padding:12px 4px}.mock-row>div{flex:1}.mock-row strong,.mock-row small{display:block;font-size:9px}.mock-row small{color:#8b8da1;margin-top:3px}.mock-row .badge{font-size:7px}.payroll-strip{display:flex;align-items:center;gap:16px;background:#28204f;color:#fff;border-radius:14px;padding:13px;margin-top:8px}.payroll-strip>div{margin-right:auto}.payroll-strip small,.payroll-strip strong{display:block;font-size:8px}.payroll-strip span{font-size:7px;opacity:.7}.payroll-strip b{display:block;font-size:11px;opacity:1;margin-top:3px}.phone-mock{position:absolute;right:-8px;bottom:0;width:155px;height:310px;background:linear-gradient(160deg,#2d1a85,#5139cb);border:7px solid #171525;border-radius:30px;box-shadow:0 24px 55px rgba(23,18,69,.28);color:#fff;text-align:center;padding:34px 12px 10px}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:58px;height:13px;background:#171525;border-radius:10px}.phone-mock>strong{font-size:10px}.fake-qr{height:105px;width:105px;background:repeating-conic-gradient(#18152c 0 25%,#fff 0 50%) 0/18px 18px;border:8px solid #fff;margin:17px auto 12px}.phone-mock>span{width:42px;height:42px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:13px;font-weight:800}.phone-mock>small{display:block;font-size:7px;opacity:.65;margin-top:9px}.landing-section{padding:100px max(24px,calc((100vw - 1192px)/2));background:#f7f7fb}.section-lead span{font-size:10px;letter-spacing:1px;color:var(--primary);font-weight:800}.section-lead h2,.how-section h2{font-size:40px;line-height:1.15;letter-spacing:-1.7px;margin:13px 0 38px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{background:#fff;border:1px solid #e8e8f0;border-radius:18px;padding:25px}.feature-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eeebff;color:var(--primary);font-size:10px}.feature-grid h3{font-size:15px;margin:25px 0 10px}.feature-grid p{font-size:11px;line-height:1.7;color:#77798d;margin:0}.how-section{max-width:1192px;margin:auto;padding:110px 24px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.how-section>div>p{font-size:13px;line-height:1.8;color:#77798d;max-width:500px}.how-section ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.how-section li{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #e5e5ee;border-radius:16px}.how-section li>b{width:40px;height:40px;border-radius:12px;background:#ece9ff;color:var(--primary);display:grid;place-items:center}.how-section li strong,.how-section li small{display:block}.how-section li strong{font-size:13px}.how-section li small{font-size:10px;color:#888a9e;margin-top:4px}.landing-cta{max-width:1192px;margin:0 auto 90px;background:linear-gradient(135deg,#22146f,#5139cc);border-radius:28px;padding:50px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-cta span{font-size:10px;letter-spacing:1px;opacity:.65}.landing-cta h2{font-size:28px;max-width:650px;margin:8px 0 0}.landing-cta .btn{background:#fff;color:var(--primary);white-space:nowrap}.landing-footer{max-width:1192px;margin:auto;padding:30px 0 45px;border-top:1px solid #e6e6ed;display:flex;align-items:center;justify-content:space-between;color:#8b8d9e;font-size:10px}.landing-footer .brand{color:var(--primary)}@media(max-width:900px){.landing-nav>div>a:not(.btn){display:none}.landing-hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{width:min(620px,100%);margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.how-section{grid-template-columns:1fr;gap:30px}.landing-cta{margin-left:20px;margin-right:20px}.landing-footer{margin:0 20px}}@media(max-width:600px){.landing-nav{height:72px;padding:0 16px}.landing-nav>div{gap:7px}.landing-nav>div .btn-soft{display:none}.landing-nav .btn{padding:9px 10px}.landing-nav .brand strong{font-size:17px}.landing-nav .brand small{display:none}.landing-hero{padding:42px 18px 65px;gap:25px}.hero-copy h1{font-size:39px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-trust{gap:8px}.hero-product{min-height:365px}.product-window{right:8px;padding:12px}.product-stats>div{padding:9px}.product-stats strong{font-size:17px}.phone-mock{width:125px;height:250px}.fake-qr{width:78px;height:78px}.feature-grid{grid-template-columns:1fr}.landing-section{padding-top:70px;padding-bottom:70px}.section-lead h2,.how-section h2{font-size:30px}.how-section{padding:75px 20px}.landing-cta{padding:32px 25px;display:block}.landing-cta h2{font-size:23px;margin-bottom:22px}.landing-footer{display:grid;gap:18px}.landing-footer p{margin:0}}