@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#f4f7fb;--panel:#fff;--text:#13213a;--muted:#748198;--line:#e7ecf3;--navy:#071a2d;--navy-2:#0c263f;--blue:#246bfd;--cyan:#18b7c9;--green:#14a673;--amber:#e79b21;--orange:#f07a38;--violet:#7a5bf5;--shadow:0 12px 36px #1f304c12}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.admin-shell{background:var(--bg);min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:50;background:linear-gradient(#071a2d 0%,#09223a 60%,#071a2d 100%);border-right:1px solid #ffffff0e;flex-direction:column;width:272px;padding:18px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{align-items:center;gap:11px;height:54px;margin-bottom:14px;padding:0 7px;display:flex}.brand-mark{background:linear-gradient(145deg,#2d73ff,#11b5c8);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 9px 22px #1e77e840}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{letter-spacing:.045em;font-size:14px}.brand-copy span{color:#8da4bb;letter-spacing:.02em;margin-top:5px;font-size:10px}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;padding:6px;display:none}.workspace-chip{color:#d9e7f5;background:#ffffff0e;border:1px solid #ffffff13;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:0 4px 18px;padding:10px;display:grid}.workspace-logo{color:#153758;background:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.workspace-chip strong{font-size:11px;display:block}.workspace-chip span{color:#7f9bb4;margin-top:3px;font-size:9px;display:block}.sidebar-nav{scrollbar-width:none;padding:0 4px 12px;overflow:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:17px}.nav-label{letter-spacing:.13em;color:#66839e;margin:0 0 7px;padding:0 10px;font-size:9px;font-weight:700}.nav-link{color:#abc0d3;border-radius:10px;align-items:center;gap:11px;height:42px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff0e}.nav-link.active{color:#fff;background:linear-gradient(90deg,#2a74ff38,#1aaec11a);box-shadow:inset 3px 0 #3b82f6}.nav-icon{color:#7f9db9;place-items:center;display:grid}.nav-link.active .nav-icon{color:#54a5ff}.nav-badge{color:#fff;background:#ef5868;border-radius:10px;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;font-size:9px;font-weight:700;display:grid}.sidebar-footer{border-top:1px solid #ffffff13;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:11px 10px;display:grid}.profile-avatar,.mini-avatar{border-radius:50%;place-items:center;font-weight:700;display:grid}.profile-avatar{background:linear-gradient(145deg,#274c72,#1a8ca3);width:35px;height:35px;font-size:10px}.profile-copy strong{font-size:11px;display:block}.profile-copy span{color:#7692ab;margin-top:3px;font-size:9px;display:block}.admin-workspace{width:calc(100% - 272px);min-height:100vh;margin-left:272px}.admin-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;background:#ffffffe0;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-search{color:#8996aa;background:#f8fafc;border:1px solid #e0e6ef;border-radius:11px;align-items:center;gap:9px;width:min(430px,45vw);height:40px;padding:0 11px;display:flex}.topbar-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.topbar-search input::placeholder{color:#9aa5b5}.topbar-search kbd{color:#8b96a6;white-space:nowrap;background:#fff;border:1px solid #dfe5ed;border-radius:6px;padding:3px 6px;font-size:8px}.topbar-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.icon-button{color:#53627a;cursor:pointer;background:#fff;border:1px solid #e4e9f0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notification-button span{color:#fff;background:#ef5968;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;display:grid;position:absolute;top:-4px;right:-3px}.topbar-divider{background:#e6ebf1;width:1px;height:30px}.mini-profile{align-items:center;gap:9px;display:flex}.mini-avatar{color:#fff;background:linear-gradient(145deg,#173a5c,#2986a5);width:34px;height:34px;font-size:9px}.mini-profile strong{font-size:10px;display:block}.mini-profile span{color:#8b97a9;margin-top:3px;font-size:8px;display:block}.mobile-menu{color:#40516b;background:#fff;border:0;border-radius:10px;place-items:center;width:38px;height:38px;margin-right:10px;display:none}.admin-main{width:100%;max-width:1600px;margin:0 auto;padding:28px 32px 44px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:.15em;color:#55728f;align-items:center;gap:7px;margin-bottom:9px;font-size:9px;font-weight:800;display:flex}.live-dot{background:#18b47b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #18b47b1f}.dashboard-heading h1{letter-spacing:-.035em;margin:0 0 8px;font-size:28px;font-weight:800}.dashboard-heading p{color:var(--muted);margin:0;font-size:11px}.heading-actions{gap:9px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:10px;font-weight:600;display:inline-flex}.button.primary{color:#fff;background:#123657;box-shadow:0 8px 20px #0c345824}.button.primary:hover{background:#0d2d4b}.button.secondary{color:#43536b;background:#fff;border-color:#dfe5ed}.button.secondary:hover{background:#fafcff}.hero-panel{color:#fff;background:radial-gradient(circle at 80% 10%,#329dcb47,#0000 34%),linear-gradient(115deg,#08233d 0%,#0c3858 54%,#0d5367 100%);border-radius:22px;justify-content:space-between;align-items:center;min-height:218px;margin-bottom:18px;padding:29px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #14375529}.hero-content{z-index:2;max-width:660px;position:relative}.hero-badge{color:#b9d8e8;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 10px;font-size:9px;display:inline-flex}.hero-content h2{letter-spacing:-.03em;margin:0 0 9px;font-size:25px;line-height:1.22}.hero-content h2 span{color:#72d8de}.hero-content p{color:#a9c3d5;max-width:590px;margin:0;font-size:11px;line-height:1.7}.hero-actions{align-items:center;gap:22px;margin-top:18px;display:flex}.hero-actions a{color:#eaf8ff;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.hero-actions a:last-child{color:#9fc1d4}.hero-score{z-index:2;align-items:center;gap:14px;margin-right:18px;display:flex;position:relative}.score-ring{background:radial-gradient(circle at center,#0c3d59 52%,transparent 53%),conic-gradient(#62d5dc 0 92%,#ffffff1f 92% 100%);border-radius:50%;justify-content:center;align-items:baseline;width:90px;height:90px;padding-top:29px;display:flex;box-shadow:0 10px 28px #00000021}.score-ring strong{font-size:23px}.score-ring span{color:#8fb9ca;font-size:8px}.hero-score>div:last-child strong{font-size:10px;display:block}.hero-score>div:last-child span{color:#84a9bd;margin-top:4px;font-size:8px;display:block}.hero-orb{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{border:1px solid #ffffff14;width:220px;height:220px;top:-100px;right:-80px}.orb-two{border:1px solid #ffffff0f;width:350px;height:350px;bottom:-290px;right:80px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-height:142px;padding:16px 17px 14px;position:relative;box-shadow:0 6px 22px #283b5b0b}.stat-icon{border-radius:10px;place-items:center;width:35px;height:35px;margin-bottom:16px;display:grid}.stat-icon.blue,.module-icon.blue{color:#286ae9;background:#e9f1ff}.stat-icon.green{color:#119469;background:#e8f8f1}.stat-icon.violet,.activity-icon.violet{color:#7158db;background:#f0edff}.stat-icon.amber,.activity-icon.amber{color:#d98c18;background:#fff4df}.stat-label{color:#79879b;font-size:9px;font-weight:600;display:block}.stat-value{letter-spacing:-.04em;margin-top:3px;font-size:24px;font-weight:800}.stat-footer{color:#8995a7;border-top:1px solid #eef1f5;justify-content:space-between;gap:8px;margin-top:11px;padding-top:9px;font-size:8px;display:flex}.stat-footer b{font-weight:700}.stat-footer b.blue{color:#3f73d3}.stat-footer b.green{color:#129569}.stat-footer b.violet{color:#7158d6}.stat-footer b.amber{color:#d88c1a}.more-button{color:#a5afbd;cursor:pointer;background:0 0;border:0;padding:4px;position:absolute;top:13px;right:13px}.dashboard-grid{gap:14px;display:grid}.main-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);margin-bottom:14px}.lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;box-shadow:0 7px 24px #293a550b}.panel-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px;display:flex}.panel-kicker{letter-spacing:.13em;color:#8c98aa;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.panel-head h3{letter-spacing:-.015em;margin:0;font-size:14px}.panel-head>svg{color:#6d7f96}.subtle{color:#7b899c;background:#f5f7fa;border-radius:999px;padding:5px 8px;font-size:8px}.module-list{gap:8px;display:grid}.module-row{border:1px solid #edf0f5;border-radius:13px;grid-template-columns:43px 1fr 34px;align-items:center;gap:12px;padding:13px;transition:all .2s;display:grid}.module-row:hover{border-color:#d9e2ed;transform:translateY(-1px);box-shadow:0 8px 22px #1e35520f}.module-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.module-icon.orange{color:#e66f2c;background:#fff0e7}.module-icon.emerald,.activity-icon.emerald{color:#109166;background:#e6f7f0}.module-copy strong{font-size:11px}.module-copy p{color:#7f8b9d;margin:4px 0;font-size:9px;line-height:1.45}.module-copy span{color:#55728f;font-size:8px;font-weight:600}.module-arrow{color:#738298;background:#f6f8fb;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.module-row:hover .module-arrow{color:#fff;background:#123657}.pulse-panel{background:linear-gradient(#fff,#fbfdff)}.pulse-chart{background:linear-gradient(#fff,#f9fbfd);border:1px solid #edf1f5;border-radius:13px;height:145px;margin-top:5px;position:relative;overflow:hidden}.pulse-chart:before,.pulse-chart:after{content:"";border-top:1px dashed #e7ebf0;position:absolute;left:0;right:0}.pulse-chart:before{top:33%}.pulse-chart:after{top:66%}.chart-bars{align-items:flex-end;gap:6px;display:flex;position:absolute;inset:23px 15px 15px}.chart-bars i{opacity:.86;background:linear-gradient(#4a8eff,#7ccdd7);border-radius:4px 4px 2px 2px;flex:1;min-width:4px}.pulse-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.pulse-metrics div{text-align:center;background:#f8fafc;border-radius:9px;padding:9px 6px}.pulse-metrics span{color:#8a96a7;font-size:7px;display:block}.pulse-metrics strong{margin:3px 0;font-size:13px;display:block}.pulse-metrics em{color:#0d9a6c;font-size:7px;font-style:normal;font-weight:700}.text-button{color:#506c88;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;font-weight:600;display:flex}.activity-list{display:grid}.activity-item{border-top:1px solid #f0f2f5;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:10px 2px;display:grid}.activity-item:first-child{border-top:0}.activity-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.activity-icon.green{color:#12976a;background:#e8f8f1}.activity-copy strong{font-size:9px;display:block}.activity-copy span{color:#8591a2;margin-top:3px;font-size:8px;display:block}.activity-item time{color:#a0a9b6;white-space:nowrap;font-size:7px}.attention-list{gap:8px;display:grid}.attention-list a{border:1px solid #edf0f4;border-radius:11px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.attention-list a:hover{background:#fafbfd}.attention-count{border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.attention-count.amber{color:#d88d1c;background:#fff2dc}.attention-count.violet{color:#7057dc;background:#f0edff}.attention-count.blue{color:#2c6fe8;background:#e9f1ff}.attention-list strong{font-size:9px;display:block}.attention-list small{color:#8b96a6;margin-top:3px;font-size:7px;display:block}.attention-list svg{color:#a2acb9}.top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:18px}.metric{font-size:28px;font-weight:800}.muted{color:#6c788a;font-size:13px}.btn{color:#fff;cursor:pointer;background:#172e48;border:0;border-radius:10px;padding:10px 15px}.btn.secondary{color:#172033;background:#fff;border:1px solid #d9e0e8}.btn.danger{background:#8b2331}.form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:6px;display:grid}.field input,.field select{background:#fff;border:1px solid #d7dee8;border-radius:10px;padding:10px}.full{grid-column:1/-1}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #edf0f4;padding:12px;font-size:14px}.badge{background:#eef3f7;border-radius:999px;padding:4px 9px;font-size:12px;display:inline-block}.mapbox{border:1px solid #e2e7ee;border-radius:16px;height:390px;overflow:hidden}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar input,.toolbar select{background:#fff;border:1px solid #d7dee8;border-radius:9px;padding:9px 10px}@media (max-width:1180px){.stat-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.lower-grid{grid-template-columns:1fr}.hero-score{display:none}}@media (max-width:900px){.admin-sidebar{transition:all .25s;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);box-shadow:30px 0 70px #04122040}.sidebar-overlay{z-index:40;background:#030e1966;position:fixed;inset:0}.mobile-close{display:block}.admin-workspace{width:100%;margin-left:0}.admin-topbar{padding:0 16px}.mobile-menu{display:grid}.mini-profile,.topbar-divider{display:none}.topbar-search{width:100%;max-width:430px}.admin-main{padding:22px 16px 35px}.dashboard-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions .button{flex:1;justify-content:center}.hero-panel{min-height:210px;padding:25px 22px}.hero-content h2{font-size:22px}.hero-score{display:none}.cards{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}}@media (max-width:570px){.topbar-search kbd{display:none}.dashboard-heading h1{font-size:24px}.heading-actions{flex-direction:column}.stat-grid{grid-template-columns:1fr}.hero-panel{border-radius:17px}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px}.cards{grid-template-columns:1fr}.pulse-metrics{grid-template-columns:1fr 1fr 1fr}.activity-item{grid-template-columns:32px 1fr}.activity-item time{grid-column:2}.module-row{grid-template-columns:40px 1fr 30px}.admin-main{padding:18px 12px 32px}}.app-loading{color:#14314e;background:radial-gradient(circle at 50% 20%,#eef8ff,#f5f8fc 45%,#eef2f7);align-content:center;place-items:center;gap:8px;min-height:100vh;display:grid}.loading-logo{color:#fff;background:linear-gradient(145deg,#1d6cff,#12b6c8);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 14px 32px #1f68cc33}.app-loading b{letter-spacing:.08em;font-size:13px}.app-loading span{color:#7e8a9b;font-size:10px}.logout-mini{color:#8199b0;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px}.logout-mini:hover{color:#fff;background:#ffffff12}.topbar-logout{color:#607086;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:9px;font-weight:600;display:flex}.topbar-logout:hover{color:#263b55;background:#f8fafc}.login-page{background:#f6f8fb;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 72% 18%,#32bbca40,#0000 32%),linear-gradient(145deg,#06182b 0%,#0a304e 58%,#0e5364 100%);flex-direction:column;padding:42px 54px;display:flex;position:relative;overflow:hidden}.login-brand{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.login-brand>span{background:linear-gradient(145deg,#2d78ff,#19b5c4);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.login-brand b{letter-spacing:.05em;font-size:15px;display:block}.login-brand small{color:#88a7bf;margin-top:4px;font-size:9px;display:block}.login-copy{z-index:2;max-width:660px;margin:auto 0;position:relative}.login-pill{color:#b7d6e4;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:inline-flex}.login-copy h1{letter-spacing:-.045em;margin:20px 0 18px;font-size:46px;line-height:1.08}.login-copy h1 em{color:#6ed5dd;font-style:normal}.login-copy>p{color:#a9c1d2;max-width:560px;font-size:12px;line-height:1.8}.login-points{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;display:grid}.login-points div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;padding:15px}.login-points b{font-size:20px;display:block}.login-points span{color:#92afc2;margin-top:5px;font-size:8px;display:block}.login-visual-grid{border:1px solid #ffffff12;border-radius:50%;width:430px;height:430px;position:absolute;inset:auto -90px -130px auto;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03}.login-form-wrap{place-items:center;padding:35px;display:grid}.login-card{background:#fff;border:1px solid #e6ebf2;border-radius:22px;width:min(410px,100%);padding:34px;box-shadow:0 22px 70px #25395314}.login-logo{color:#2568df;background:#ecf3ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.login-kicker{letter-spacing:.14em;color:#71839a;font-size:8px;font-weight:800;display:block}.login-card h2{letter-spacing:-.03em;margin:7px 0;font-size:24px}.login-card>p{color:#8490a2;margin:0 0 24px;font-size:10px;line-height:1.6}.login-field{gap:7px;margin-bottom:14px;display:grid}.login-field>span{color:#53647b;font-size:9px;font-weight:700}.login-field>div{color:#8b99ab;border:1px solid #dce3ec;border-radius:11px;align-items:center;gap:9px;height:44px;padding:0 12px;transition:all .2s;display:flex}.login-field>div:focus-within{border-color:#5e8ef2;box-shadow:0 0 0 3px #4277ea17}.login-field input{color:#172a43;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.login-field button{color:#7f8da1;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.login-error,.inline-error{color:#ad3041;background:#fff0f2;border:1px solid #ffd9df;border-radius:10px;margin:4px 0 12px;padding:10px 12px;font-size:9px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(110deg,#123a5f,#176d88);border:0;border-radius:11px;width:100%;height:44px;font-size:10px;font-weight:700;box-shadow:0 11px 24px #13466629}.login-submit:disabled{opacity:.65}.login-note{color:#8c98a8;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:8px;display:flex}.management-page{gap:16px;display:grid}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-kicker{letter-spacing:.14em;color:#70839a;font-size:8px;font-weight:800}.page-head h1,.modal-head h2{letter-spacing:-.03em;margin:5px 0 7px}.page-head h1{font-size:27px}.page-head p{color:#7d899a;margin:0;font-size:10px}.summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mini-stat{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:14px;display:flex;box-shadow:0 5px 18px #283a5609}.mini-stat>span{color:#2b6ade;background:#eaf1ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.mini-stat>span.green{color:#11976a;background:#e8f8f1}.mini-stat>span.violet{color:#7158dc;background:#f0edff}.mini-stat>span.amber{color:#d98c1a;background:#fff2df}.mini-stat small{color:#8793a4;font-size:8px;display:block}.mini-stat b{margin-top:2px;font-size:18px;display:block}.data-panel{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 7px 24px #293a550b}.data-toolbar{border-bottom:1px solid #edf1f5;align-items:center;gap:9px;padding:14px;display:flex}.search-box,.filter-box{color:#8a97a8;background:#f9fbfd;border:1px solid #dfe5ed;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.search-box{min-width:280px}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.filter-box select{color:#53657a;background:0 0;border:0;outline:0;font-size:9px}.result-count{color:#8c98a8;margin-left:auto;font-size:9px}.table-wrap{overflow:auto}.modern-table{border-collapse:collapse;width:100%;min-width:850px}.modern-table th{color:#8794a6;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:#fafbfd;border-bottom:1px solid #e9edf2;padding:11px 14px;font-size:8px;font-weight:800}.modern-table td{color:#536176;vertical-align:middle;border-bottom:1px solid #eef1f5;padding:12px 14px;font-size:9px}.modern-table tbody tr:hover{background:#fbfdff}.employee-cell{align-items:center;gap:10px;display:flex}.employee-cell>span{color:#2868cf;background:linear-gradient(145deg,#eaf1ff,#edf8fa);border-radius:10px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;display:grid}.employee-cell b,.cell-main{color:#20344e;font-size:9px;display:block}.employee-cell small,.modern-table td small{color:#94a0af;margin-top:3px;font-size:8px;display:block}.soft-badge,.role-chips span{color:#667488;background:#f1f4f7;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:700;display:inline-flex}.soft-badge.blue{color:#356bd0;background:#eaf1ff}.status-pill{cursor:pointer;border:0;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800}.status-pill.active{color:#138b65;background:#e8f8f1}.status-pill.inactive{color:#808895;background:#f3f4f6}.icon-action{color:#66778d;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-action:hover{color:#265b9b;background:#f6f9fc}.row-actions{gap:6px;display:flex}.role-chips{flex-wrap:wrap;gap:4px;display:flex}.role-chips span{color:#496b91;background:#edf3fb}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#05121f7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:19px;width:min(620px,96vw);max-height:90vh;overflow:auto;box-shadow:0 28px 80px #09192a47}.modal-card.wide{width:min(720px,96vw)}.modal-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;display:flex}.modal-head h2{margin-bottom:0;font-size:19px}.modal-head button{color:#68788c;cursor:pointer;background:#f5f7fa;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.modern-form{grid-template-columns:1fr 1fr;gap:13px;padding:18px 22px 22px;display:grid}.modern-form label{gap:6px;display:grid}.modern-form label>span,.form-section-label{color:#65758a;font-size:8px;font-weight:700}.modern-form input,.modern-form select{color:#22364f;background:#fff;border:1px solid #dce3eb;border-radius:9px;outline:0;height:39px;padding:0 10px;font-size:9px}.modern-form input:focus,.modern-form select:focus{border-color:#6b94e6;box-shadow:0 0 0 3px #4878db14}.modern-form input:disabled{color:#8c96a4;background:#f4f6f8}.toggle-label{border:1px solid #e7ebf0;border-radius:10px;align-items:center;padding:9px 10px;grid-template-columns:1fr auto auto!important;gap:8px!important}.toggle-label input{width:16px;height:16px}.toggle-label b{color:#43556c;font-size:8px}.modal-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.role-picker{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.role-picker button{color:#65748a;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:999px;padding:7px 9px;font-size:7px}.role-picker button.selected{color:#285ebd;background:#eaf1ff;border-color:#bcd1fb;font-weight:800}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{min-height:100vh}.summary-row{grid-template-columns:1fr 1fr}.page-head{flex-direction:column;align-items:flex-start}.topbar-logout span{display:none}.search-box{flex:1;min-width:0}.modern-form{grid-template-columns:1fr}.full-span,.modal-actions{grid-column:1}.data-toolbar{flex-wrap:wrap}.result-count{width:100%;margin-left:0}}@media (max-width:570px){.summary-row{grid-template-columns:1fr}.login-card{padding:26px 20px}.data-toolbar{flex-direction:column;align-items:stretch}.filter-box,.search-box{width:100%}.page-head .button{justify-content:center;width:100%}}.organization-tabs{border-bottom:1px solid #e8eef5;gap:8px;padding:18px 18px 0;display:flex}.organization-tabs button{color:#718096;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.organization-tabs button.active{color:#0b3a5b;border-color:#2f80ed}.organization-tabs button:hover{color:#0b3a5b}.modern-table td .employee-cell>span svg{margin:auto;display:block}.full-span{grid-column:1/-1}@media (max-width:720px){.organization-tabs{overflow:auto}.organization-tabs button{white-space:nowrap}}.locations-page{gap:16px;display:grid}.location-head{margin-bottom:0}.location-summary{margin-top:0}.geofence-hero{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.75fr) minmax(270px,.65fr);min-height:470px;display:grid;overflow:hidden;box-shadow:0 8px 28px #2639530d}.geofence-map-wrap{background:#eaf0f5;min-height:470px;position:relative}.location-map-canvas{height:100%;min-height:330px}.geofence-map-wrap .location-map-canvas{min-height:470px}.leaflet-container{font-family:Inter,system-ui,sans-serif}.map-overlay-note{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#071b2feb;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;max-width:360px;padding:11px 13px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 10px 28px #05121f2e}.map-overlay-note b{font-size:9px;display:block}.map-overlay-note span{color:#9fb9ce;margin-top:3px;font-size:7px;display:block}.geofence-side{flex-direction:column;gap:15px;padding:22px;display:flex}.geofence-side-head{justify-content:space-between;align-items:flex-start;display:flex}.geofence-side-head span:first-child{letter-spacing:.12em;color:#76879b;font-size:7px;font-weight:800;display:block}.geofence-side-head h3{margin:6px 0 0;font-size:18px}.live-chip{color:#12875f;background:#e9f8f2;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-weight:800;font-size:7px!important;display:flex!important}.live-chip i{background:#19a977;border-radius:50%;width:6px;height:6px}.geofence-meter{background:#fafcfe;border:1px solid #e7edf3;border-radius:13px;padding:14px}.geofence-meter>div:first-child{align-items:baseline;gap:6px;display:flex}.geofence-meter b{color:#123754;font-size:25px}.geofence-meter span{color:#8a97a7;font-size:8px}.meter-track{background:#e9eef4;border-radius:99px;height:7px;margin-top:11px;overflow:hidden}.meter-track i{background:linear-gradient(90deg,#3478ef,#18b4c5);border-radius:99px;height:100%;display:block}.geofence-rule{color:#51647a;border-top:1px solid #edf1f5;gap:10px;padding:12px 0;display:flex}.geofence-rule svg{color:#2972c9;flex:none;margin-top:1px}.geofence-rule b{color:#263b54;font-size:9px;display:block}.geofence-rule span{color:#8794a5;margin-top:4px;font-size:7px;line-height:1.6;display:block}.locations-table{min-width:1050px}.empty-location{color:#93a0af;flex-direction:column;align-items:center;gap:7px;padding:36px;display:flex}.empty-location b{color:#53657b;font-size:10px}.empty-location span{font-size:8px}.location-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:110;background:#05121f70;position:fixed;inset:0}.location-drawer{background:#fff;flex-direction:column;width:min(620px,96vw);display:flex;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-24px 0 70px #07192a33}.drawer-head{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:14px;padding:21px 22px 15px;display:flex}.drawer-head>div>span{letter-spacing:.14em;color:#64809b;font-size:7px;font-weight:800}.drawer-head h2{letter-spacing:-.025em;margin:6px 0 5px;font-size:20px}.drawer-head p{color:#8995a5;margin:0;font-size:8px}.drawer-head>button{color:#607287;cursor:pointer;background:#f4f7fa;border:0;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.drawer-map{height:260px;min-height:260px}.drawer-map .location-map-canvas{min-height:260px}.drawer-tools{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:11px 20px;display:flex}.drawer-tools .button{height:34px}.drawer-tools>span{color:#7b899b;margin-left:auto;font-size:7px}.drawer-form{gap:12px;padding:18px 20px;display:grid}.drawer-form label{gap:6px;display:grid}.drawer-form label>span{color:#607288;font-size:8px;font-weight:700}.drawer-form input,.drawer-form select{color:#233951;background:#fff;border:1px solid #dce4ed;border-radius:9px;outline:0;height:40px;padding:0 10px;font-size:9px}.drawer-form input:focus,.drawer-form select:focus{border-color:#6d99e9;box-shadow:0 0 0 3px #4378d814}.two-col{grid-template-columns:1fr 1fr;gap:11px;display:grid}.radius-control{border:1px solid #dce4ed;border-radius:9px;grid-template-columns:1fr 58px;align-items:center;gap:8px;height:40px;padding:0 9px;display:grid}.radius-control input{height:auto;padding:0;border:0!important}.radius-control b{text-align:right;color:#35516f;font-size:8px}.drawer-toggle{border:1px solid #e6ecf2;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex!important}.drawer-toggle b{color:#294058;font-size:9px;display:block}.drawer-toggle span{margin-top:3px;display:block;color:#8b98a8!important;font-size:7px!important}.drawer-toggle input{width:17px;height:17px}.drawer-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-top:1px solid #edf1f5;justify-content:flex-end;gap:8px;padding:13px 20px;display:flex;position:sticky;bottom:0}.attendance-pin-wrapper{background:0 0;border:0}.attendance-pin{background:linear-gradient(145deg,#205fae,#18a7bc);border:3px solid #fff;border-radius:16px 16px 16px 3px;width:30px;height:36px;transform:rotate(-45deg);box-shadow:0 7px 18px #1c5b9347}.attendance-pin span{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:8px}.attendance-pin.draft{background:linear-gradient(145deg,#f09830,#f05e43);width:33px;height:39px}.attendance-pin.draft span{top:9px;left:9px}.leaflet-tooltip{color:#fff!important;background:#0b263f!important;border:0!important;border-radius:8px!important;font:700 8px Inter!important;box-shadow:0 5px 15px #0a1d3026!important}.leaflet-tooltip-top:before{border-top-color:#0b263f!important}@media (max-width:1050px){.geofence-hero{grid-template-columns:1fr}.geofence-side{grid-template-columns:1fr 1fr;display:grid}.geofence-side-head,.geofence-meter{grid-column:1/-1}}@media (max-width:650px){.geofence-side{display:flex}.map-overlay-note{left:12px;right:12px}.two-col{grid-template-columns:1fr}.drawer-tools{flex-direction:column;align-items:flex-start}.drawer-tools>span{margin-left:0}}.geofence-map-wrap{isolation:isolate;overflow:hidden}.geofence-map-wrap .leaflet-container{z-index:0}.location-drawer-backdrop{justify-content:flex-end;display:flex;overflow:hidden;z-index:5000!important}.location-drawer{background:#fff;grid-template-rows:auto 320px auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;width:min(760px,100vw)!important;display:grid!important;position:relative!important;top:auto!important;bottom:auto!important;right:auto!important;overflow:hidden!important}.drawer-head{z-index:3;background:#fff;padding:22px 26px 16px}.drawer-head h2{font-size:22px}.drawer-head p{font-size:9px;line-height:1.5}.drawer-map{isolation:isolate;background:#edf3f7;position:relative;overflow:hidden;height:320px!important;min-height:320px!important}.drawer-map .location-map-canvas{overflow:hidden;height:100%!important;min-height:0!important}.drawer-map .leaflet-container{z-index:0!important;width:100%!important;height:100%!important}.drawer-tools{z-index:2;background:#fbfcfe;min-height:58px;padding:12px 26px}.drawer-tools>span{color:#5c6f84;background:#eef3f8;border:1px solid #e1e8f0;border-radius:8px;padding:7px 9px;font-size:8px}.drawer-form{grid-template-columns:1fr 1fr;align-content:start;gap:14px 16px;padding:20px 26px 24px;overflow-y:auto}.drawer-form>label,.drawer-form>.two-col{grid-column:1/-1}.drawer-form input,.drawer-form select{height:42px;font-size:10px}.drawer-form label>span{font-size:8px}.drawer-toggle{grid-column:1/-1}.drawer-actions{z-index:4;padding:14px 26px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -10px 24px #091d310d;position:relative!important;bottom:auto!important}.drawer-actions .button{min-width:116px;height:40px}.location-drawer .leaflet-control-container,.location-drawer .leaflet-pane{z-index:auto}.location-drawer .leaflet-top,.location-drawer .leaflet-bottom{z-index:600}.location-drawer .leaflet-pane{z-index:400}.location-drawer .leaflet-tile-pane{z-index:200}.location-drawer .leaflet-overlay-pane{z-index:400}.location-drawer .leaflet-marker-pane{z-index:600}.location-drawer .leaflet-tooltip-pane{z-index:650}.location-drawer .leaflet-popup-pane{z-index:700}.location-drawer-backdrop~* .leaflet-container{z-index:0}.drawer-map .leaflet-control-attribution{font-size:9px}.drawer-map .leaflet-control-zoom a{width:30px;height:30px;line-height:30px}.drawer-map .leaflet-tooltip{font-size:8px!important}.location-drawer-backdrop,.location-drawer{overscroll-behavior:contain}.drawer-form::-webkit-scrollbar{width:8px}.drawer-form::-webkit-scrollbar-track{background:0 0}.drawer-form::-webkit-scrollbar-thumb{background:#d9e1e9;border:2px solid #fff;border-radius:99px}@media (max-width:760px){.location-drawer{grid-template-rows:auto 260px auto minmax(0,1fr) auto;width:100vw!important}.drawer-map{height:260px!important;min-height:260px!important}.drawer-head,.drawer-tools,.drawer-form,.drawer-actions{padding-left:18px;padding-right:18px}.drawer-form,.drawer-form>.two-col{grid-template-columns:1fr}.drawer-tools{align-items:stretch}.drawer-tools .button{justify-content:center;width:100%}.drawer-tools>span{text-align:center;width:100%}.drawer-actions{grid-template-columns:1fr 1fr;display:grid}.drawer-actions .button{width:100%;min-width:0}}.attendance-v25-page{gap:16px;display:grid}.attendance-heading{margin-bottom:2px}.attendance-alert{border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:10px;font-weight:600;display:flex}.attendance-alert.ok{color:#137654;background:#eaf8f3;border:1px solid #cdeee1}.attendance-alert.error{color:#b63d4b;background:#fff0f1;border:1px solid #ffd8dc}.attendance-command-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;display:grid}.attendance-clock-card,.gps-verification-card,.attendance-action-card,.attendance-monitor-section,.attendance-history-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 28px #2639530d}.attendance-clock-card{color:#fff;background:radial-gradient(circle at 88% 8%,#3f91d029,#0000 34%),linear-gradient(130deg,#081f36,#0b3655 66%,#0c5365);padding:24px;overflow:hidden}.attendance-clock-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendance-clock-top>div:first-child>span,.gps-card-head>div:nth-child(2)>span,.action-copy>span,.section-head>div>span{letter-spacing:.14em;color:#79a0b9;font-size:8px;font-weight:800}.attendance-clock-top strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:9px;font-size:48px;line-height:1;display:block}.attendance-clock-top p{color:#a9c5d6;text-transform:capitalize;margin:8px 0 0;font-size:10px}.attendance-state{color:#b8d0df;background:#ffffff12;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.attendance-state.active{color:#8ff0cd;background:#1bbf8c24;border-color:#58e0b333}.attendance-state.done{color:#9dcaff;background:#489df626;border-color:#5fb0ff33}.attendance-person{border-top:1px solid #ffffff1a;align-items:center;gap:12px;margin-top:24px;padding-top:19px;display:flex}.attendance-person-avatar{background:linear-gradient(145deg,#2c77d8,#17a8bd);border-radius:13px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid}.attendance-person b{font-size:12px;display:block}.attendance-person span{color:#9bb8ca;margin-top:5px;font-size:8px;display:block}.attendance-times{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.attendance-times>div{background:#fff1;border:1px solid #ffffff17;border-radius:13px;padding:13px 14px}.attendance-times span{color:#91b4c8;align-items:center;gap:6px;font-size:8px;font-weight:700;display:flex}.attendance-times b{font-variant-numeric:tabular-nums;margin-top:8px;font-size:20px;display:block}.attendance-times small{color:#85a6b9;margin-top:5px;font-size:7px;display:block}.gps-verification-card{flex-direction:column;padding:20px;display:flex}.gps-card-head{grid-template-columns:39px 1fr auto;align-items:center;gap:10px;display:grid}.gps-icon{color:#2d70d6;background:#eaf2ff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.gps-card-head h3{margin:4px 0 0;font-size:15px}.gps-chip{color:#718096;background:#f0f3f7;border-radius:999px;padding:7px 9px;font-size:7px;font-weight:800}.gps-chip.ok{color:#12865f;background:#e9f8f2}.gps-chip.loading{color:#c27b12;background:#fff6e7}.gps-chip.error{color:#bd4452;background:#fff0f1}.nearest-location{color:#567086;background:#fafcfe;border:1px solid #e7edf3;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:18px;padding:14px;display:grid}.nearest-location>div:nth-child(2) span{color:#8795a5;font-size:7px;display:block}.nearest-location>div:nth-child(2) b{color:#263e57;margin-top:3px;font-size:10px;display:block}.nearest-location>div:nth-child(2) small{color:#93a0ae;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:3px;font-size:7px;display:block;overflow:hidden}.distance-badge{text-align:right;border-radius:10px;padding:7px 9px}.distance-badge.inside{color:#13805d;background:#e9f8f2}.distance-badge.outside{color:#b63e4b;background:#fff0f1}.distance-badge strong{font-size:11px;display:block}.distance-badge span{margin-top:2px;font-size:6px;display:block}.geo-meter{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.geo-meter>div{border:1px solid #ebeff4;border-radius:10px;padding:9px}.geo-meter span{color:#8c99a8;font-size:7px;display:block}.geo-meter b{color:#334b65;margin-top:4px;font-size:10px;display:block}.geofence-result{border-radius:11px;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;display:flex}.geofence-result.allowed{color:#137654;background:#eaf8f3}.geofence-result.blocked{color:#b5414e;background:#fff0f1}.geofence-result b{font-size:9px;display:block}.geofence-result span{opacity:.8;margin-top:3px;font-size:7px;line-height:1.5;display:block}.gps-empty{text-align:center;color:#9aa7b5;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;padding:18px;display:flex}.gps-empty b{color:#586b80;margin-top:10px;font-size:10px}.gps-empty span{max-width:330px;margin-top:5px;font-size:8px;line-height:1.6}.gps-refresh{justify-content:center;width:100%;margin-top:12px}.gps-refresh:disabled{opacity:.6;cursor:not-allowed}.attendance-action-card{justify-content:space-between;align-items:center;gap:22px;padding:18px 20px;display:flex}.action-copy h2{letter-spacing:-.02em;margin:5px 0;font-size:17px}.action-copy p{color:#7b899b;max-width:680px;margin:0;font-size:8px;line-height:1.6}.attendance-main-action{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(120deg,#1267d5,#12a5b7);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-width:220px;height:54px;font-size:10px;font-weight:800;display:flex;box-shadow:0 12px 24px #176fbe2e}.attendance-main-action.checkout{background:linear-gradient(120deg,#0b3d5f,#12768c)}.attendance-main-action:disabled{color:#9aa6b3;box-shadow:none;cursor:not-allowed;background:#e4e9ef}.spin{animation:1s linear infinite attendanceSpin}@keyframes attendanceSpin{to{transform:rotate(360deg)}}.attendance-complete{color:#137654;background:#eaf8f3;border-radius:12px;align-items:center;gap:9px;min-width:150px;padding:10px 14px;display:flex}.attendance-complete b{font-size:9px;display:block}.attendance-complete span{margin-top:2px;font-size:8px;display:block}.attendance-monitor-section,.attendance-history-card{padding:18px 20px}.section-head{color:#6f8296;justify-content:space-between;align-items:center;display:flex}.section-head h3{color:#263c55;margin:5px 0 0;font-size:15px}.attendance-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.attendance-kpi-grid>div{background:#fbfcfe;border:1px solid #e8edf3;border-radius:12px;padding:13px}.attendance-kpi-grid span{color:#8190a2;font-size:8px}.attendance-kpi-grid b{color:#173b5b;margin-top:5px;font-size:22px;display:block}.attendance-kpi-grid small{color:#97a3b0;margin-top:3px;font-size:7px;display:block}.attendance-history-list{border:1px solid #e9edf2;border-radius:12px;margin-top:13px;overflow:hidden}.attendance-history-row{border-bottom:1px solid #edf1f5;grid-template-columns:54px minmax(180px,1fr) 90px 90px 130px;align-items:center;gap:10px;padding:11px 12px;display:grid}.attendance-history-row:last-child{border-bottom:0}.history-date{background:#f0f5fa;border-radius:10px;align-content:center;place-items:center;width:40px;height:40px;display:grid}.history-date b{font-size:12px;line-height:1}.history-date span{text-transform:uppercase;color:#74869a;margin-top:3px;font-size:7px}.history-main b{text-transform:capitalize;font-size:9px;display:block}.history-main span,.history-time span{color:#8d9aa9;margin-top:3px;font-size:7px;display:block}.history-time b{color:#3e536b;margin-top:3px;font-size:9px;display:block}.history-status{border-radius:999px;justify-self:end;padding:6px 9px;font-size:7px;font-weight:800}.history-status.ok{color:#137b59;background:#e9f8f2}.history-status.late{color:#bd7613;background:#fff4e4}.history-status small{text-align:center;margin-top:2px;font-size:6px;display:block}.history-empty{text-align:center;color:#98a5b3;padding:28px}.history-empty b{color:#5f7184;margin-top:8px;font-size:9px;display:block}.history-empty span{margin-top:4px;font-size:7px;display:block}.attendance-security-note{color:#7a899b;align-items:flex-start;gap:8px;padding:0 4px;font-size:8px;line-height:1.6;display:flex}.attendance-security-note svg{flex:none;margin-top:1px}@media (max-width:1100px){.attendance-command-grid{grid-template-columns:1fr}.attendance-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.attendance-action-card{flex-direction:column;align-items:stretch}.attendance-main-action{width:100%}.attendance-history-list{overflow:auto}.attendance-history-row{min-width:680px}.attendance-clock-top strong{font-size:40px}}@media (max-width:560px){.attendance-clock-card,.gps-verification-card,.attendance-action-card,.attendance-monitor-section,.attendance-history-card{border-radius:15px}.attendance-clock-card{padding:18px}.attendance-clock-top{flex-direction:column}.attendance-times{grid-template-columns:1fr}.gps-card-head{grid-template-columns:39px 1fr}.gps-chip{grid-column:1/-1;width:max-content}.geo-meter{grid-template-columns:1fr 1fr}.geo-meter>div:last-child{grid-column:1/-1}.attendance-kpi-grid{grid-template-columns:1fr 1fr}.attendance-heading{flex-direction:column;align-items:flex-start}}.selfie-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;background:#041222b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.selfie-modal{background:#fff;border-radius:24px;width:min(520px,100%);max-height:94vh;padding:20px;overflow:auto;box-shadow:0 30px 90px #0000004d}.selfie-modal-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px;display:flex}.selfie-modal-head span{letter-spacing:1.5px;color:#2584d8;font-size:10px;font-weight:800}.selfie-modal-head h3{color:#10243a;margin:4px 0 0;font-size:22px}.selfie-modal-head button{cursor:pointer;background:#f8fafc;border:1px solid #e4eaf0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.selfie-security{color:#31536d;background:#eef8ff;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 13px;font-size:12px;line-height:1.5;display:flex}.selfie-security svg{color:#1785d1;flex:none;margin-top:1px}.selfie-camera-frame{aspect-ratio:1;background:#071b2d;border-radius:20px;width:100%;position:relative;overflow:hidden}.selfie-camera-frame video,.selfie-camera-frame img{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-guide{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.selfie-guide div{border:2px solid #ffffffc7;border-radius:48%;width:62%;height:78%;box-shadow:0 0 0 999px #0000001f}.selfie-camera-error{color:#fff;text-align:center;background:#0b2236;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:35px;display:flex;position:absolute;inset:0}.selfie-camera-error span{opacity:.75;font-size:12px;line-height:1.5}.selfie-hint{text-align:center;color:#6b7b8c;padding:12px 15px 6px;font-size:12px;line-height:1.5}.selfie-actions{gap:10px;margin-top:10px;display:flex}.selfie-actions>button{cursor:pointer;border-radius:13px;flex:1;min-height:48px;font-weight:800}.selfie-capture,.selfie-confirm{color:#fff;background:linear-gradient(110deg,#1877dc,#11a9b5);border:0;justify-content:center;align-items:center;gap:8px;display:flex}.selfie-actions button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:600px){.selfie-modal-backdrop{align-items:flex-end;padding:0}.selfie-modal{border-radius:24px 24px 0 0;max-height:96vh;padding:16px}.selfie-camera-frame{aspect-ratio:4/5}.selfie-actions{padding-bottom:max(2px,env(safe-area-inset-bottom))}}.attendance-settings-page,.attendance-recap-page{gap:16px;display:grid}.settings-policy-grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.policy-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:19px;box-shadow:0 8px 28px #2639530d}.policy-head{color:#3175c8;align-items:center;gap:10px;margin-bottom:16px;display:flex}.policy-head span{letter-spacing:.14em;color:#7c8da0;font-size:7px;font-weight:800}.policy-head h3{color:#263c55;margin:4px 0 0;font-size:15px}.policy-fields{gap:12px;display:grid}.policy-card label{gap:6px;display:grid}.policy-card label>span{color:#61758a;font-size:8px;font-weight:700}.policy-card input{color:#233951;background:#fff;border:1px solid #dce4ed;border-radius:9px;height:40px;padding:0 10px;font-size:9px}.policy-3col{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.unit-input{border:1px solid #dce4ed;border-radius:9px;grid-template-columns:1fr auto;align-items:center;padding-right:10px;display:grid}.unit-input input{border:0}.unit-input b{color:#77889a;font-size:7px}.day-picker{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.day-picker button{color:#718196;cursor:pointer;background:#f8fafc;border:1px solid #dfe6ee;border-radius:9px;height:38px;font-size:8px;font-weight:800}.day-picker button.active{color:#2369c5;background:#eaf2ff;border-color:#bfd6f7}.criterion-box{color:#2f6fa9;background:#edf7ff;border-radius:12px;gap:9px;margin-top:14px;padding:13px;display:flex}.criterion-box b{font-size:9px;display:block}.criterion-box span{margin-top:4px;font-size:7px;line-height:1.6;display:block}.policy-note{color:#8190a2;margin:10px 0 0;font-size:8px;line-height:1.6}.policy-toggle{border:1px solid #e6ecf2;border-radius:11px;justify-content:space-between;align-items:center;margin-top:9px;padding:11px 12px;display:flex!important}.policy-toggle b{color:#294058;font-size:9px;display:block}.policy-toggle span{margin-top:3px;display:block;color:#8b98a8!important;font-size:7px!important}.policy-toggle input{width:17px;height:17px}.recap-filter-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:end;gap:12px;padding:14px 16px;display:flex}.recap-filter-card>svg{color:#3573ba;align-self:center}.recap-filter-card label{gap:5px;display:grid}.recap-filter-card label span{color:#74869a;font-size:7px;font-weight:800}.recap-filter-card input{border:1px solid #dce4ed;border-radius:9px;height:38px;padding:0 10px;font-size:9px}.recap-kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.recap-kpis>div{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:13px;display:grid}.recap-kpis svg{color:#3175c8;grid-row:1/3}.recap-kpis span{color:#7d8da0;font-size:7px}.recap-kpis b{color:#173b5b;font-size:20px}.recap-table-card{padding:18px}.recap-table{min-width:900px}.recap-table td small{color:#8a98a8;margin-top:3px;font-size:7px;display:block}.recap-note{color:#8c681d;background:#fff7e8;border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:7px;line-height:1.5;display:flex}@media (max-width:900px){.settings-policy-grid{grid-template-columns:1fr}.recap-kpis{grid-template-columns:1fr 1fr}.policy-3col{grid-template-columns:1fr}.recap-filter-card{flex-direction:column;align-items:stretch}.recap-filter-card>svg{display:none}}.settings-hub-page{gap:18px;display:grid}.settings-hub-head{align-items:center}.settings-head-icon{color:#2671ca;background:#edf5ff;border:1px solid #dbeafb;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.settings-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-hub-card{border:1px solid var(--line);min-height:185px;color:inherit;background:#fff;border-radius:18px;flex-direction:column;padding:18px;text-decoration:none;transition:all .18s;display:flex;box-shadow:0 8px 28px #2639530b}.settings-hub-card:not(.disabled):hover{border-color:#bed8f5;transform:translateY(-2px);box-shadow:0 14px 34px #26538217}.settings-hub-card.disabled{opacity:.65}.settings-card-top{justify-content:space-between;align-items:center;display:flex}.settings-card-icon{color:#2873c9;background:#eef6ff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.settings-status{letter-spacing:.06em;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900}.settings-status.active{color:#218763;background:#e9f8f1}.settings-status.progress{color:#9a6b16;background:#fff5df}.settings-status.soon{color:#768597;background:#f0f3f7}.settings-card-copy{flex:1;margin-top:18px}.settings-card-copy h3{color:#203b56;margin:0 0 7px;font-size:14px}.settings-card-copy p{color:#7d8da0;margin:0;font-size:9px;line-height:1.65}.settings-card-action{color:#3475bb;border-top:1px solid #edf1f5;align-items:center;gap:7px;padding-top:14px;font-size:8px;font-weight:800;display:flex}.settings-card-action svg:last-child{margin-left:auto}.recap-filter-card{justify-content:space-between;align-items:center!important;padding:16px 18px!important}.recap-filter-title{color:#3977bb;align-items:center;gap:10px;display:flex}.recap-filter-title b{color:#2c425a;font-size:10px;display:block}.recap-filter-title span{color:#8a98a8;margin-top:3px;font-size:7px;display:block}.recap-filter-fields{align-items:end;gap:10px;display:flex}.recap-kpis-v2{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.recap-metric{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:13px 14px;display:flex}.recap-metric-icon{color:#3578c7;background:#eef5ff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.recap-metric span{color:#8492a2;white-space:nowrap;font-size:7px;display:block}.recap-metric b{color:#213c58;margin-top:2px;font-size:20px;display:block}.recap-metric.green .recap-metric-icon{color:#238763;background:#eaf8f1}.recap-metric.amber .recap-metric-icon{color:#b07a15;background:#fff6df}.recap-metric.orange .recap-metric-icon{color:#c86b34;background:#fff0e8}.recap-metric.slate .recap-metric-icon{color:#66778a;background:#f0f3f7}.recap-main-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:18px;box-shadow:0 8px 28px #2639530a}.recap-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.recap-section-head>div:first-child>span{letter-spacing:.12em;color:#6d99c8;font-size:7px;font-weight:900}.recap-section-head h3{color:#213b56;margin:5px 0 3px;font-size:14px}.recap-section-head p{color:#8392a2;margin:0;font-size:8px}.recap-rate{text-align:center;background:#f5f9fd;border-radius:12px;min-width:72px;padding:9px 12px;display:grid}.recap-rate span{color:#8a9aad;letter-spacing:.1em;font-size:6px;font-weight:900}.recap-rate b{color:#2e638f;font-size:18px}.recap-rate small{color:#8492a2;font-size:7px}.recap-table-wrap{border:1px solid #e7edf3;border-radius:13px;width:100%;overflow-x:auto}.recap-table-v2{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1040px}.recap-table-v2 th{color:#718398;text-transform:uppercase;letter-spacing:.045em;text-align:center;white-space:nowrap;background:#f7f9fc;border-bottom:1px solid #e7edf3;height:42px;padding:0 10px;font-size:7px}.recap-table-v2 th.employee-col{text-align:left;width:210px}.recap-table-v2 th.unit-col{text-align:left;width:155px}.recap-table-v2 td{text-align:center;color:#3c5268;vertical-align:middle;border-bottom:1px solid #edf1f5;height:57px;padding:8px 10px;font-size:9px}.recap-table-v2 tbody tr:last-child td{border-bottom:0}.recap-table-v2 tbody tr:hover{background:#fbfdff}.recap-table-v2 .employee-cell{text-align:left;align-items:center;gap:9px;display:flex}.employee-mini-avatar{color:#2873c9;background:#eaf4ff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.employee-cell b{color:#233d58;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:9px;display:block;overflow:hidden}.employee-cell small{color:#96a2af;margin-top:3px;font-size:6px;display:block}.unit-pill{text-overflow:ellipsis;white-space:nowrap;color:#52677c;background:#f4f7fa;border-radius:8px;max-width:135px;padding:5px 8px;font-size:8px;display:inline-block;overflow:hidden}.num-cell b{color:#324c65;font-size:10px}.count-pill{color:#617387;background:#f2f5f8;border-radius:8px;place-items:center;min-width:28px;height:26px;padding:0 7px;font-weight:800;display:inline-grid}.count-pill.green{color:#237e60;background:#eaf8f1}.count-pill.amber{color:#9d6d15;background:#fff6df}.count-pill.orange{color:#b75e31;background:#fff0e8}.count-pill.red{color:#b95555;background:#fff0f0}.count-pill.slate{color:#66778a;background:#edf1f5}.count-pill.neutral{color:#8b98a5;background:#f4f6f8}@media (max-width:1150px){.settings-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recap-kpis-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.settings-hub-grid{grid-template-columns:1fr}.settings-head-icon{display:none}.recap-filter-card{align-items:stretch!important}.recap-filter-fields{grid-template-columns:1fr 1fr;display:grid}.recap-filter-fields .button{grid-column:1/-1}.recap-kpis-v2{grid-template-columns:1fr 1fr}.recap-section-head{align-items:flex-start}.recap-rate{display:none}}.recap-filter-card-v2{padding:18px!important;display:block!important}.recap-filter-card-v2 .recap-filter-title{margin-bottom:14px}.recap-filter-grid{grid-template-columns:repeat(5,minmax(125px,1fr)) auto;align-items:end;gap:10px;display:grid}.recap-filter-grid label{gap:5px;min-width:0;display:grid}.recap-filter-grid label>span{color:#74869a;font-size:7px;font-weight:800}.recap-filter-grid input,.recap-filter-grid select{color:#263d55;background:#fff;border:1px solid #dce4ed;border-radius:9px;outline:none;width:100%;height:40px;padding:0 10px;font-size:9px}.recap-filter-grid input:focus,.recap-filter-grid select:focus{border-color:#8db8e8;box-shadow:0 0 0 3px #327aca14}.recap-filter-actions{gap:7px;display:flex}.recap-filter-actions .button{white-space:nowrap;height:40px}.recap-export-bar{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.recap-export-bar>div:first-child b{color:#2b425b;font-size:9px;display:block}.recap-export-bar>div:first-child span{color:#8795a5;margin-top:4px;font-size:7px;display:block}.recap-export-actions{gap:8px;display:flex}.button.excel{color:#fff;background:#147a55;border-color:#147a55}.button.excel:hover{background:#106846}.button.pdf{color:#fff;background:#c54a4a;border-color:#c54a4a}.button.pdf:hover{background:#ab3d3d}.recap-empty{color:#8a98a8!important;text-align:center!important;height:90px!important;font-size:9px!important}.recap-table-v2 th:nth-child(n+3){width:112px}.recap-table-v2 th:nth-child(7){width:135px}.recap-table-v2 th:nth-child(8){width:145px}@media (max-width:1300px){.recap-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.recap-filter-actions{grid-column:auto}}@media (max-width:850px){.recap-filter-grid{grid-template-columns:1fr 1fr}.recap-filter-actions{grid-column:1/-1}.recap-export-bar{flex-direction:column;align-items:flex-start}.recap-export-actions{width:100%}.recap-export-actions .button{flex:1;justify-content:center}}@media (max-width:560px){.recap-filter-grid{grid-template-columns:1fr}.recap-filter-actions{grid-column:auto}.recap-export-actions{flex-direction:column}.recap-kpis-v2{grid-template-columns:1fr}}.recap-name-link{font:inherit;color:#0b2442;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.recap-name-link:hover{text-decoration:underline}.recap-eye{color:#2e6fb8;cursor:pointer;background:#fff;border:1px solid #dce6f1;border-radius:9px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.recap-detail-backdrop,.recap-photo-backdrop{z-index:8000;background:#04122394;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.recap-detail-modal{background:#fff;border-radius:22px;width:min(1050px,96vw);max-height:88vh;overflow:auto;box-shadow:0 30px 80px #00000040}.recap-detail-head{z-index:2;background:#fff;border-bottom:1px solid #e7edf5;justify-content:space-between;gap:20px;padding:22px 24px;display:flex;position:sticky;top:0}.recap-detail-head span{letter-spacing:.14em;color:#6f87a2;font-size:11px;font-weight:800}.recap-detail-head h3{margin:5px 0;font-size:23px}.recap-detail-head p{color:#708096;margin:0;font-size:13px}.recap-detail-head>button,.recap-photo-modal>button{cursor:pointer;background:#edf3f9;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.recap-detail-list{padding:14px 24px 24px}.recap-detail-row{border-bottom:1px solid #edf1f5;grid-template-columns:1.25fr 1.3fr 1.3fr auto;align-items:center;gap:18px;padding:15px 4px;display:grid}.recap-detail-row>div{flex-direction:column;gap:4px;display:flex}.recap-detail-row span,.recap-detail-row small{color:#718198;font-size:11px}.recap-detail-row b{color:#102a49;font-size:14px}.recap-proof-actions{flex-direction:row!important}.recap-proof-actions button{color:#1769aa;cursor:pointer;background:#f7fbff;border:1px solid #d8e5f2;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-weight:700;display:flex}.recap-photo-modal{background:#fff;border-radius:20px;max-width:min(700px,94vw);max-height:90vh;padding:12px;position:relative}.recap-photo-modal>button{z-index:2;position:absolute;top:20px;right:20px}.recap-photo-modal img{border-radius:14px;max-width:100%;max-height:84vh;display:block}.recap-loading-float{z-index:8500;color:#fff;background:#0b2b49;border-radius:12px;padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0000002e}@media (max-width:800px){.recap-detail-row{grid-template-columns:1fr 1fr}.recap-proof-actions{grid-column:1/-1}}.leave-page,.notifications-page{flex-direction:column;gap:18px;display:flex}.leave-kpis{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.leave-kpis>div{background:#fff;border:1px solid #e5edf5;border-radius:16px;grid-template-columns:38px 1fr;align-items:center;gap:2px 12px;padding:18px;display:grid}.leave-kpis svg{color:#1478d4;background:#edf6ff;border-radius:12px;grid-row:1/3;width:38px;height:38px;padding:9px}.leave-kpis span{color:#718096;font-size:12px}.leave-kpis b{color:#0f2f4d;font-size:24px}.leave-tabs{gap:8px;display:flex}.leave-tabs button{color:#53657a;background:#fff;border:1px solid #dbe6ef;border-radius:10px;padding:10px 15px;font-weight:700}.leave-tabs button.active{color:#fff;background:#123657;border-color:#123657}.leave-tabs button span{color:#fff;background:#ef4444;border-radius:99px;margin-left:7px;padding:1px 6px;font-size:11px}.leave-grid{grid-template-columns:minmax(340px,.85fr) minmax(460px,1.15fr);gap:18px;display:grid}.leave-form-card,.leave-history-card,.approval-card,.notification-list-card,.announcement-card{background:#fff;border:1px solid #e3ebf3;border-radius:18px;padding:20px;box-shadow:0 8px 28px #0f2f4d0d}.section-title,.notification-list-head{align-items:center;gap:11px;margin-bottom:18px;display:flex}.section-title>div,.notification-list-head>div{flex-direction:column;display:flex}.section-title span,.notification-list-head span{color:#7b8b9e;font-size:12px}.leave-form{flex-direction:column;gap:14px;display:flex}.leave-form label,.announcement-card label,.leave-modal label{color:#475569;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.leave-form input,.leave-form select,.leave-form textarea,.announcement-card input,.announcement-card textarea,.leave-modal textarea{font:inherit;color:#142d46;background:#fff;border:1px solid #d9e4ee;border-radius:10px;padding:11px 12px}.leave-form textarea,.announcement-card textarea,.leave-modal textarea{resize:vertical;min-height:92px}.leave-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.file-drop{cursor:pointer;background:#f8fbff;border-radius:13px;align-items:center;position:relative;border:1.5px dashed #b9cce0!important;flex-direction:row!important;gap:12px!important;padding:16px!important;display:flex!important}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-drop div{flex-direction:column;display:flex}.file-drop span{color:#7b8b9e;font-weight:400}.leave-submit{justify-content:center}.leave-list{flex-direction:column;gap:10px;max-height:560px;display:flex;overflow:auto}.leave-item{border:1px solid #edf1f5;border-radius:13px;grid-template-columns:38px 1fr 36px;align-items:start;gap:11px;padding:13px;display:grid}.leave-type-icon{color:#1478d4;background:#eef6ff;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.leave-item-main>div{align-items:center;gap:8px;display:flex}.leave-item-main>span,.leave-item-main small{color:#738296;margin-top:3px;font-size:12px;display:block}.leave-item-main p{color:#42556b;margin:7px 0 0;font-size:13px}.status-badge{border-radius:99px;padding:3px 8px;font-weight:800;font-size:10px!important}.status-badge.pending{color:#a16207;background:#fff4d9}.status-badge.approved{color:#137a50;background:#e5f8ef}.status-badge.rejected{color:#b4232d;background:#fee9ea}.icon-outline{background:#fff;border:1px solid #dce6ef;border-radius:9px;width:34px;height:34px}.approval-table-wrap{overflow:auto}.approval-table{border-collapse:collapse;width:100%;min-width:900px}.approval-table th{text-transform:uppercase;color:#718096;text-align:left;background:#f7fafc;border-bottom:1px solid #e7edf3;padding:11px;font-size:11px}.approval-table td{vertical-align:top;border-bottom:1px solid #eef2f6;padding:13px 11px;font-size:13px}.approval-table td small{color:#7b8b9e;margin-top:3px;display:block}.reason-cell{max-width:260px}.type-pill{color:#24669f;background:#eef6ff;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700}.text-button{color:#1478d4;background:0 0;border:0;align-items:center;gap:5px;font-weight:700;display:flex}.decision-actions{gap:6px;display:flex}.decision-actions button{border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-weight:700;display:flex}.decision-actions .approve{color:#147a51;background:#e7f8ef}.decision-actions .reject{color:#b4232d;background:#feecee}.leave-modal-backdrop{z-index:8000;background:#0919288c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.leave-modal{background:#fff;border-radius:18px;width:min(520px,100%);padding:22px;box-shadow:0 28px 80px #00000040}.leave-modal>p{color:#66778b}.leave-modal>div{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.button.danger{color:#fff;background:#c8323c}.notification-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:18px;display:grid}.notification-list{flex-direction:column;display:flex}.notification-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:42px 1fr;gap:12px;width:100%;padding:14px 4px;display:grid}.notification-row.unread{background:#f7fbff}.notification-icon{color:#1478d4;background:#edf6ff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.notification-icon.success{color:#147a51;background:#e7f8ef}.notification-icon.warning{color:#ad6b00;background:#fff4dd}.notification-row>div:last-child>div{align-items:center;gap:7px;display:flex}.notification-row p{color:#516276;margin:5px 0;font-size:13px}.notification-row small{color:#8a99aa}.unread-dot{background:#ef4444;border-radius:50%;width:7px;height:7px}.announcement-card{height:max-content}.announcement-card label{margin-bottom:12px}.announcement-card .button{justify-content:center;width:100%}.count-pill.blue{color:#1f66a8;background:#e8f2ff}@media (max-width:1000px){.leave-grid,.notification-layout{grid-template-columns:1fr}.leave-kpis{grid-template-columns:1fr 1fr 1fr}}@media (max-width:700px){.leave-kpis,.leave-two{grid-template-columns:1fr}}.storage-page{flex-direction:column;gap:18px;display:flex}.storage-overview-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.storage-stat{background:#fff;border:1px solid #e4ebf3;border-radius:17px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 8px 24px #0f2f4d0a}.storage-stat.primary{color:#fff;background:linear-gradient(145deg,#0d2d4b,#17486f);border-color:#0000}.storage-stat-icon{color:#246bfd;background:#eef6ff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.storage-stat.primary .storage-stat-icon{color:#fff;background:#ffffff1f}.storage-stat span{color:#718096;font-size:11px;display:block}.storage-stat.primary span,.storage-stat.primary small{color:#b8ccdc}.storage-stat b{color:#102c49;margin:3px 0;font-size:23px;display:block}.storage-stat.primary b{color:#fff}.storage-stat small{color:#8a98aa;font-size:10px}.storage-disk-card,.storage-card,.storage-info{background:#fff;border:1px solid #e3ebf3;border-radius:18px;padding:20px;box-shadow:0 8px 28px #0f2f4d0a}.storage-card-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.storage-card-head span{letter-spacing:.13em;color:#70839a;font-size:9px;font-weight:800;display:block}.storage-card-head h3{margin:5px 0 0;font-size:17px}.storage-card-head>b{color:#163b5f;font-size:19px}.storage-progress{background:#edf2f7;border-radius:99px;height:10px;margin:16px 0 12px;overflow:hidden}.storage-progress>span{background:linear-gradient(90deg,#246bfd,#18b7c9);border-radius:99px;height:100%;display:block}.storage-disk-meta{color:#718096;flex-wrap:wrap;gap:28px;font-size:11px;display:flex}.storage-disk-meta b{color:#203b57}.storage-actions-grid{grid-template-columns:.85fr 1.15fr;gap:16px;display:grid}.storage-card>p{color:#6f8093;margin:14px 0 18px;font-size:12px;line-height:1.65}.storage-full-button{justify-content:center;width:100%}.storage-period{color:#4a5e74;flex-direction:column;gap:7px;margin-top:16px;font-size:11px;font-weight:700;display:flex}.storage-period select{color:#17334f;background:#fff;border:1px solid #d9e4ee;border-radius:10px;height:42px;padding:0 11px}.storage-selected{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.storage-selected>div{background:#f7fafc;border:1px solid #edf1f5;border-radius:12px;padding:12px}.storage-selected span{color:#7d8c9d;font-size:10px;display:block}.storage-selected b{margin-top:4px;font-size:18px;display:block}.storage-button-row{gap:9px;display:flex}.storage-button-row .button{flex:1;justify-content:center}.storage-button-row button:disabled,.storage-full-button:disabled{opacity:.5;cursor:not-allowed}.storage-note,.storage-alert,.storage-info{align-items:flex-start;gap:9px;font-size:11px;display:flex}.storage-note{color:#946200;background:#fff8e5;border:1px solid #fae6aa;border-radius:10px;margin-top:11px;padding:10px 11px}.storage-alert{border-radius:12px;padding:12px 14px}.storage-alert.error{color:#aa2730;background:#fff0f1;border:1px solid #f7c9cd}.storage-alert.success{color:#167451;background:#eaf8f1;border:1px solid #bee9d2}.storage-empty{color:#8b98a8;padding:18px 0;font-size:11px}.storage-info{color:#31516d;background:#f7fbff}.storage-info>div{flex-direction:column;gap:4px;display:flex}.storage-info span{color:#71859a;line-height:1.5}.button.danger{color:#fff;background:#c8323c;border-color:#c8323c}@media (max-width:950px){.storage-overview-grid,.storage-actions-grid{grid-template-columns:1fr}}@media (max-width:600px){.storage-button-row{flex-direction:column}.storage-selected{grid-template-columns:1fr}.storage-disk-meta{flex-direction:column;gap:12px}}.marketing-page,.field-settings-page{flex-direction:column;gap:17px;display:flex}.marketing-head{align-items:flex-end}.marketing-alert{border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;display:flex}.marketing-alert.error{color:#a92b35;background:#fff0f1;border:1px solid #f5c8cd}.marketing-alert.success{color:#14754f;background:#eaf8f1;border:1px solid #bfe8d3}.marketing-alert button{color:inherit;background:0 0;border:0;margin-left:auto}.marketing-tabs{background:#eaf0f6;border-radius:11px;gap:7px;width:max-content;padding:4px;display:flex}.marketing-tabs button{color:#68798c;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700}.marketing-tabs button.active{color:#143858;background:#fff;box-shadow:0 2px 8px #1c365014}.marketing-stat-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.marketing-stat-grid.recap{grid-template-columns:repeat(4,1fr)}.marketing-stat-grid>div{background:#fff;border:1px solid #e4ebf3;border-radius:16px;grid-template-columns:38px 1fr;align-items:center;gap:2px 11px;padding:16px;display:grid}.marketing-stat-grid>div>span:first-child{color:#246bfd;background:#edf5ff;border-radius:11px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.marketing-stat-grid small{color:#7a899b;font-size:10px}.marketing-stat-grid b{color:#153653;font-size:22px}.marketing-stat-grid .product-summary{display:block}.product-summary>div{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.product-summary>div>span{color:#53657a;background:#f2f6fa;border-radius:99px;padding:5px 8px;font-size:10px}.product-summary>div b{margin-left:3px;font-size:10px}.marketing-card,.marketing-filter-card,.field-settings-card{background:#fff;border:1px solid #e3ebf3;border-radius:18px;padding:19px;box-shadow:0 8px 26px #0f2f4d0a}.marketing-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.marketing-card-head h3{margin:0;font-size:16px}.marketing-card-head p{color:#77879a;margin:5px 0 0;font-size:11px}.marketing-activity-list{flex-direction:column;display:flex}.marketing-activity-row{border-top:1px solid #edf1f5;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:15px 4px;display:grid}.activity-date b,.activity-date span{display:block}.activity-date b{font-size:12px}.activity-date span{color:#8794a4;margin-top:4px;font-size:10px}.activity-main>div{align-items:center;gap:7px;margin-bottom:5px;display:flex}.activity-main>div strong{color:#1f669f;font-size:11px}.product-pill{color:#2869aa;background:#eef5ff;border-radius:99px;padding:3px 7px;font-size:9px}.activity-main>b{font-size:13px}.activity-main p{color:#4d6074;margin:5px 0;font-size:12px;line-height:1.5}.activity-main small{color:#8391a1}.activity-proof{align-items:center;gap:6px;display:flex}.activity-proof button,.detail-activity button{color:#3d5871;cursor:pointer;background:#fff;border:1px solid #dce6ef;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.marketing-empty{text-align:center;color:#8290a1;padding:24px;font-size:12px}.filter-row{grid-template-columns:1.5fr repeat(4,1fr) auto;align-items:end;gap:10px;display:grid}.filter-row label{color:#65768a;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.filter-row input,.filter-row select,.marketing-form-grid input,.marketing-form-grid select,.marketing-form-grid textarea,.master-row input,.master-row select,.master-add input,.master-add select{color:#17334f;background:#fff;border:1px solid #d9e4ee;border-radius:9px;outline:none;padding:10px 11px}.date-pair{align-items:center;gap:6px;display:flex}.date-pair input{width:100%;min-width:0}.date-pair span{color:#8c98a7;font-size:9px}.filter-apply{justify-content:center}.export-buttons{gap:7px;display:flex}.marketing-table-wrap{overflow:auto}.marketing-table{border-collapse:collapse;width:100%;min-width:900px}.marketing-table th{color:#718096;text-transform:uppercase;letter-spacing:.04em;text-align:center;white-space:nowrap;background:#f7fafc;border-bottom:1px solid #e4ebf2;padding:10px 8px;font-size:9px}.marketing-table th:first-child,.marketing-table th:nth-child(2){text-align:left}.marketing-table td{text-align:center;border-bottom:1px solid #eef2f5;padding:11px 8px;font-size:11px}.marketing-table td:first-child,.marketing-table td:nth-child(2){text-align:left}.marketing-table td small{color:#8996a6;margin-top:3px;display:block}.ao-link{color:#176db0;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.marketing-modal-backdrop{z-index:9000;background:#07182794;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.marketing-modal{background:#fff;border-radius:20px;width:min(720px,100%);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 30px 90px #00000047}.marketing-modal.detail{width:min(800px,100%)}.modal-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;display:flex}.modal-head span{letter-spacing:.13em;color:#66819a;font-size:9px;font-weight:800}.modal-head h3{margin:4px 0 0;font-size:18px}.modal-head>button{background:#f1f5f8;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.marketing-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.marketing-form-grid label,.gps-field,.photo-field{color:#516477;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.marketing-form-grid .wide{grid-column:1/-1}.marketing-form-grid textarea{resize:vertical;min-height:92px}.marketing-form-grid em{color:#e05259}.gps-ok{color:#167451;background:#f0faf5;border:1px solid #cce7da;border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.gps-ok b,.gps-ok small{display:block}.gps-ok small{margin-top:2px;font-weight:400}.gps-ok button{color:#167451;background:0 0;border:0;font-size:9px;font-weight:700}.gps-capture,.photo-capture{color:#35617f;background:#f8fbff;border:1.5px dashed #b9cce0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:flex}.photo-capture{justify-content:flex-start;min-height:84px;padding:14px}.photo-capture div{text-align:left;flex-direction:column;display:flex}.photo-capture span{color:#8191a3;margin-top:3px;font-weight:400}.photo-preview{background:#f4f7fa;border-radius:12px;min-height:180px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;max-height:340px;display:block}.photo-preview button{color:#fff;background:#071a2de0;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:10px;right:10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.detail-activity-list{flex-direction:column;gap:10px;display:flex}.detail-activity{border:1px solid #e5ebf2;border-radius:13px;padding:13px}.detail-activity>div:first-child{justify-content:space-between;gap:10px;display:flex}.detail-activity>div:first-child b{font-size:11px}.detail-activity>div:first-child span{color:#2570aa;font-size:10px}.detail-activity>strong{margin-top:7px;font-size:13px;display:block}.detail-activity p{color:#516477;margin:5px 0 9px;font-size:11px}.detail-activity>div:last-child{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.detail-activity>div:last-child>span{color:#7b8b9d;align-items:center;gap:4px;font-size:9px;display:flex}.photo-lightbox{z-index:10000;background:#000000d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-lightbox img{border-radius:13px;max-width:min(900px,94vw);max-height:90vh}.photo-lightbox button{background:#fff;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:22px}.field-settings-grid{grid-template-columns:1.35fr .65fr;gap:15px;display:grid}.field-settings-title{border-bottom:1px solid #edf1f5;align-items:flex-start;gap:11px;padding-bottom:14px;display:flex}.field-settings-title>span{color:#246bfd;background:#edf5ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.field-settings-title h3{margin:0;font-size:16px}.field-settings-title p{color:#77879a;margin:5px 0 0;font-size:11px;line-height:1.5}.master-block{padding-top:16px}.master-head{justify-content:space-between;margin-bottom:9px;display:flex}.master-head b{font-size:12px;display:block}.master-head span{color:#8492a2;margin-top:3px;font-size:10px;display:block}.master-list{flex-direction:column;gap:7px;display:flex}.master-row{grid-template-columns:1.15fr .85fr .85fr 36px 36px;align-items:center;gap:6px;display:grid}.master-row.product{grid-template-columns:1fr 36px 36px}.master-row input,.master-row select,.master-add input,.master-add select{padding:8px 9px;font-size:10px}.mini-save,.mini-toggle{color:#567087;background:#fff;border:1px solid #dce6ef;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.mini-toggle.on{color:#149364}.master-add{border-top:1px dashed #dbe4ec;grid-template-columns:1.15fr .85fr .85fr auto;gap:6px;margin-top:9px;padding-top:9px;display:grid}.master-add.product{grid-template-columns:1fr auto}.master-add button{color:#fff;background:#123657;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.collection-placeholder{height:max-content}.field-coming{background:#f7fafc;border:1px solid #e9eef4;border-radius:12px;margin-top:16px;padding:14px}.field-coming b,.field-coming span{display:block}.field-coming b{font-size:11px}.field-coming span{color:#8190a1;margin-top:4px;font-size:10px;line-height:1.5}@media (max-width:1100px){.filter-row{grid-template-columns:1fr 1fr 1fr}.marketing-stat-grid.recap{grid-template-columns:1fr 1fr}.field-settings-grid{grid-template-columns:1fr}}@media (max-width:760px){.marketing-stat-grid,.marketing-stat-grid.recap{grid-template-columns:1fr}.marketing-activity-row{grid-template-columns:62px 1fr}.activity-proof{grid-column:2;justify-content:flex-start}.filter-row,.marketing-form-grid{grid-template-columns:1fr}.marketing-form-grid .wide{grid-column:auto}.master-row{grid-template-columns:1fr 1fr}.master-row input{grid-column:1/-1}.master-add{grid-template-columns:1fr}.marketing-head{flex-direction:column;align-items:flex-start}.export-buttons{width:100%}.export-buttons .button{flex:1;justify-content:center}}.storage-subsection{border-top:1px solid #e7edf3;margin-top:22px;padding-top:20px}.collection-money{letter-spacing:-.02em!important;font-size:14px!important}.collection-work-filter{grid-template-columns:minmax(300px,1fr) 220px auto 42px;align-items:end;gap:10px;display:grid}.collection-work-filter label,.collection-recap-filter label{color:#65768a;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.collection-work-filter select,.collection-recap-filter select,.collection-recap-filter input{color:#17334f;background:#fff;border:1px solid #d9e4ee;border-radius:9px;outline:none;padding:10px 11px}.collection-search{color:#8190a1;border:1px solid #d9e4ee;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.collection-search input{background:0 0;border:0;outline:0;width:100%}.collection-import-note{color:#8491a1;text-align:right;max-width:330px;font-size:9px;line-height:1.5}.table-assign{color:#385169;background:#fff;border:1px solid #dce5ee;border-radius:8px;min-width:150px;padding:7px;font-size:10px}.dpd-pill{border-radius:99px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.dpd-pill.low{color:#13815d;background:#edf8f3}.dpd-pill.mid{color:#b87313;background:#fff4df}.dpd-pill.high{color:#bc4751;background:#ffebed}.collection-recap-filter{grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:end;gap:10px;display:grid}.debtor-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;display:grid}.debtor-summary>div{background:#f9fbfd;border:1px solid #e5ecf3;border-radius:11px;padding:10px}.debtor-summary>div.wide{grid-column:span 2}.debtor-summary span,.debtor-summary b{display:block}.debtor-summary span{color:#8390a0;font-size:9px}.debtor-summary b{color:#263f56;margin-top:4px;font-size:11px}.collection-detail-actions{border-bottom:1px solid #edf1f5;justify-content:flex-end;margin-bottom:14px;padding-bottom:14px;display:flex}.collection-master-row{grid-template-columns:1fr 74px 36px;align-items:center;gap:7px;display:grid}.collection-master-row>input,.collection-master-add>input{color:#17334f;background:#fff;border:1px solid #d9e4ee;border-radius:9px;padding:9px 10px;font-size:10px}.ptp-check{color:#617387;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.collection-master-add{border-top:1px dashed #dbe4ec;grid-template-columns:1fr 74px auto;gap:7px;margin-top:9px;padding-top:9px;display:grid}.collection-master-add button{color:#fff;background:#123657;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:10px;font-weight:700;display:flex}@media (max-width:1000px){.collection-work-filter,.collection-recap-filter,.debtor-summary{grid-template-columns:1fr 1fr}}@media (max-width:650px){.collection-work-filter,.collection-recap-filter,.debtor-summary{grid-template-columns:1fr}.debtor-summary>div.wide{grid-column:auto}.collection-master-row,.collection-master-add{grid-template-columns:1fr 70px auto}}.collection-source{letter-spacing:.04em;text-transform:uppercase;color:#7b8794;margin-top:4px;font-weight:700;display:block;font-size:10px!important}.collection-manual-info{color:#607080;background:#f8fafc;border:1px solid #e4e9ef;border-radius:12px;grid-column:1/-1;padding:12px 14px;font-size:12px}.money-input-wrap{border:1px solid var(--line,#dbe4ef);background:#fff;border-radius:10px;align-items:center;display:flex;overflow:hidden}.money-input-wrap>span{color:#64748b;padding:0 0 0 12px;font-size:13px;font-weight:700}.money-input-wrap input{flex:1;min-width:0;box-shadow:none!important;border:0!important}