:root{
  --forest-950:#08271e;--forest-900:#0c3326;--forest-850:#0f3b2c;--forest-800:#154c39;--forest-700:#1c6248;--forest-600:#24785a;
  --green-500:#36a269;--lime:#c9f37b;--lime-soft:#effbd9;--paper:#f4f7f5;--surface:#ffffff;--surface-soft:#f8faf8;--ink:#14211a;--muted:#6e7c74;--muted-2:#98a39d;
  --line:#e4ebe6;--line-strong:#d5dfd8;--amber:#d99720;--amber-soft:#fff5dc;--red:#d9504a;--red-soft:#fff0ee;--blue:#4f79d7;--blue-soft:#edf3ff;
  --shadow-sm:0 3px 10px rgba(19,50,38,.04);--shadow:0 12px 34px rgba(19,50,38,.07);--shadow-lg:0 30px 70px rgba(10,40,29,.18);
  --radius:16px;--radius-lg:24px;--sidebar:264px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;display:inline-block;flex:0 0 auto}svg.icon path,svg.icon circle,svg.icon rect{vector-effect:non-scaling-stroke}.muted-text{color:var(--muted);font-size:12px}.text-success{color:#26734d}.text-danger{color:var(--red)}.align-right{text-align:right!important}.wide{grid-column:1/-1}.wide-empty{grid-column:1/-1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--forest-600)}.eyebrow.light{color:#b7deca}

/* Layout */
.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);padding:26px 18px 20px;background:linear-gradient(180deg,var(--forest-950),#0b3024 62%,#0a2b21);color:#fff;z-index:50;display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(10,38,28,.08)}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;margin:0 0 27px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#245a43,#143b2d);border:1px solid rgba(255,255,255,.12);color:var(--lime);box-shadow:inset 0 1px rgba(255,255,255,.08)}.brand-mark .icon{width:24px;height:24px}.brand-mark.large{width:56px;height:56px;border-radius:18px}.brand-mark.large .icon{width:30px;height:30px}.brand b{display:block;font-size:17px;letter-spacing:.03em}.brand small{display:block;font-size:9px;color:#8fb3a1;letter-spacing:.13em;margin-top:3px}.nav-main{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:0 2px 14px;scrollbar-width:none}.nav-main::-webkit-scrollbar{display:none}.nav-label{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#769687;font-weight:800;padding:0 12px 7px}.nav-gap{padding-top:17px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#b8cec2;font-size:13px;font-weight:550;transition:.2s}.nav-item .icon{width:18px;height:18px;color:#8eb0a0}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(201,243,123,.14),rgba(201,243,123,.05));color:#fff}.nav-item.active .icon{color:var(--lime)}.nav-item.active i{position:absolute;right:5px;width:4px;height:18px;border-radius:4px;background:var(--lime)}.sidebar-profile{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:18px 7px 0;display:grid;grid-template-columns:36px 1fr 32px;align-items:center;gap:9px}.profile-avatar,.top-avatar,.user-avatar{display:grid;place-items:center;border-radius:11px;font-weight:800;background:#20523e;color:#dff4e8}.profile-avatar{width:36px;height:36px;font-size:11px}.profile-copy{min-width:0}.profile-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{display:block;font-size:9px;color:#8ead9e;margin-top:3px}.logout-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#90ad9f}.logout-icon:hover{background:rgba(255,255,255,.07);color:#fff}.logout-icon .icon{width:16px;height:16px}.content-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:88px;padding:0 34px;display:flex;align-items:center;gap:14px;background:rgba(244,247,245,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:35;border-bottom:1px solid rgba(217,227,220,.7)}.page-heading h1{font-size:20px;margin:0;font-weight:750;letter-spacing:-.02em}.page-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.connection-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 11px;font-size:10px;color:var(--muted)}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#55b878;box-shadow:0 0 0 4px #e9f7ed}.top-avatar{width:36px;height:36px;font-size:10px}.main-content{padding:28px 34px 20px;max-width:1600px;margin:0 auto}.app-footer{display:flex;justify-content:space-between;padding:28px 2px 8px;color:#98a29c;font-size:10px}.menu-toggle{display:none}.sidebar-overlay{display:none}

/* Buttons / inputs */
.btn{appearance:none;border:0;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:.18s;white-space:nowrap}.btn .icon{width:16px;height:16px}.btn.primary{background:var(--forest-800);color:#fff;box-shadow:0 5px 15px rgba(21,76,57,.18)}.btn.primary:hover{background:var(--forest-700);transform:translateY(-1px)}.btn.lime{background:var(--lime);color:#153b2c}.btn.glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.btn.ghost{background:#fff;border:1px solid var(--line-strong);color:#33473c}.btn.ghost:hover{border-color:#aec0b5;background:#fafcfa}.btn.text{background:transparent;color:var(--forest-700);padding-inline:8px}.btn.full{width:100%}.btn.xl{padding:14px 18px;border-radius:12px;font-size:13px}.btn.small{padding:8px 10px;font-size:10px}.btn.icon-only{padding:10px}.icon-btn{border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-btn .icon{width:17px;height:17px}.icon-btn:hover{background:#f8faf8}.icon-btn.tiny{width:28px;height:28px;border-radius:8px}.icon-btn.tiny .icon{width:13px;height:13px}
input,select,textarea{width:100%;border:1px solid var(--line-strong);background:#fbfcfb;border-radius:10px;padding:11px 12px;color:var(--ink);outline:none;transition:.18s;min-height:41px}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#7da790;box-shadow:0 0 0 3px rgba(45,126,91,.09);background:#fff}input::placeholder,textarea::placeholder{color:#a5afa9}.pro-form>label,.pro-form .field-grid>label,.filter-form label,.setup-card label,.map-settings label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#56665d}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.form-actions form{margin:0}.check-row{display:flex!important;align-items:center;gap:7px!important}.check-row input{width:15px;height:15px;min-height:0;padding:0}.check-row span{font-size:11px;color:var(--muted)}

/* Toast / alerts */
.toast{position:fixed;right:28px;top:99px;z-index:100;max-width:430px;min-width:300px;padding:13px 13px 13px 15px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:20px 1fr 28px;gap:9px;align-items:center;animation:toastIn .28s ease}.toast.success>.icon{color:#2d8a5a}.toast.error>.icon{color:var(--red)}.toast span{font-size:12px;line-height:1.45}.toast-close{border:0;background:transparent;width:28px;height:28px;display:grid;place-items:center;color:#8d9991;cursor:pointer}.toast-close .icon{width:14px;height:14px}@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.inline-alert{border-radius:12px;padding:12px 14px;display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5}.inline-alert.error{background:var(--red-soft);color:#9f3732;border:1px solid #f4d1ce}.inline-alert.warning{background:var(--amber-soft);color:#775513;border:1px solid #f1ddb0}.inline-alert.warning>div{display:flex;gap:8px;align-items:center}.inline-alert.warning{display:block}.inline-alert.warning ul{margin:8px 0 0;padding-left:18px}.integration-notice{display:flex;gap:13px;align-items:flex-start;background:var(--blue-soft);border:1px solid #d8e5ff;border-radius:14px;padding:14px 16px;margin:0 0 18px;color:#395a9f}.integration-notice .icon{width:19px;height:19px;margin-top:1px}.integration-notice b{display:block;font-size:12px}.integration-notice p{margin:4px 0 0;font-size:11px;line-height:1.55;color:#5d78ad}

/* Generic panels */
.panel,.form-card,.panel-like{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel{padding:22px;margin-bottom:18px}.panel.no-pad{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-head h3{margin:4px 0 0;font-size:15px;letter-spacing:-.015em}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head>a{font-size:11px;color:var(--forest-700);font-weight:750;display:flex;align-items:center;gap:3px}.panel-head>a .icon{width:13px;height:13px}.page-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 20px}.page-toolbar h2{font-size:25px;letter-spacing:-.03em;margin:5px 0 4px}.page-toolbar p{font-size:11px;color:var(--muted);margin:0}.soft-tag{display:inline-flex;background:#f0f4f1;color:#5d6d63;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:750}

/* Login */
.login-body{background:#f1f5f2;min-height:100vh;overflow:auto}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr)}.login-brand-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(94,156,113,.42),transparent 26%),linear-gradient(140deg,#08271e,#0e3f2e 60%,#174d39);padding:46px clamp(42px,6vw,90px);display:flex;flex-direction:column;color:#fff}.forest-pattern{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(circle at 20% 10%,transparent 0 8%,#84b69a 8.3% 8.8%,transparent 9.1%),radial-gradient(circle at 80% 70%,transparent 0 9%,#84b69a 9.3% 9.8%,transparent 10.1%);background-size:240px 240px,300px 300px;transform:rotate(-8deg) scale(1.2)}.forest-pattern:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-18%;height:52%;background:linear-gradient(135deg,transparent 20%,rgba(201,243,123,.08) 20.5% 22%,transparent 22.5% 35%,rgba(255,255,255,.04) 35.5% 37%,transparent 37.5%)}.login-brand-top{position:relative;display:flex;gap:14px;align-items:center;z-index:2}.login-brand-top b{display:block;font-size:19px;letter-spacing:.035em}.login-brand-top small{display:block;font-size:9px;color:#96b9a7;letter-spacing:.17em;margin-top:3px}.login-hero-copy{position:relative;z-index:2;margin:auto 0;max-width:690px}.login-hero-copy h1{font-size:clamp(38px,4.3vw,67px);letter-spacing:-.045em;line-height:1.06;margin:16px 0 18px;font-weight:720}.login-hero-copy h1 em{font-style:normal;color:var(--lime)}.login-hero-copy>p{font-size:14px;line-height:1.75;color:#c4d8cd;max-width:560px}.login-benefits{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.login-benefits span{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.05);font-size:10px;color:#d5e5dc}.login-benefits .icon{width:13px;height:13px;color:var(--lime)}.login-brand-footer{position:relative;z-index:2;display:flex;justify-content:space-between;color:#83a693;font-size:9px;letter-spacing:.08em}.login-form-panel{display:grid;place-items:center;background:#f7f9f7;padding:46px}.login-card{width:min(405px,100%)}.mobile-brand{display:none}.login-card h2{font-size:30px;letter-spacing:-.035em;margin:8px 0 7px}.login-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 24px}.login-form{margin-top:18px}.login-form>label{display:grid;gap:8px;font-size:11px;font-weight:700;margin:14px 0;color:#4d6054}.input-with-icon{position:relative}.input-with-icon>.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#839188}.input-with-icon input{padding-left:39px;background:#fff;height:47px}.password-input input{padding-right:46px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#7b8981;cursor:pointer}.password-toggle .icon{width:16px;height:16px}.login-meta{display:flex;align-items:center;justify-content:space-between;margin:13px 0 18px}.demo-accounts{margin-top:18px;padding:12px;border-radius:12px;background:#eef3ef;border:1px solid #e2e9e4}.demo-accounts>b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#68776e;margin-bottom:7px}.demo-accounts>div{display:flex;gap:7px;flex-wrap:wrap}.demo-accounts code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:5px 7px;color:#46564c}.login-security{display:flex;align-items:center;gap:6px;color:#8c9891;margin-top:18px;font-size:9px}.login-security .icon{width:12px;height:12px}

/* Dashboard */
.welcome-banner{position:relative;overflow:hidden;min-height:258px;border-radius:var(--radius-lg);padding:38px 42px;background:radial-gradient(circle at 85% 10%,rgba(93,163,116,.4),transparent 28%),linear-gradient(125deg,#0b3326,#0e4934 75%);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 42px rgba(12,51,38,.14);margin-bottom:18px}.welcome-banner:before{content:"";position:absolute;inset:auto -50px -85px auto;width:360px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.09);transform:rotate(-14deg)}.welcome-copy{position:relative;z-index:2;max-width:650px}.welcome-copy h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:9px 0 10px}.welcome-copy p{color:#bfd5c8;font-size:12px;line-height:1.65;margin:0;max-width:580px}.welcome-actions{display:flex;gap:10px;margin-top:23px}.forest-orbit{position:relative;width:260px;height:180px;flex:0 0 260px}.orbit{position:absolute;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);color:#d3e6dc;backdrop-filter:blur(9px)}.orbit.big{width:128px;height:128px;right:48px;top:20px}.orbit.big .icon{width:52px;height:52px;color:var(--lime)}.orbit.small{width:55px;height:55px}.orbit.small .icon{width:22px;height:22px}.orbit.one{left:12px;top:15px}.orbit.two{right:5px;bottom:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.kpi-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.kpi-icon .icon{width:20px;height:20px}.kpi-icon.green{background:#e9f6ed;color:#2d8054}.kpi-icon.amber{background:#fff4db;color:#b27513}.kpi-icon.rose{background:#fff0ee;color:#c14b45}.kpi-icon.blue{background:#edf3ff;color:#4a6fc4}.kpi-card small,.kpi-card span{display:block}.kpi-card small{font-size:10px;color:#6f7f75;font-weight:700}.kpi-card b{display:block;font-size:24px;letter-spacing:-.04em;margin:2px 0}.kpi-card div>span{font-size:9px;color:#9aa49e}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.span-2{min-width:0}.bar-chart{height:205px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:10px 8px 0;border-bottom:1px solid var(--line)}.bar-item{height:100%;flex:1;max-width:70px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-track{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#f5f8f6,#fff);border-radius:10px 10px 0 0}.bar-track>span{position:relative;width:56%;min-height:8px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#4c9b73,#226a4d);transition:.3s}.bar-track i{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;color:#718077;font-weight:700}.bar-item small{font-size:9px;color:#87938c;text-transform:uppercase}.quick-actions{display:grid;gap:9px}.quick-actions>a{display:grid;grid-template-columns:38px 1fr 18px;gap:11px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 11px;transition:.18s}.quick-actions>a:hover{border-color:#c4d1c9;transform:translateX(2px)}.quick-actions>a>span{width:38px;height:38px;border-radius:10px;background:#edf5f0;color:#276c50;display:grid;place-items:center}.quick-actions>a>span .icon{width:18px;height:18px}.quick-actions b{display:block;font-size:11px}.quick-actions small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.quick-actions>a>.icon{width:13px;height:13px;color:#9ba59f}.timeline-list{display:grid}.timeline-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.timeline-item:first-child{border-top:0}.timeline-item>span{width:34px;height:34px;border-radius:10px;background:#f0f5f2;color:#426c57;display:grid;place-items:center}.timeline-item>span .icon{width:16px;height:16px}.timeline-item b{display:block;font-size:10px}.timeline-item small{font-size:9px;color:var(--muted)}.timeline-item time{font-size:9px;color:#8d9891}.health-card{text-align:center}.health-card h3{margin:5px 0 11px}.health-ring{width:112px;height:112px;margin:9px auto 13px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#3c9769 0 99%,#e5ece8 99%)}.health-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:white}.health-ring b,.health-ring small{position:relative;z-index:1}.health-ring b{font-size:30px;letter-spacing:-.06em}.health-ring small{position:absolute;margin:26px 0 0 42px;font-size:10px;color:var(--muted)}.health-card p{font-size:10px;color:var(--muted);line-height:1.55}
.dashboard-findings .data-table{min-width:880px}.sus-panel{overflow:hidden}.sus-grade{border-radius:999px;background:#e6f5eb;color:#246d47;padding:8px 12px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sus-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sus-summary-grid article{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#f8faf8;padding:15px}.sus-summary-grid article.featured{background:linear-gradient(135deg,#103f2f,#176145);border-color:#176145;color:#fff}.sus-summary-grid small,.sus-summary-grid span{display:block;font-size:9px;color:var(--muted)}.sus-summary-grid article.featured small,.sus-summary-grid article.featured span{color:#bcd6c7}.sus-summary-grid b{display:block;margin:4px 0 2px;font-size:23px;letter-spacing:-.04em}.sus-distribution{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;gap:13px;align-items:center;margin:15px 0}.sus-distribution>div:first-child{text-align:right}.sus-distribution span,.sus-distribution b{display:block;font-size:9px}.sus-distribution span{color:var(--muted)}.sus-distribution i{height:9px;overflow:hidden;border-radius:999px;background:#e7ece9}.sus-distribution i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d8054,#63ac7f)}.sus-validity-note{display:flex;gap:11px;align-items:flex-start;border:1px solid #eedba9;border-radius:12px;background:var(--amber-soft);color:#765814;padding:13px 15px}.sus-validity-note>.icon{width:18px;height:18px;flex:0 0 auto}.sus-validity-note b{font-size:10px}.sus-validity-note p{margin:4px 0 0;font-size:9px;line-height:1.6}.sus-questionnaire{margin:15px 0;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.sus-questionnaire summary{cursor:pointer;padding:13px 15px;font-size:10px;font-weight:800;color:var(--forest-700)}.sus-questionnaire[open] summary{border-bottom:1px solid var(--line)}.sus-questionnaire ol{list-style:none;margin:0;padding:7px 15px}.sus-questionnaire li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid #edf1ee}.sus-questionnaire li:last-child{border-bottom:0}.sus-questionnaire li b{font-size:9px;color:var(--forest-700)}.sus-questionnaire li span{font-size:9px;line-height:1.5;color:#506058}.sus-questionnaire li em{font-size:8px;font-style:normal;color:var(--muted);background:#edf2ef;border-radius:999px;padding:4px 7px}.sus-questionnaire>p{margin:0;padding:11px 15px;border-top:1px solid var(--line);font-size:9px;line-height:1.5;color:var(--muted)}.sus-table-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:18px 0 9px}.sus-table-heading b,.sus-table-heading span{display:block}.sus-table-heading b{font-size:11px}.sus-table-heading span,.sus-table-heading small{font-size:9px;color:var(--muted)}.sus-table-wrap{max-height:540px;border:1px solid var(--line);border-radius:12px}.sus-table{min-width:1500px}.sus-table thead{position:sticky;top:0;z-index:2}.sus-table th,.sus-table td{padding-left:11px;padding-right:11px}.sus-table th[title]{cursor:help}.sus-answer{text-align:center;font-weight:800;color:#3f6652}.sus-category,.sus-source{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;white-space:nowrap}.sus-category.sangat_baik{background:#e6f5eb;color:#247249}.sus-category.baik{background:#edf3ff;color:#4869a8}.sus-category.cukup{background:#fff3d8;color:#946511}.sus-category.tidak_baik{background:#fff0ee;color:#b9433e}.sus-source{background:#edf0ee;color:#66746c}.sus-source.simulasi_tambahan{background:#fff3d8;color:#8b6114}

/* Table */
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);background:#fafcfb;color:#849088;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.data-table td{padding:13px 16px;border-bottom:1px solid #edf1ee;font-size:11px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfb}.data-table td>small,.data-table td strong+small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.primary-cell{display:flex;align-items:center;gap:10px}.mini-icon{width:33px;height:33px;border-radius:9px;background:#eef5f1;color:#316f53;display:grid;place-items:center;flex:0 0 auto}.mini-icon .icon{width:16px;height:16px}.primary-cell strong{font-size:11px}.primary-cell small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.table-action{display:inline-flex;align-items:center;gap:3px;color:var(--forest-700);font-size:10px;font-weight:750;border:0;background:transparent;cursor:pointer;padding:3px}.table-action .icon{width:12px;height:12px}.metric-inline{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:8px;background:#f0f4f1;font-size:10px;font-weight:800}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;letter-spacing:.02em;white-space:nowrap;background:#eff3f0;color:#607067;text-transform:uppercase}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.verified,.status.success,.status.selesai{background:#e7f5eb;color:#297149}.status.submitted,.status.proses,.status.pending{background:#fff3d8;color:#946511}.status.draft,.status.baru{background:#edf0ee;color:#66746c}.status.archived{background:#f0f1f0;color:#8b9490}.status.failed{background:#fff0ee;color:#b9433e}.empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:26px}.empty-state>.icon{width:34px;height:34px;color:#9caf9f;margin-bottom:9px}.empty-state b{font-size:12px;color:#4e5e55}.empty-state span{font-size:10px;margin-top:4px}.empty-state.compact{min-height:90px}.panel-like{padding:24px}
.table-wrap>.dt-container{min-width:760px}.dt-container .dt-layout-row{align-items:center;margin:0;padding:12px 16px;gap:12px}.dt-container .dt-layout-row:first-child{border-bottom:1px solid var(--line);background:#fafcfb}.dt-container .dt-layout-row:last-child{border-top:1px solid var(--line)}.dt-container .dt-search label,.dt-container .dt-length label,.dt-container .dt-info{color:var(--muted);font-size:10px}.dt-container .dt-input{min-height:32px;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:var(--ink)!important;font:inherit!important;padding:6px 9px!important}.dt-container .dt-search .dt-input{width:180px;margin-left:7px}.dt-container .dt-paging .dt-paging-button{min-width:32px!important;height:32px;margin:0 2px!important;padding:5px 9px!important;border:1px solid transparent!important;border-radius:8px!important;color:var(--muted)!important;font-size:10px!important}.dt-container .dt-paging .dt-paging-button.current{border-color:var(--forest-700)!important;background:var(--forest-700)!important;color:#fff!important}.dt-container .dt-paging .dt-paging-button:hover:not(.disabled){border-color:#d7e4dc!important;background:#eef5f1!important;color:var(--forest-700)!important}.dt-container table.dataTable{margin:0!important}.dt-container table.dataTable thead>tr>th.dt-orderable-asc:hover,.dt-container table.dataTable thead>tr>th.dt-orderable-desc:hover{outline:0;background:#f1f6f3}

/* Filters */
.filter-panel{padding:13px 15px}.filter-form{display:flex;gap:10px;align-items:flex-end}.filter-form>.search-box{flex:1;min-width:260px}.filter-form>select{width:180px}.filter-form>label{min-width:150px}.search-box{position:relative}.search-box>.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#87948c}.search-box input{padding-left:38px}

/* Forms */
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.form-card{padding:26px}.form-card-head{display:flex;gap:14px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.form-card-head h2{font-size:20px;margin:4px 0 4px}.form-card-head p{font-size:10px;color:var(--muted);margin:0}.step-badge{width:45px;height:45px;border-radius:14px;background:#eaf4ed;color:#2a7550;display:grid;place-items:center;font-weight:850;font-size:12px}.form-aside{display:grid;gap:14px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:var(--shadow-sm)}.guide-card.soft{background:#edf4ef}.guide-icon{width:38px;height:38px;border-radius:11px;background:#e8f4eb;color:#2a7650;display:grid;place-items:center}.guide-icon .icon{width:18px;height:18px}.guide-card h3{font-size:13px;margin:12px 0 9px}.guide-card ul{margin:0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.8}.mini-flow{display:grid;grid-template-columns:25px 1fr;gap:6px 10px;align-items:center;margin-top:12px}.mini-flow span{width:24px;height:24px;border-radius:8px;background:#fff;color:#708077;display:grid;place-items:center;font-size:9px;font-weight:800}.mini-flow span.done{background:var(--forest-700);color:#fff}.mini-flow b{font-size:10px}.mini-flow i{grid-column:1;width:1px;height:13px;background:#b7c9bd;justify-self:center}
.team-picker{border:0;padding:0;margin:0;min-width:0}.team-picker legend{font-size:11px;font-weight:700;color:#56665d;margin-bottom:8px}.team-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-choice{position:relative;display:grid!important;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px!important;padding:12px;border:1px solid var(--line-strong);border-radius:12px;background:#fbfcfb;cursor:pointer;transition:.18s}.team-choice:hover{border-color:#8eaf9b;background:#f7faf8}.team-choice input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:0}.team-choice-number{width:42px;height:42px;border-radius:11px;background:#e8f2eb;color:var(--forest-700);display:grid;place-items:center;font-weight:850;font-size:12px}.team-choice b,.team-choice small{display:block}.team-choice b{font-size:12px;color:var(--ink)}.team-choice small{font-size:9px;color:var(--muted);font-weight:500;margin-top:3px}.team-choice>i{width:21px;height:21px;border:1px solid #bfccc4;border-radius:50%;display:grid;place-items:center;color:transparent}.team-choice>i .icon{width:12px;height:12px}.team-choice:has(input:checked){border-color:var(--forest-700);background:#f0f7f2;box-shadow:0 0 0 2px rgba(27,98,70,.08)}.team-choice:has(input:checked)>i{background:var(--forest-700);border-color:var(--forest-700);color:#fff}.team-choice.locked{cursor:default;background:#f0f7f2;border-color:#b9d0c1}.team-choice.locked>.icon{width:18px;height:18px;color:var(--forest-700);justify-self:center}.patrol-code-preview{display:flex;align-items:center;gap:12px;margin-top:18px;padding:13px 15px;border-radius:12px;background:#f0f5f2;border:1px solid #dbe7df}.patrol-code-preview>.icon{width:22px;height:22px;color:var(--forest-700)}.patrol-code-preview small,.patrol-code-preview b,.patrol-code-preview span{display:block}.patrol-code-preview small{font-size:8px;color:var(--muted);letter-spacing:.1em;font-weight:800}.patrol-code-preview b{font-size:12px;margin:2px 0}.patrol-code-preview span{font-size:9px;color:var(--muted)}

/* Detail patrol */
.detail-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-sm);margin-bottom:18px}.detail-tags{display:flex;gap:7px}.detail-hero h2{font-size:27px;letter-spacing:-.04em;margin:7px 0 3px}.detail-hero p{margin:0;color:var(--muted);font-size:11px}.detail-actions{display:flex;gap:8px;position:relative}.dropdown{display:none;position:absolute;right:0;top:45px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;width:180px;box-shadow:var(--shadow);z-index:15}.dropdown.open{display:block}.dropdown a,.dropdown button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:9px;border-radius:8px;font-size:10px;cursor:pointer;text-align:left}.dropdown a:hover,.dropdown button:hover{background:#f2f6f3}.dropdown .icon{width:15px;height:15px}.detail-grid-pro{display:grid;grid-template-columns:1fr 1.25fr;gap:18px}.info-list{margin:0}.info-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.info-list>div:first-child{border-top:0}.info-list dt{font-size:10px;color:var(--muted)}.info-list dd{font-size:10px;font-weight:750;margin:0;text-align:right}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.summary-metrics article{background:#f6f9f7;border-radius:12px;padding:13px;text-align:center}.summary-metrics span{width:30px;height:30px;border-radius:9px;background:#e6f2ea;color:#327456;display:grid;place-items:center;margin:0 auto 7px}.summary-metrics .icon{width:15px;height:15px}.summary-metrics b{display:block;font-size:17px}.summary-metrics small{font-size:9px;color:var(--muted)}.notes-box{margin-top:13px;border-top:1px solid var(--line);padding-top:13px}.notes-box b{font-size:10px}.notes-box p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 0}.finding-cards{display:grid;gap:10px}.finding-card{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:13px;padding:14px}.finding-dot{width:9px;height:9px;border-radius:50%;background:var(--dot);margin-top:4px;box-shadow:0 0 0 4px color-mix(in srgb,var(--dot) 15%, transparent)}.finding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.finding-head b{font-size:11px}.finding-head small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.finding-main p{font-size:10px;color:#637169;line-height:1.55;margin:8px 0}.severity{border-radius:999px;padding:5px 7px;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap}.severity.rendah{background:#e8f4ec;color:#31744f}.severity.sedang{background:#fff4dc;color:#9c6c12}.severity.tinggi{background:#fff0e7;color:#ba5e1c}.severity.kritis{background:#fdeae8;color:#b43f39}.finding-meta{display:flex;gap:14px;flex-wrap:wrap;color:#8b9690;font-size:8px}.finding-meta span{display:flex;align-items:center;gap:4px}.finding-meta .icon{width:11px;height:11px}.status-form select{width:110px;min-height:34px;padding:6px 8px;font-size:9px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.photo-card{margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.photo-open{display:block;border:0;padding:0;background:#eef2ef;width:100%;aspect-ratio:4/3;cursor:zoom-in;overflow:hidden}.photo-open img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.photo-open:hover img{transform:scale(1.035)}.photo-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px}.photo-card figcaption b{display:block;font-size:9px}.photo-card figcaption small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.photo-card figcaption form{margin:0}

/* Modals / lightbox */
.modal{position:fixed;inset:0;background:rgba(4,24,17,.55);backdrop-filter:blur(5px);z-index:120;display:none;place-items:center;padding:22px}.modal.open{display:grid}.modal-card{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow-lg);animation:modalIn .2s ease}.modal-card.small{width:min(470px,100%)}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:17px}.modal-head h3{font-size:18px;margin:4px 0 0}.modal-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.upload-zone{border:1.5px dashed #b8c9be;border-radius:14px;background:#f7faf8;padding:24px!important;text-align:center;display:flex!important;flex-direction:column;align-items:center;gap:5px!important;cursor:pointer}.upload-zone:hover{border-color:#79a28c;background:#f3f8f5}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-zone>span{width:42px;height:42px;border-radius:12px;background:#e8f3ec;color:#2e7652;display:grid;place-items:center;margin-bottom:3px}.upload-zone>span .icon{width:20px;height:20px}.upload-zone b{font-size:11px}.upload-zone small{font-size:9px;color:var(--muted);font-weight:500}.upload-zone.large{padding:36px 24px!important;margin:18px 0}.lightbox{position:fixed;inset:0;background:rgba(3,17,12,.92);z-index:160;display:none;place-items:center;padding:44px}.lightbox.open{display:grid}.lightbox img{max-width:min(1100px,90vw);max-height:78vh;border-radius:12px;box-shadow:0 30px 90px #000}.lightbox p{position:absolute;bottom:20px;color:#d3ddd7;font-size:11px}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}.lightbox-close .icon{width:18px;height:18px}

/* Findings board */
.findings-table{min-width:1050px}.finding-table-title{display:grid;grid-template-columns:52px minmax(180px,1fr);gap:11px;align-items:center}.finding-table-title img{width:52px;height:42px;border-radius:9px;display:block;object-fit:cover;background:#e9f1eb}.finding-table-title strong{display:block}.finding-table-title small{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.findings-table-panel .dt-container>.dt-layout-row:first-child{border-radius:16px 16px 0 0}
.finding-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.finding-board-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow-sm)}.finding-board-top,.finding-board-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.category-chip{font-size:9px;color:#66746c;display:inline-flex;align-items:center;gap:6px}.category-chip i{width:7px;height:7px;border-radius:50%}.finding-board-card h3{font-size:14px;margin:14px 0 6px}.finding-board-card>p{font-size:10px;color:var(--muted);line-height:1.6;min-height:48px}.finding-board-meta{display:grid;gap:6px;margin:14px 0;padding-top:12px;border-top:1px solid var(--line);font-size:9px;color:#738178}.finding-board-meta span{display:flex;align-items:center;gap:6px}.finding-board-meta .icon{width:12px;height:12px}.finding-board-foot{padding-top:12px;border-top:1px solid var(--line)}.finding-board-foot>a{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:750;color:var(--forest-700)}.finding-board-foot>a .icon{width:11px;height:11px}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-sm)}.gallery-card>button{position:relative;border:0;padding:0;width:100%;aspect-ratio:4/3;background:#edf1ef;overflow:hidden;cursor:zoom-in}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.gallery-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,39,30,.38);color:#fff;opacity:0;transition:.2s}.gallery-overlay .icon{width:26px;height:26px}.gallery-card button:hover .gallery-overlay{opacity:1}.gallery-card button:hover img{transform:scale(1.04)}.gallery-card figcaption{padding:12px}.gallery-card figcaption b{display:block;font-size:11px;margin:8px 0 3px}.gallery-card figcaption small{font-size:9px;color:var(--muted)}

/* Excel */
.upload-page-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.upload-main{text-align:center;padding:30px}.upload-illustration{width:58px;height:58px;border-radius:17px;background:#e9f4ed;color:#2b7952;display:grid;place-items:center;margin:0 auto 13px}.upload-illustration .icon{width:28px;height:28px}.upload-main h3{font-size:19px;margin:6px 0}.upload-main>p{font-size:10px;color:var(--muted);max-width:580px;margin:0 auto;line-height:1.6}.upload-guide h3{font-size:16px;margin:7px 0 14px}.column-list{display:grid;gap:9px}.column-list>span{padding:10px;border-radius:11px;background:#f5f8f6}.column-list b{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.column-list small{font-size:8px;color:var(--muted)}.guide-callout{display:flex;gap:9px;align-items:flex-start;margin-top:15px;padding-top:15px;border-top:1px solid var(--line);color:#607168}.guide-callout .icon{width:17px;height:17px}.guide-callout p{font-size:9px;line-height:1.55;margin:0}.import-preview-pro{padding:24px}.file-preview-head{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.file-badge{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#143f30;color:#dff6e6;font-size:9px;font-weight:850}.file-preview-head h3{font-size:14px;margin:0}.file-preview-head p{font-size:9px;color:var(--muted);margin:3px 0 0}.import-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.import-stats article{background:#f4f8f5;border-radius:12px;padding:14px}.import-stats b{display:block;font-size:20px}.import-stats span{font-size:9px;color:var(--muted)}

/* Reports */
.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.report-summary article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;gap:11px;align-items:center}.report-summary article>span{width:36px;height:36px;border-radius:10px;background:#ecf4ef;color:#327456;display:grid;place-items:center}.report-summary .icon{width:17px;height:17px}.report-summary small{display:block;font-size:9px;color:var(--muted)}.report-summary b{font-size:20px;display:block;margin-top:2px}.print-body{background:#e9eeeb;padding:24px;color:#111;font-family:Arial,sans-serif}.print-actions{max-width:940px;margin:0 auto 12px;display:flex;justify-content:flex-end;gap:8px}.print-document{max-width:940px;min-height:1120px;margin:0 auto;background:#fff;padding:55px 62px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.print-header{display:flex;gap:15px;align-items:center;border-bottom:3px double #333;padding-bottom:13px}.print-logo{width:52px;height:52px;border:2px solid #163d2e;border-radius:50%;display:grid;place-items:center;color:#163d2e}.print-logo .icon{width:28px;height:28px}.print-header b{display:block;font-size:16px;text-transform:uppercase}.print-header span{font-size:11px}.print-title{text-align:center;margin:27px 0}.print-title h1{font-size:18px;text-decoration:underline;margin:0 0 6px}.print-title p{font-size:11px}.print-document table{width:100%;border-collapse:collapse;font-size:10px}.print-document th,.print-document td{border:1px solid #333;padding:7px;vertical-align:top}.print-document th{background:#f4f4f4;text-align:left}.print-info th{width:16%}.print-section{margin-top:22px}.print-section h2{font-size:12px;margin:0 0 8px}.print-section p{font-size:10px;line-height:1.7}.print-sign{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:55px;text-align:center;font-size:10px}.print-sign div{display:flex;flex-direction:column;gap:5px}.print-sign i{height:55px}

/* Backups */
.backup-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.backup-kpi article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.backup-kpi b{font-size:22px;display:block}.backup-kpi span{font-size:9px;color:var(--muted)}.backup-kpi .success{border-left:3px solid #4ba66f}.backup-kpi .pending{border-left:3px solid #d69a31}.backup-kpi .failed{border-left:3px solid #d95b55}

/* Users */
.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.user-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow-sm)}.user-card.inactive{opacity:.7}.user-card-top{display:flex;align-items:center;justify-content:space-between}.user-avatar{width:58px;height:58px;font-size:11px;overflow:hidden;border-radius:14px;border:2px solid #e8f0eb;box-shadow:0 4px 12px rgba(15,59,43,.1)}.user-avatar img{width:100%;height:100%;display:block;object-fit:cover}.user-card h3{font-size:14px;margin:13px 0 2px}.user-card>p{font-size:9px;color:var(--muted);margin:0}.user-meta{display:grid;gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin:12px 0;font-size:9px;color:#6e7d74}.user-meta span{display:flex;align-items:center;gap:6px}.user-meta .icon{width:12px;height:12px}.user-card-actions{display:flex;justify-content:space-between;gap:6px}.user-toggle{margin-top:8px}.user-toggle button{border:0;background:transparent;color:#a74a45;font-size:8px;padding:0;cursor:pointer}

/* Activity */
.activity-feed{display:grid}.activity-feed article{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.activity-feed article:first-child{border-top:0}.activity-icon{width:36px;height:36px;border-radius:11px;background:#edf5f0;color:#337656;display:grid;place-items:center}.activity-icon .icon{width:17px;height:17px}.activity-feed article>div>div{display:flex;gap:6px;align-items:center}.activity-feed b{font-size:10px}.activity-feed article>div>div span{font-size:9px;color:var(--forest-700);font-weight:700}.activity-feed p{font-size:9px;color:var(--muted);margin:3px 0}.activity-feed small{font-size:8px;color:#a0aaa4}.activity-feed time{font-size:9px;color:#8c9791}

/* Settings / Help */
.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.settings-grid .panel:first-child{grid-row:span 2}.setting-status{display:flex;gap:12px;align-items:center;margin:12px 0 17px}.setting-status b{display:block;font-size:11px}.setting-status small{font-size:9px;color:var(--muted)}.security-list{display:grid;gap:9px}.security-list span{display:flex;gap:8px;align-items:center;font-size:10px;color:#56655c}.security-list .icon{width:15px;height:15px;color:#2f8657}.help-hero{min-height:180px;border-radius:20px;background:linear-gradient(130deg,#0c3427,#14513b);color:#fff;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.help-hero h2{font-size:28px;margin:7px 0}.help-hero p{color:#bfd3c7;font-size:11px}.help-hero>.icon{width:76px;height:76px;color:rgba(201,243,123,.75)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.help-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.help-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf4ed;color:#317654;font-size:9px;font-weight:850}.help-grid h3{font-size:12px;margin:12px 0 5px}.help-grid p{font-size:9px;line-height:1.6;color:var(--muted);margin:0}.faq details{border-top:1px solid var(--line);padding:12px 0}.faq details:first-of-type{border-top:0}.faq summary{font-size:10px;font-weight:750;cursor:pointer}.faq details p{font-size:9px;color:var(--muted);line-height:1.6;margin:8px 0 0}

/* Error */
.error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#e4f1e8,transparent 28%),#f4f7f5}.error-card{width:min(480px,90vw);text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;box-shadow:var(--shadow)}.error-code{font-size:70px;line-height:1;font-weight:850;color:#dbe8df;letter-spacing:-.07em}.error-card h1{font-size:22px;margin:8px 0}.error-card p{font-size:11px;color:var(--muted);margin:0 0 20px}

/* Legacy/interactive map helpers */
.map-layout{height:calc(100vh - 140px);display:grid;grid-template-columns:310px 1fr;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.map-panel{padding:22px;overflow:auto}.map-title h2{font-size:20px;margin:7px 0}.map-title p{font-size:10px;color:var(--muted);margin-bottom:20px}.map-panel label{display:grid;gap:6px;font-size:10px;font-weight:700;margin:14px 0}.map-legend{border-block:1px solid var(--line);padding:14px 0;margin:17px 0;display:grid;gap:8px}.map-legend h4{margin:0 0 4px;font-size:11px}.map-legend span{font-size:9px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.dot.green{background:#3d9c62}.dot.orange{background:#e39339}.dot.red{background:#ca4d42}.line{display:inline-block;width:18px;border-top:3px solid #286c50;margin-right:7px}.map-help{background:#f0f5f1;border-radius:10px;padding:12px}.map-help p{font-size:9px;color:var(--muted);line-height:1.5}#map{height:100%;min-height:500px}.map-popup h3{margin:0 0 4px}.map-popup small{color:#708077}.map-popup p{max-width:220px}.leaflet-container{font-family:inherit}

/* Keep dashboard icons centered; the generic card span rule must not override this grid. */
.kpi-card>.kpi-icon{display:grid;place-items:center}.kpi-card>.kpi-icon>.icon{display:block;margin:auto}
.welcome-time{display:flex;align-items:center;gap:10px}.welcome-time time{font-size:9px;font-weight:750;letter-spacing:.08em;color:#b7deca;border-left:1px solid rgba(255,255,255,.2);padding-left:10px}
.finding-board-card{padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}.finding-board-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(16,55,40,.12)}.finding-card-illustration{height:148px;overflow:hidden;background:#e9f1eb}.finding-card-illustration img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.finding-board-content{padding:16px 17px 17px}
.finding-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;border-color:#f1cfca}.danger-zone b{font-size:12px}.danger-zone p{margin:4px 0 0;color:var(--muted);font-size:10px}.pro-form label small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.team-account-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.team-account-strip article{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:21px 23px;border-radius:17px;background:linear-gradient(135deg,#103f2f,#176145);color:#fff;box-shadow:0 13px 30px rgba(11,60,42,.15)}.team-account-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#c9f25f}.team-account-strip small{font-size:8px;letter-spacing:.13em;color:#9fc2af}.team-account-strip h3{font-size:18px;margin:4px 0}.team-account-strip p{font-size:9px;margin:0;color:#d3e5db}.team-account-meta{text-align:right}.team-account-meta span{display:block;font-size:10px;font-weight:800;margin-bottom:5px}.team-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.team-panel{padding:0;overflow:hidden}.team-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.team-panel-head>div{display:flex;align-items:center;gap:13px}.team-number{width:40px;height:40px;border-radius:12px;background:#e2f1e7;color:#286b4b;display:grid;place-items:center;font-size:10px;font-weight:900}.team-panel-head h3{margin:3px 0 0;font-size:15px}.team-member-list{padding:8px 18px 15px}.team-member-list>article{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid var(--line)}.team-member-list>article:last-child{border-bottom:0}.team-member-list>article.inactive{opacity:.55}.member-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf3ef;color:#376a52;font-size:9px;font-weight:900}.team-member-list b{display:block;font-size:10px}.team-member-list small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.member-actions{display:flex;align-items:center;gap:3px}.member-actions form{margin:0}.member-actions a,.member-actions button{width:29px;height:29px;border:0;border-radius:8px;display:grid;place-items:center;background:#f2f6f3;color:#547060;cursor:pointer}.member-actions .icon{width:13px;height:13px}.member-actions .danger{color:#b94941}.team-member-form{margin-top:18px}.team-member-form>.panel-head>a{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.team-member-form>.panel-head>a .icon{width:13px}
@media(max-width:900px){.team-account-strip,.team-management-grid{grid-template-columns:1fr}}@media(max-width:600px){.team-account-strip article{grid-template-columns:48px 1fr}.team-account-meta{grid-column:2;text-align:left}.team-member-list>article{grid-template-columns:38px 1fr auto}.team-member-list>article>.status{display:none}.member-actions{grid-column:2/-1;justify-content:flex-end}}

@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.finding-board,.user-grid{grid-template-columns:repeat(2,1fr)}.photo-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}.form-layout{grid-template-columns:1fr}.form-aside{grid-template-columns:1fr 1fr}.forest-orbit{display:none}.welcome-copy{max-width:100%}.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){:root{--sidebar:252px}.sidebar{transform:translateX(-102%);transition:.25s}.sidebar.open{transform:none}.content-shell{margin-left:0}.menu-toggle{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(4,22,16,.45);z-index:45}.sidebar-overlay.show{display:block}.topbar{padding:0 20px}.main-content{padding:22px 20px 18px}.connection-pill{display:none}.dashboard-grid,.detail-grid-pro,.upload-page-grid,.settings-grid{grid-template-columns:1fr}.settings-grid .panel:first-child{grid-row:auto}.report-summary,.backup-kpi{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.mobile-brand b{font-size:14px}.photo-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.sus-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{height:76px;padding:0 14px}.page-heading h1{font-size:17px}.page-heading p{display:none}.main-content{padding:16px 13px}.top-actions .icon-btn{display:none}.welcome-banner{padding:28px 23px;min-height:250px}.welcome-copy h2{font-size:25px}.welcome-actions{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{padding:13px;gap:9px}.kpi-icon{width:36px;height:36px}.kpi-card b{font-size:20px}.kpi-card div>span{display:none}.panel{padding:17px}.page-toolbar{align-items:flex-start;flex-direction:column}.page-toolbar .btn{width:100%}.filter-form{align-items:stretch;flex-direction:column}.filter-form>.search-box,.filter-form>select,.filter-form>label{width:100%;min-width:0}.field-grid{grid-template-columns:1fr}.wide{grid-column:auto}.team-choice-grid{grid-template-columns:1fr}.form-card{padding:18px}.form-aside{grid-template-columns:1fr}.detail-hero{align-items:flex-start;flex-direction:column}.detail-actions{width:100%;flex-wrap:wrap}.detail-actions>.btn{flex:1}.finding-card{grid-template-columns:8px 1fr}.finding-card>.status-form,.finding-card>.status{grid-column:2}.finding-head{flex-direction:column}.photo-grid,.gallery-grid,.finding-board,.user-grid,.help-grid{grid-template-columns:1fr}.report-summary,.backup-kpi{grid-template-columns:1fr 1fr}.summary-metrics{grid-template-columns:repeat(3,1fr)}.login-form-panel{padding:26px 20px}.login-card h2{font-size:27px}.login-meta{align-items:flex-start;gap:8px;flex-direction:column}.modal{padding:10px}.modal-card{padding:17px}.app-footer{flex-direction:column;gap:5px}.file-preview-head{grid-template-columns:45px 1fr}.file-preview-head>.status{grid-column:1/-1;justify-self:start}.import-stats{grid-template-columns:1fr 1fr 1fr}.activity-feed article{grid-template-columns:34px 1fr}.activity-feed time{grid-column:2}.help-hero>.icon{display:none}.help-hero{padding:25px}.print-body{padding:0}.print-actions{padding:10px}.print-document{padding:30px 22px;box-shadow:none}.print-sign{gap:25px}.forest-orbit{display:none}}
@media(max-width:640px){.sus-panel .panel-head{align-items:flex-start}.sus-summary-grid{grid-template-columns:1fr 1fr}.sus-distribution{grid-template-columns:1fr}.sus-distribution>div:first-child{text-align:left}.sus-questionnaire li{grid-template-columns:30px 1fr}.sus-questionnaire li em{grid-column:2;justify-self:start}.sus-table-heading{align-items:flex-start;flex-direction:column}}
@media print{body.print-body{padding:0;background:#fff}.print-actions{display:none}.print-document{box-shadow:none;max-width:none;min-height:0;padding:0}.print-document table{page-break-inside:auto}.print-document tr{page-break-inside:avoid}.print-document{font-size:10pt}}
.hidden{display:none!important}.upload-zone.dragging{border-color:var(--forest-600);background:#edf7f0}.demo-accounts{user-select:text}
.warning-box{display:grid;gap:5px;background:var(--amber-soft);color:#735819;border:1px solid #f1ddb0;border-radius:10px;padding:12px;margin:12px 0;font-size:9px;line-height:1.5}.warning-box b{font-size:10px}.warning-box span{display:block}