@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--font-body:"DM Sans", "Segoe UI", sans-serif;--font-display:"Manrope", "Segoe UI", sans-serif;color:#263a33;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7f6}*{box-sizing:border-box}html{background:#f4f7f6;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #2a8b71}.app-loader{color:#146b58;background:#f6f8f7;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.brand-mark{color:#126653;background:#d8f5ea;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #12665314}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#f7f9f8;grid-template-columns:minmax(480px,1.15fr) minmax(440px,.85fr);min-height:100vh;display:grid}.login-story{color:#f4fffb;background:linear-gradient(145deg,#082f2a 0%,#0d4d40 55%,#15624f 100%);flex-direction:column;min-height:100vh;padding:42px 56px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff17;border-radius:50%;height:62%;position:absolute;inset:auto -18% -35% 14%;transform:rotate(-8deg)}.story-glow{filter:blur(4px);pointer-events:none;border-radius:999px;position:absolute}.story-glow-one{background:radial-gradient(circle,#60dbaf38,#0000 70%);width:400px;height:400px;top:10%;right:-150px}.story-glow-two{background:radial-gradient(circle,#ebb85529,#0000 70%);width:280px;height:280px;bottom:2%;left:-100px}.login-brand{z-index:1;font:700 18px/1 var(--font-display);align-items:center;gap:13px;display:flex;position:relative}.login-brand .brand-mark{color:#c8ffeb;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-pill{color:#a9e8d2;font:600 10px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border-radius:99px;margin-left:2px;padding:6px 9px}.story-copy{z-index:1;max-width:720px;margin:auto 0;position:relative}.eyebrow{color:#26806a;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.login-story .eyebrow{color:#9fe2ca}.story-copy h1{color:#fff;max-width:650px;font:600 clamp(52px,6.2vw,88px)/.95 var(--font-display);letter-spacing:-.055em;margin:20px 0 22px}.story-copy>p{color:#c2ded4;max-width:580px;font-size:18px;line-height:1.7}.feature-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px;display:grid}.feature-strip>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0e;border:1px solid #ffffff1c;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.feature-strip svg{color:#8fe2c4;width:19px}.feature-strip span{color:#8fbaab;flex-direction:column;font-size:11px;display:flex}.feature-strip b{color:#f2fff9;margin-bottom:2px;font-size:13px}.story-footer{z-index:1;color:#8db8a9;justify-content:space-between;font-size:11px;display:flex;position:relative}.story-footer span{align-items:center;gap:6px;display:flex}.login-panel{place-items:center;padding:48px;display:grid}.login-card{width:min(100%,430px)}.mobile-brand{display:none}.login-heading{margin-bottom:34px}.mini-icon{color:#176d59;background:#e1f5ed;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:24px;display:grid}.login-heading h2{color:#14241f;font:600 36px/1.1 var(--font-display);letter-spacing:-.035em;margin:0 0 10px}.login-heading p{color:#6f7c78;margin:0;font-size:14px}.login-card form{flex-direction:column;gap:20px;display:flex}.login-card label,.modal label{color:#34443f;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.login-card input,.modal input{box-sizing:border-box;color:#1e302a;width:100%;font:500 14px var(--font-body);background:#fff;border:1px solid #dce4e1;border-radius:11px;outline:none;padding:14px 15px;transition:all .2s}.login-card input:focus,.modal input:focus{border-color:#2d8b72;box-shadow:0 0 0 3px #2d8b721a}.form-row{justify-content:space-between;align-items:center;display:flex}.check-label{cursor:pointer;align-items:center;flex-direction:row!important;gap:8px!important;font-weight:500!important}.check-label>input{display:none}.check-label>span{color:#0000;border:1px solid #cdd9d5;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.check-label input:checked+span{color:#fff;background:#18715d;border-color:#18715d}.text-button,.text-link{color:#176c59;font:700 12px var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.server-field{background:#eef4f1;border-radius:12px;padding:14px}.server-field small{color:#7a8984;font-weight:400}.primary-button,.secondary-button,.outline-button{font:700 12px var(--font-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;transition:all .2s;display:inline-flex}.primary-button{color:#fff;background:#126653;border:1px solid #126653;box-shadow:0 5px 14px #12665329}.primary-button:hover{background:#0b5545;transform:translateY(-1px)}.primary-button svg,.secondary-button svg,.outline-button svg{width:16px;height:16px}.login-button{width:100%;min-height:48px;margin-top:3px;font-size:13px}.form-error{color:#a93939;background:#fff1f1;border:1px solid #f2c9c9;border-radius:10px;padding:12px 14px;font-size:12px}.security-note{color:#8b9894;justify-content:center;align-items:center;gap:7px;margin:28px 0 0;font-size:11px;display:flex}.dashboard-shell{background:#f4f7f6;min-height:100vh}.sidebar{z-index:30;box-sizing:border-box;background:#fbfcfc;border-right:1px solid #e1e8e5;flex-direction:column;width:256px;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.sidebar-brand .brand-mark{border-radius:12px;width:39px;height:39px}.sidebar-brand>div:nth-child(2){flex-direction:column;display:flex}.sidebar-brand b{color:#152722;font:700 15px var(--font-display)}.sidebar-brand span{color:#86928e;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-label{color:#9aa5a1;letter-spacing:.14em;text-transform:uppercase;padding:0 12px 9px;font-size:9px;font-weight:800}.nav-item{color:#63716d;width:100%;font:650 12px var(--font-body);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;display:flex}.nav-item svg{width:17px}.nav-item .nav-arrow{opacity:0;width:14px;margin-left:auto}.nav-item:hover{color:#164f42;background:#f0f5f3}.nav-item.active{color:#115c4c;background:#e5f3ee}.nav-item.active .nav-arrow{opacity:.65}.sidebar-health{background:#fff;border:1px solid #e1e9e6;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:13px 11px;display:flex}.health-icon{color:#16705b;background:#e3f5ee;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.health-icon svg{width:15px}.sidebar-health>div:nth-child(2){flex-direction:column;display:flex}.sidebar-health b{color:#33443e;font-size:10px}.sidebar-health span{color:#919c98;font-size:9px}.sidebar-health i{background:#2ab785;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #ddf6ed}.sidebar-user{border-top:1px solid #edf1ef;align-items:center;gap:9px;margin-top:12px;padding:12px 6px 2px;display:flex}.avatar,.person-avatar{color:#11604e;text-transform:uppercase;background:#dff3eb;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:34px;height:34px;font-size:10px}.sidebar-user>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user b{color:#25352f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-user span{color:#939d99;font-size:9px}.icon-button{color:#697873;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#155e4e;background:#edf4f1}.icon-button svg{width:16px}.mobile-close,.menu-button{display:none}.dashboard-main{min-height:100vh;margin-left:256px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfce6;border-bottom:1px solid #e2e9e6;align-items:center;gap:8px;height:70px;padding:0 34px;display:flex}.topbar>div{align-items:center;gap:6px;font-size:11px;display:flex}.topbar b{color:#35443f}.breadcrumb{color:#96a09c}.topbar .secondary-button{margin-left:auto}.secondary-button{color:#42534d;background:#fff;border:1px solid #dce5e2}.secondary-button:hover{color:#145e4e;border-color:#bbd1ca}.secondary-button:disabled,.primary-button:disabled,.table-action:disabled{cursor:not-allowed;opacity:.45;transform:none}.page-content{max-width:1440px;margin:0 auto;padding:38px 42px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.page-heading h1{color:#172822;font:600 31px/1.1 var(--font-display);letter-spacing:-.035em;margin:7px 0 6px}.page-heading p{color:#71807b;margin:0;font-size:12px}.hero-heading{align-items:center;margin-bottom:30px}.hero-heading h1{font-size:36px}.date-chip{color:#64736e;background:#fff;border:1px solid #dce6e2;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:700;display:flex}.date-chip svg{color:#1d826a;width:15px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1px solid #e0e8e5;border-radius:15px;align-items:center;gap:14px;padding:19px;display:flex;box-shadow:0 3px 12px #18372d06}.stat-icon,.quick-icon{border-radius:11px;place-items:center;display:grid}.stat-icon{width:41px;height:41px}.stat-icon svg{width:18px}.mint{color:#15715b;background:#dff4ec}.blue{color:#326892;background:#e5f0f7}.rose{color:#a94f54;background:#f9e9e9}.amber{color:#936b24;background:#faf0d9}.stat-card>div{flex-direction:column;display:flex}.stat-card span:not(.stat-icon){color:#74817d;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.stat-card strong{color:#182a24;font:650 24px var(--font-display);margin:2px 0}.stat-card small{color:#98a29f;font-size:9px}.surface{background:#fff;border:1px solid #e0e8e5;border-radius:15px;box-shadow:0 3px 12px #18372d06}.overview-grid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.surface-header{justify-content:space-between;align-items:center;padding:20px 21px 15px;display:flex}.surface-header h3,.company-card h3{color:#243630;font:650 14px var(--font-display);margin:0}.surface-header p{color:#929d99;margin:4px 0 0;font-size:9px}.text-link svg{width:14px}.compact-list{padding:0 11px 11px}.compact-person{border-top:1px solid #f0f3f2;align-items:center;gap:11px;padding:11px;display:flex}.person-avatar{width:34px;height:34px;font-size:9px}.person-avatar svg{width:16px}.compact-person>div:nth-child(2){flex-direction:column;flex:1;display:flex}.compact-person b,.person-cell b{color:#30413b;font-size:10px}.compact-person span,.person-cell span{color:#929d99;font-size:9px}.status-badge{border-radius:99px;align-items:center;gap:6px;width:max-content;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status-badge i{border-radius:50%;width:5px;height:5px}.status-badge.active{color:#14705a;background:#e4f5ef}.status-badge.active i{background:#26af82}.status-badge.inactive{color:#9a4c51;background:#f8eaea}.status-badge.inactive i{background:#ce6168}.quick-actions{padding-bottom:10px}.quick-actions>button{color:#5d6d67;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0f3f2;align-items:center;gap:11px;width:calc(100% - 24px);margin:0 12px;padding:11px 9px;display:flex}.quick-actions>button:hover{background:#f8fbfa}.quick-icon{width:34px;height:34px}.quick-icon svg{width:15px}.quick-actions button>span:nth-child(2){flex-direction:column;flex:1;display:flex}.quick-actions b{color:#34463f;font-size:10px}.quick-actions small{color:#9aa4a1;margin-top:2px;font-size:9px}.quick-actions button>svg{width:14px}.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding:12px;display:flex}.search-box{flex:1;align-items:center;gap:8px;min-width:280px;display:flex}.search-box svg{color:#8a9893;width:16px}.search-box input{color:#31413b;width:100%;font:500 11px var(--font-body);background:0 0;border:0;outline:0}.filter-pills{gap:3px;display:flex}.filter-pills button{color:#7a8783;font:700 9px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px}.filter-pills button.active{color:#176551;background:#e6f3ee}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#899590;letter-spacing:.08em;text-transform:uppercase;background:#fbfcfc;border-bottom:1px solid #e8eeeb;padding:12px 16px;font-size:8px}td{color:#45564f;vertical-align:middle;border-bottom:1px solid #eef2f0;padding:13px 16px;font-size:10px}tbody tr:hover{background:#fbfdfc}tbody tr:last-child td{border-bottom:0}.person-cell{align-items:center;gap:10px;min-width:210px;display:flex}.person-cell>div:nth-child(2){flex-direction:column;display:flex}.cell-sub{color:#96a09c;margin-top:2px;font-size:8px;display:block}.type-badge{color:#526761;background:#eef3f1;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.attempts{color:#567067;background:#eef5f2;border-radius:7px;justify-content:center;min-width:23px;padding:5px 7px;font-weight:800;display:inline-flex}.attempts.flagged{color:#9a6125;background:#fbefdd}.actions-cell{text-align:right;white-space:nowrap}.table-action{color:#567069;cursor:pointer;background:#fff;border:1px solid #e0e8e5;border-radius:8px;place-items:center;width:30px;height:30px;margin-left:4px;display:inline-grid}.table-action svg{width:13px}.table-action.danger{color:#ad5056}.table-action.success{color:#13705a}.empty-state{color:#8b9894;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.empty-state>svg{color:#79a095;width:25px;margin-bottom:10px}.empty-state b{color:#53635e;font-size:11px}.empty-state span{margin-top:4px;font-size:9px}.company-toolbar .search-box{max-width:450px}.legend{color:#7d8b86;align-items:center;gap:7px;font-size:9px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.legend .online{background:#25af80}.legend .offline{background:#cc6067;margin-left:8px}.company-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.company-card{padding:18px}.company-card-head{align-items:center;gap:11px;display:flex}.company-logo{color:#176c59;background:#e2f3ed;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.company-logo svg{width:18px}.company-card-head>div:nth-child(2){flex:1;min-width:0}.company-card-head h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.company-card-head span:not(.status-badge){color:#939e9a;font-size:9px}.limit-grid{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.limit-grid>div{background:#f6f9f8;border-radius:10px;flex-direction:column;padding:11px;display:flex}.limit-grid .wide{grid-column:span 2}.limit-grid span{color:#8e9995;text-transform:uppercase;font-size:8px}.limit-grid b{color:#32443e;font:650 14px var(--font-display);margin-top:3px}.company-card-actions{gap:7px;display:flex}.company-card-actions button{flex:1;padding:9px 8px}.outline-button{background:0 0;border:1px solid #dfe7e4}.outline-button.danger{color:#a54d53}.outline-button.success{color:#146c57}.toast{border:1px solid;border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:11px 13px;font-size:10px;font-weight:700;display:flex}.toast>svg{width:15px}.toast button{cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.toast button svg{width:13px}.toast.success{color:#176b58;background:#edf9f5;border-color:#cce9df}.toast.error{color:#98484d;background:#fff2f2;border-color:#f0cece}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#091f1970;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ffffff80;border-radius:18px;width:min(100%,500px);overflow:hidden;box-shadow:0 24px 70px #0520183d}.modal-head{border-bottom:1px solid #e9eeec;align-items:center;gap:12px;padding:21px;display:flex}.modal-icon{color:#176c59;background:#e2f3ed;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.modal-icon svg{width:18px}.modal-head>div{flex:1}.modal-head h2{color:#23352f;font:650 17px var(--font-display);margin:0}.modal-head p{color:#8a9692;margin:4px 0 0;font-size:9px}.modal form{flex-direction:column;gap:16px;padding:21px;display:flex}.modal input:disabled{color:#8a9692;background:#f3f6f5}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.switch-row{background:#f5f8f7;border-radius:11px;justify-content:space-between;align-items:center;padding:13px;flex-direction:row!important}.switch-row>span{flex-direction:column;display:flex}.switch-row b{color:#34463f;font-size:10px}.switch-row small{color:#8d9995;margin-top:3px;font-weight:400}.switch-row input{accent-color:#176c59;width:38px;height:21px}.modal-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.sidebar-backdrop{display:none}@media (width<=1100px){.stat-grid,.company-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr 1fr}.feature-strip{grid-template-columns:1fr}.feature-strip>div:nth-child(n+3){display:none}.story-copy h1{font-size:58px}}@media (width<=800px){.login-page{display:block}.login-story{display:none}.login-panel{box-sizing:border-box;min-height:100vh;padding:28px}.mobile-brand{color:#1e332c;align-items:center;gap:10px;margin-bottom:55px;display:flex}.mobile-brand .brand-mark{width:38px;height:38px}.sidebar{transition:transform .25s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:20;background:#081f1852;border:0;display:block;position:fixed;inset:0}.mobile-close{margin-left:auto;display:grid}.dashboard-main{margin-left:0}.menu-button{display:grid}.topbar{padding:0 18px}.page-content{padding:27px 20px 45px}.overview-grid,.company-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.page-heading>button{align-self:stretch}.date-chip{display:none}.toolbar{flex-direction:column;align-items:stretch}.filter-pills{overflow:auto}.search-box{min-width:0}.table-card{border-inline:0;border-radius:0;margin:0 -20px}.hero-heading h1{font-size:31px}}@media (width<=520px){.stat-grid,.form-grid{grid-template-columns:1fr}.login-panel{padding:22px}.login-heading h2{font-size:31px}.company-card-actions{flex-direction:column}}