:root{--green:#0b3f24;--green2:#145b36;--gold:#c79a2b;--gold2:#e1bd58;--cream:#fbf8ef;--ink:#1f2d25;--muted:#6b756d;--line:#e7e3d8;--danger:#a73535;--ok:#157347}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,var(--cream));min-height:100vh}a{color:var(--green);text-decoration:none}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 18px}.brand{display:flex;align-items:center;gap:10px;color:var(--green)}.brand img{width:54px;height:54px;object-fit:cover;border-radius:12px}.brand b{font-size:22px}.brand b span{color:var(--gold)}.brand small{display:block;color:var(--muted);font-size:11px;line-height:1.2}.topnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topnav a{padding:8px 10px;border-radius:999px;font-weight:600;font-size:14px}.btn,.button,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--green);color:white!important;border:0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(11,63,36,.16)}.btn.gold,.button.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#2e2104!important}.btn.small{padding:7px 12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;max-width:1180px;margin:0 auto;padding:54px 20px}.hero h1{font-size:clamp(34px,6vw,72px);line-height:1;margin:0;color:var(--green)}.hero h1 span{color:var(--gold)}.hero p{font-size:clamp(16px,2vw,22px);color:#405047;max-width:720px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:0 20px 60px rgba(31,45,37,.12)}.hero-card img{width:100%;border-radius:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 12px 26px rgba(31,45,37,.07)}.metric b{font-size:24px;color:var(--green)}.metric small,.card small{display:block;color:var(--muted)}.section{max-width:1180px;margin:0 auto;padding:38px 20px}.section h2{font-size:clamp(26px,4vw,42px);margin:0 0 10px;color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card h3{margin:0 0 8px;color:var(--green)}.card p{color:#4d5b52}.badge{display:inline-flex;padding:5px 10px;border:1px solid rgba(199,154,43,.35);background:#fff7df;border-radius:999px;color:#755716;font-weight:700;font-size:12px}.notice{border:1px solid #b8d9c6;background:#effaf4;color:#124f2c;padding:12px 14px;border-radius:14px;margin:12px 0}.error{border-color:#e3b6b6;background:#fff2f2;color:#7c2020}.footer{text-align:center;padding:22px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);background:#fff}.auth{max-width:520px;margin:36px auto;padding:0 18px}.formbox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 44px rgba(31,45,37,.09)}label{display:block;margin:12px 0 6px;font-weight:700;color:#314238}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit;background:#fff}textarea{min-height:88px}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.appwrap{display:flex;min-height:calc(100vh - 75px)}.sidebar{width:260px;flex:0 0 260px;background:var(--green);padding:16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:75px;height:calc(100vh - 75px);overflow:auto}.sidebar a{color:#ecfff4;padding:11px 12px;border-radius:12px}.sidebar a:hover{background:rgba(255,255,255,.1)}.userbox{color:#fff;padding:10px 12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.userbox small{display:block;color:#c6e0cf}.content{flex:1;padding:22px;overflow:auto}.content h1{margin-top:0;color:var(--green)}.dash{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash .metric{min-height:110px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f7f4ea;color:#435246;font-size:13px}tr:hover td{background:#fffdf7}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;padding:4px 9px;border-radius:999px;background:#edf7f0;color:var(--green);font-weight:700;font-size:12px}.pill.warn{background:#fff2d7;color:#79530a}.pill.danger{background:#ffe7e7;color:#922}.module-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.charts{display:grid;grid-template-columns:2fr 1fr;gap:16px}.bar{height:12px;background:#eee;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold))}.install-ok{max-width:800px;margin:26px auto}.langnote{font-size:12px;color:var(--muted)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:28px}.grid,.grid.two,.dash,.charts,.metrics{grid-template-columns:1fr}.appwrap{display:block}.sidebar{position:static;width:auto;height:auto;flex-direction:row;overflow:auto}.sidebar a{white-space:nowrap}.content{padding:14px}.topbar{align-items:flex-start}.brand small{display:none}.brand img{width:42px;height:42px}.row{grid-template-columns:1fr}}@media(max-width:560px){.topbar{padding:8px 10px}.topnav{gap:4px}.topnav a{font-size:12px;padding:6px 8px}.hero{padding:22px 14px}.section{padding:28px 14px}.hero-card{padding:12px;border-radius:20px}.brand b{font-size:18px}.auth{margin:18px auto}.formbox{padding:16px}.content h1{font-size:26px}}
/* v1.0.1 refinements */
.brand-logo-only{gap:0}.brand-img{height:54px;width:auto;object-fit:contain;border-radius:0}.brand-logo-only span{display:none}.hero-logo{max-width:100%;width:520px;height:auto;border-radius:0}.logo-card{background:#fff}.clean-hero h1{max-width:760px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.flow>div{background:#fff;border:1px solid #e8e1cf;border-radius:18px;padding:18px;text-align:center;box-shadow:0 8px 28px rgba(18,55,33,.08)}.mockup-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.screen{background:linear-gradient(180deg,#fff,#f8f6ee);border:1px solid #e7dcc2;border-radius:22px;padding:22px;min-height:120px;box-shadow:0 12px 32px rgba(18,55,33,.08)}.screen b{display:block;color:#063d22;margin-bottom:8px}.screen span{color:#425b4b}.legal-soft{background:#fff8e8;border-radius:28px;padding:28px}.legal{max-width:980px}.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.check input{width:auto;margin-top:4px}.support-badge{display:block;background:#fff3cd;color:#4c3b00;border-radius:10px;padding:8px;margin-top:8px}.mapbox{height:520px;border:1px solid #d7dccf;border-radius:22px;position:relative;overflow:hidden;background:#eef2e8}.small-map{height:360px}.maptiles img{position:absolute;width:256px;height:256px}.mapmarkers{position:absolute;inset:0}.mapmarker{position:absolute;transform:translate(-50%,-100%);border:0;border-radius:999px;padding:6px 8px;background:#c59b24;color:white;box-shadow:0 4px 12px rgba(0,0,0,.28);cursor:pointer}.mapmarker.queue{background:#0b4b2b}.mapmarker.trace{background:#c59b24}.mapctl{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.mapctl button{width:34px;height:34px;border:0;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);font-weight:bold}.mapcredit{position:absolute;left:10px;bottom:8px;background:rgba(255,255,255,.8);padding:2px 6px;border-radius:6px}.legend{margin-top:10px}.pin{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 6px}.pin.queue{background:#0b4b2b}.pin.trace{background:#c59b24}
@media(max-width:800px){.brand-img{height:42px}.topbar{align-items:center}.topnav{gap:8px;font-size:12px}.flow,.mockup-flow{grid-template-columns:1fr}.hero-logo{width:100%}.mapbox{height:420px}.metrics{grid-template-columns:repeat(2,1fr)}}
/* v1.0.2 accessibility and product polish */
:root{--green:#063f28;--green2:#0b5a3a;--gold:#b88712;--gold2:#d8a529;--cream:#fffdf5;--ink:#0f172a;--muted:#475569;--line:#d7decf;--danger:#8b1e1e}
body{color:var(--ink);background:#fffdf8} .topbar{background:#ffffff;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;color:var(--green);min-width:0}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-img{width:58px;height:58px;object-fit:contain;border-radius:10px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy b{font-size:1.05rem;color:var(--green)}.brand-copy small{font-size:.74rem;color:#334155;max-width:260px}.topnav a{color:var(--green);font-weight:700}.btn,button{background:var(--green);color:#fff;border:2px solid var(--green);font-weight:800}.btn.gold{background:var(--gold);border-color:#8c650c;color:#111}.btn:hover,button:hover{filter:brightness(.95)}
.hero.clean-hero{grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#fffdf5,#eef8ef);border-bottom:1px solid var(--line)}.hero h1{color:var(--green);letter-spacing:-.03em}.hero p{color:#1e293b}.badge{background:#e8f5e8;color:var(--green);border:1px solid #a7c7ac;font-weight:800}.hero-card.logo-card{background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(6,63,40,.12)}.hero-logo{max-width:100%;height:auto;object-fit:contain}
.hero-mockup{display:grid;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 60px rgba(6,63,40,.14);position:relative;overflow:hidden}.hero-mockup:before{content:"";position:absolute;inset:auto -30px -60px auto;width:220px;height:220px;background:rgba(216,165,41,.18);border-radius:50%}.mock-card{position:relative;background:#f8fbf8;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:12px;animation:floatCard 5s infinite ease-in-out}.mock-card:nth-child(2){animation-delay:.6s}.mock-card:nth-child(3){animation-delay:1.1s}.mock-card:nth-child(4){animation-delay:1.7s}.mock-card b{color:var(--green)}.mock-card span{color:#334155}.mock-card strong{color:#111;background:#ffe9a8;padding:3px 8px;border-radius:999px}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.process-animation{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.process-step{background:#fff;border:2px solid var(--line);border-radius:18px;padding:16px;text-align:center;position:relative}.process-step:after{content:"→";position:absolute;right:-15px;top:40%;color:var(--gold);font-size:24px;font-weight:900}.process-step:last-child:after{display:none}.process-step .icon{font-size:28px}.process-step b{display:block;color:var(--green);margin-top:8px}.process-step small{color:#475569}.process-step.active{animation:pulseStep 4s infinite}.process-step:nth-child(2){animation-delay:.5s}.process-step:nth-child(3){animation-delay:1s}.process-step:nth-child(4){animation-delay:1.5s}.process-step:nth-child(5){animation-delay:2s}@keyframes pulseStep{0%,100%{border-color:var(--line);box-shadow:none}50%{border-color:var(--gold);box-shadow:0 10px 25px rgba(184,135,18,.18)}}
.card{background:#fff;border:1px solid var(--line);color:var(--ink)}.card h3,.section h2{color:var(--green)}.langnote,.card p,small{color:#475569}.legal-soft{background:#f8faf7;border:1px solid var(--line);border-radius:24px;padding:24px}.flow div,.screen,.metric{border:1px solid var(--line);background:#fff;color:var(--ink)}.metric b{color:var(--green)}input,select,textarea{border:1.5px solid #94a3b8;color:#111;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(184,135,18,.28);border-color:var(--gold)}
.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.export-grid>div{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfdf9}.small-link{font-size:.8rem;font-weight:800}.danger{border-color:#f1b7b7;background:#fffafa}.mini-chart{height:160px;display:flex;align-items:end;gap:8px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px}.mini-bar{flex:1;height:130px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.mini-bar span{width:100%;min-width:12px;background:linear-gradient(180deg,var(--gold2),var(--green2));border-radius:8px 8px 0 0;display:block}.mini-bar small{font-size:.7rem}.ticket-card{text-align:center;max-width:520px;margin:30px auto}.print-page{padding:20px}.table-wrap table th{background:#e8f5e8;color:#063f28}.notice.error{background:#fff1f1;color:#7f1d1d;border-color:#fecaca}
@media(max-width:820px){.brand-copy small{display:none}.brand-img{width:48px;height:48px}.hero.clean-hero{grid-template-columns:1fr;padding:20px}.process-animation{grid-template-columns:1fr}.process-step:after{content:"↓";right:50%;top:auto;bottom:-22px}.process-step:last-child:after{display:none}.topnav{gap:8px}.hero h1{font-size:2rem}.appwrap{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sidebar a{border:1px solid var(--line);border-radius:10px;padding:10px}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* v1.0.3 installer, logo, readability, and guidance fixes */
.brand img.brand-img{width:164px!important;height:auto!important;max-height:76px!important;object-fit:contain!important;border-radius:0!important;display:block;flex:0 0 auto;background:#fff;padding:2px}
.brand-lockup{gap:14px}.brand-copy b{font-size:1.25rem;font-weight:900;letter-spacing:-.02em}.brand-copy small{font-size:.78rem;color:#1e293b;font-weight:600;max-width:280px}
.topbar{min-height:84px}.install-logo{display:block;width:min(420px,100%);height:auto;object-fit:contain;border-radius:0!important;margin:0 auto 18px;background:#fff}.formbox.install-box{max-width:760px;margin:auto}.db-help{background:#f8faf7;border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;color:#1e293b}.module-guide{background:#f8faf7;border:1px solid #b9cbb7;border-left:6px solid var(--gold);border-radius:16px;padding:14px 16px;margin:0 0 18px;color:#1e293b}.module-guide h3{margin:0 0 6px;color:var(--green);font-size:1.02rem}.module-guide p{margin:6px 0;color:#243447}.module-guide ol{margin:8px 0 0 22px;padding:0}.module-guide li{margin:4px 0}.super-guide{margin-bottom:16px}.logo-showcase{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;text-align:center}.logo-showcase img{width:min(520px,100%);height:auto;object-fit:contain;border-radius:0;display:block;margin:auto}
@media(max-width:820px){.brand img.brand-img{width:126px!important;max-height:58px!important}.brand-copy b{font-size:1rem}.brand-copy small{display:block;font-size:.68rem;max-width:180px}.topbar{min-height:68px}.topnav a{font-size:12px;padding:6px 7px}}
@media(max-width:560px){.brand img.brand-img{width:108px!important}.brand-copy{display:none}.topbar{min-height:62px}.install-logo{width:min(330px,100%)}}


/* v1.0.4 readability and separate superadmin polish */
.sidebar .userbox, .sidebar .userbox b, .sidebar .userbox small{color:#ffffff!important;}
.sidebar .userbox .support-badge{background:#fff4c2!important;color:#2a1f00!important;border:1px solid #d8a529!important;font-weight:800;line-height:1.35;}
.sidebar .userbox .support-badge a{color:#063f28!important;text-decoration:underline;font-weight:900;padding:0;background:transparent;display:inline;}
.card, .module-guide, .notice, .formbox, .table-wrap{overflow-wrap:anywhere;word-break:normal;}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start;}
.operational-security ul{margin:10px 0 0 20px;padding:0;color:#1e293b;line-height:1.65;}
.operational-security li{margin:6px 0;}
.content{scroll-margin-top:90px;}
.sidebar a{font-weight:700;}
.brand-copy b span{color:var(--gold);}
@media(max-width:820px){.grid.two{grid-template-columns:1fr}.sidebar .userbox{grid-column:1/-1}.content{padding:18px 14px}.card{padding:14px}}

/* v1.0.6 superadmin upgrade access, bilingual pass, forms and table polish */
.content{max-width:100%;}
.content>.card,.content>.grid,.content>.dash,.content>.module-guide{margin-bottom:18px;}
form{max-width:100%;}
.card form{display:grid;gap:12px;align-items:end;}
.card form .row{gap:14px;}
.inline-form{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin:0;}
.inline-form select{width:auto;min-width:130px;}
.stacked-form{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:end;}
.auth.upgrade-page{max-width:680px;}
.card.mini{padding:12px;margin:14px 0;box-shadow:none;background:#f8faf7;}
.safe-list{line-height:1.65;margin:12px 0 18px 22px;color:#1e293b;}
.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
table{table-layout:auto;min-width:760px;}
th,td{max-width:360px;white-space:normal;line-height:1.45;}
td form input,td form select,td form button{min-height:38px;}
input,select,textarea{min-height:44px;}
label{line-height:1.25;}
button,.btn{white-space:normal;text-align:center;line-height:1.2;}
.module-head .actions{margin-left:auto;}
.super-sidebar a[href="upgrade.php"]{background:rgba(216,165,41,.18);border:1px solid rgba(216,165,41,.35);}
.formbox h1,.content h1{letter-spacing:-.02em;}
.formbox{overflow:hidden;}
@media(max-width:900px){.card form .row,.row{grid-template-columns:1fr}.stacked-form{grid-template-columns:1fr}.inline-form{display:grid!important;grid-template-columns:1fr}.inline-form select{width:100%}table{min-width:680px}.dash{gap:10px}.content>.grid.two{gap:14px}}
@media(max-width:560px){th,td{padding:10px 9px;font-size:13px}.card form{gap:10px}.btn,button{width:100%}.actions .btn,.actions button{width:auto}.inline-form button{width:100%}}

/* v1.0.7 operational module polish */
.table-wrap table td, .table-wrap table th { max-width: 260px; overflow-wrap: anywhere; vertical-align: top; }
.card form .row { align-items: end; }
select[multiple] { min-height: 160px; }
.sidebar a { line-height: 1.25; }
.ticket-card svg { border: 12px solid #fff; box-shadow: 0 0 0 1px #d8e0d8; background:#fff; }
@media (max-width: 900px){ .table-wrap table { min-width: 760px; } .card form .row { grid-template-columns: 1fr; } }

/* v1.0.8 landing, lead management, and horizontal module layout */
.landing-hero h1{font-size:clamp(30px,4.4vw,54px)!important;line-height:1.04;max-width:780px;}
.hero-animation{min-height:420px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#ffffff,#edf7ee);box-shadow:0 22px 60px rgba(6,63,40,.13);display:grid;place-items:center;position:relative;overflow:hidden;padding:28px;}
.hero-animation:before{content:"";position:absolute;width:360px;height:360px;border:22px solid rgba(184,135,18,.16);border-radius:50%;right:-120px;top:-110px;animation:spinSlow 16s linear infinite;}
.hero-animation:after{content:"";position:absolute;width:220px;height:220px;background:rgba(6,63,40,.08);border-radius:50%;left:-80px;bottom:-80px;}
.phone-frame{position:relative;z-index:1;width:min(360px,100%);min-height:340px;border:10px solid #10251b;border-radius:34px;background:#fff;padding:44px 16px 18px;box-shadow:0 24px 70px rgba(15,23,42,.18);}
.phone-top{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-weight:900;color:var(--green);}
.flow-card{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:16px;padding:13px;margin:10px 0;background:#f8faf7;animation:slidePulse 5s ease-in-out infinite;}
.flow-card b{color:var(--green)}.flow-card span{color:#1f2937;font-weight:700}.flow-card.f2{animation-delay:.5s}.flow-card.f3{animation-delay:1s}.flow-card.f4{animation-delay:1.5s}
.mini-dashboard{position:absolute;z-index:2;right:18px;bottom:18px;width:150px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;align-items:end;gap:7px;box-shadow:0 12px 32px rgba(15,23,42,.16)}
.mini-dashboard span{display:block;flex:1;background:linear-gradient(180deg,var(--gold2),var(--green2));border-radius:8px 8px 2px 2px;animation:barMove 4s ease-in-out infinite}.mini-dashboard span:nth-child(1){height:40px}.mini-dashboard span:nth-child(2){height:70px;animation-delay:.3s}.mini-dashboard span:nth-child(3){height:52px;animation-delay:.6s}.mini-dashboard span:nth-child(4){height:88px;animation-delay:.9s}
@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes slidePulse{0%,100%{transform:translateX(0);box-shadow:none}50%{transform:translateX(8px);box-shadow:0 8px 20px rgba(184,135,18,.14)}}@keyframes barMove{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
.activity-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;counter-reset:flow;}
.activity-flow>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;min-height:130px;position:relative;box-shadow:0 10px 30px rgba(6,63,40,.07);animation:pulseStep 4s infinite;}
.activity-flow>div:nth-child(2){animation-delay:.3s}.activity-flow>div:nth-child(3){animation-delay:.6s}.activity-flow>div:nth-child(4){animation-delay:.9s}.activity-flow>div:nth-child(5){animation-delay:1.2s}.activity-flow>div:nth-child(6){animation-delay:1.5s}.activity-flow>div:nth-child(7){animation-delay:1.8s}
.activity-flow b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;margin-bottom:10px}.activity-flow span{display:block;color:#16231b;font-weight:800;line-height:1.3}
.module-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px}.module-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(6,63,40,.06)}.module-tile h3{margin:0 0 8px;color:var(--green);font-size:1.02rem}.module-tile p{margin:0;color:#334155;line-height:1.45}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.bottom-legal{margin-bottom:40px}
.wide-table{overflow-x:auto}.wide-table table{min-width:1100px}.content .card{max-width:100%}.content .grid.two>.card{min-width:0}.lead-inline{display:contents!important}.lead-inline select,.lead-inline input,.lead-inline textarea{min-width:150px}.wide-form{max-width:none!important}.table-wrap td{min-width:120px}.table-wrap td:last-child{min-width:170px}.module-head{align-items:flex-start}.module-head h3{margin:0}.sidebar.super-sidebar a[href*="view=leads"]{background:rgba(216,165,41,.18);border:1px solid rgba(216,165,41,.35)}
@media(max-width:1100px){.activity-flow{grid-template-columns:repeat(3,1fr)}.hero-animation{min-height:360px}.mini-dashboard{display:none}}
@media(max-width:820px){.landing-hero h1{font-size:2rem!important}.hero-animation{min-height:340px;padding:14px}.phone-frame{min-height:310px}.activity-flow{grid-template-columns:1fr}.module-list-grid{grid-template-columns:1fr}.lead-inline{display:grid!important;gap:8px}.wide-table table{min-width:980px}}

/* v1.0.9 menu grouping, SaaS subscription and readability polish */
.side-group{margin:14px 6px 4px;padding:6px 8px;color:#ffe7a6;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.16)}
.side-group:first-of-type{margin-top:6px;border-top:0}.sidebar a{margin-left:0}.sidebar .side-group+a{margin-top:2px}.saas-note .card{border-left:5px solid var(--gold)}
.subscription-status table th{width:38%}.super-sidebar a[href*="view=billing"]{background:rgba(216,165,41,.18);border:1px solid rgba(216,165,41,.35)}
@media(max-width:820px){.side-group{grid-column:1/-1;margin:10px 0 0;color:#6b4f0e;background:#fff8df;border:1px solid #ead7a7;border-radius:10px}.sidebar a{background:#fff;color:var(--green)!important}}


/* v1.0.10 readability, compact consent, satellite map and dashboard charts */
.contact-consents{display:grid;gap:8px;margin:12px 0 16px}.contact-consents .check{display:grid!important;grid-template-columns:22px 1fr;align-items:center;gap:10px;margin:0!important;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#26362d;font-size:15px;line-height:1.35}.contact-consents .check input{width:18px!important;height:18px;margin:0!important;justify-self:center}.contact-consents .check span{display:block;font-weight:750}
.sidebar .side-group{color:#fff1a8!important;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.18);border-radius:10px;text-shadow:0 1px 1px rgba(0,0,0,.25);font-size:12px;line-height:1.25}.sidebar .side-group:first-of-type{border:1px solid rgba(255,255,255,.18)}
.mapbox{background:#111!important}.maptiles img{background:#213024}.satellite-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.62);color:#fff;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800;z-index:2}.mapcredit{color:#334;background:rgba(255,255,255,.86);font-size:12px}.mapmarker{z-index:3}.map-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff;background:rgba(0,0,0,.55);font-weight:700}
.vital-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.chart-card h3{margin-bottom:4px}.stacked-bars{display:grid;gap:10px;margin-top:12px}.stack-row{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center}.stack-track{height:14px;background:#eef2e8;border-radius:999px;overflow:hidden}.stack-track span{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--gold2))}.stack-row small{color:#475569}.mini-chart.dual .mini-bar span:first-child{background:linear-gradient(180deg,var(--green2),var(--green));border-radius:8px 8px 0 0}.mini-chart.dual .mini-bar span.cpo{background:linear-gradient(180deg,var(--gold2),var(--gold));margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfdf9}.kpi small{display:block;color:#475569}.kpi b{font-size:1.25rem;color:var(--green)}
@media(max-width:900px){.vital-charts{grid-template-columns:1fr}.stack-row{grid-template-columns:88px 1fr 58px}.contact-consents .check{font-size:14px}}


.activity-journey{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-top:18px;align-items:stretch}
.journey-line{position:absolute;left:4%;right:4%;top:44px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(197,155,36,.18),rgba(6,63,40,.35),rgba(197,155,36,.18));overflow:hidden}
.journey-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-100%);animation:shineLine 3.8s linear infinite}
.journey-step{position:relative;background:linear-gradient(180deg,#fff,#f9fcf9);border:1px solid var(--line);border-radius:22px;padding:18px;min-height:210px;box-shadow:0 14px 34px rgba(6,63,40,.08);transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;z-index:1;animation:floatIn .7s ease both}
.journey-step:nth-of-type(2){animation-delay:.08s}.journey-step:nth-of-type(3){animation-delay:.16s}.journey-step:nth-of-type(4){animation-delay:.24s}.journey-step:nth-of-type(5){animation-delay:.32s}.journey-step:nth-of-type(6){animation-delay:.40s}.journey-step:nth-of-type(7){animation-delay:.48s}
.journey-step:hover,.journey-step:focus-within{transform:translateY(-8px) scale(1.02);box-shadow:0 22px 48px rgba(6,63,40,.15);border-color:#c59b24}
.step-num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 10px 20px rgba(6,63,40,.18);margin-bottom:14px}
.journey-step h3{margin:0 0 10px;color:var(--green);font-size:1.15rem;line-height:1.25}
.journey-step p{margin:0;color:#334155;line-height:1.5;font-size:.96rem}
.step-tag{display:inline-flex;margin-top:14px;padding:8px 12px;border-radius:999px;background:#eff8f1;color:#0a5b35;border:1px solid #d7eadc;font-weight:750;font-size:.85rem}
.module-groups{display:grid;gap:18px;margin-top:18px}
.module-group{background:linear-gradient(180deg,#fcfdfb,#f5f8f2);border:1px solid #dbe6d3;border-radius:24px;padding:20px;box-shadow:0 10px 26px rgba(6,63,40,.05)}
.module-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.module-group-head h3{margin:8px 0 6px;color:var(--green);font-size:1.28rem}
.module-group-head p{margin:0;color:#4a5d53;max-width:760px;line-height:1.5}
.badge.small{font-size:.78rem;padding:6px 10px}
.module-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:8px}
.module-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(6,63,40,.06);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.module-tile:hover{transform:translateY(-4px);border-color:#c59b24;box-shadow:0 18px 34px rgba(6,63,40,.12)}
.module-tile h4{margin:0 0 8px;color:var(--green);font-size:1.03rem;line-height:1.3}
.module-tile p{margin:0;color:#334155;line-height:1.5}
@keyframes shineLine{to{transform:translateX(100%)}}
@keyframes floatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.activity-journey{grid-template-columns:repeat(4,1fr)}.journey-line{display:none}}
@media(max-width:900px){.activity-journey{grid-template-columns:repeat(2,1fr)}.journey-step{min-height:unset}}
@media(max-width:640px){.activity-journey{grid-template-columns:1fr}.module-group{padding:16px}.module-group-head h3{font-size:1.16rem}}


.hero-animation{isolation:isolate}
.hero-live-chip{position:absolute;left:18px;top:18px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.96);border:1px solid #dbe6d3;border-radius:999px;padding:8px 12px;box-shadow:0 10px 24px rgba(15,23,42,.10);font-weight:800;color:var(--green)}
.hero-live-chip .dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:livePulse 1.8s infinite}
.hero-kpi{position:absolute;z-index:2;background:rgba(255,255,255,.96);border:1px solid #dbe6d3;border-radius:18px;padding:10px 12px;min-width:120px;box-shadow:0 14px 28px rgba(15,23,42,.10);backdrop-filter:blur(6px);animation:floatCard 5s ease-in-out infinite}
.hero-kpi strong{display:block;color:var(--green);font-size:1.2rem;line-height:1.1}.hero-kpi small{display:block;color:#475569;font-weight:700;line-height:1.3}
.kpi-a{left:18px;bottom:88px}.kpi-b{right:28px;top:82px;animation-delay:.8s}.kpi-c{left:32px;top:82px;animation-delay:1.4s}
.truck-track{position:absolute;left:34px;right:34px;bottom:38px;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(6,63,40,.10),rgba(197,155,36,.35),rgba(6,63,40,.10));overflow:hidden}
.truck-track:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px, rgba(255,255,255,.85) 18px 28px, transparent 28px 46px);opacity:.7}
.truck-run{position:absolute;left:-40px;top:-18px;font-size:26px;animation:truckRun 7s linear infinite;filter:drop-shadow(0 8px 10px rgba(15,23,42,.18))}
.hero-side-note{position:absolute;z-index:2;max-width:170px;background:rgba(11,75,43,.92);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 14px;box-shadow:0 18px 36px rgba(6,63,40,.18);animation:floatCard 6s ease-in-out infinite}
.hero-side-note b{display:block;margin-bottom:4px;font-size:.96rem}.hero-side-note span{display:block;color:rgba(255,255,255,.86);font-size:.86rem;line-height:1.35}
.gate-note{right:16px;top:154px;animation-delay:.4s}.sync-note{right:14px;bottom:120px;animation-delay:1.1s}
.phone-frame{overflow:hidden}
.screen-live{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#eff8f1;color:#0a5b35;font-weight:800;font-size:.84rem;border:1px solid #d7eadc;margin-bottom:8px}
.screen-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:livePulse 1.8s infinite}
.phone-ticker{margin-top:10px;display:flex;gap:8px;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,black 8%, black 92%, transparent)}
.phone-ticker span{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff5db;color:#7a5a00;border:1px solid #ecd9a4;font-size:.82rem;font-weight:800;animation:tickerMove 11s linear infinite}
.phone-ticker span:nth-child(2){animation-delay:-3.7s}.phone-ticker span:nth-child(3){animation-delay:-7.4s}
.qr-pulse{position:absolute;right:18px;bottom:20px;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#0b4b2b,#0f6d3d);box-shadow:0 16px 34px rgba(6,63,40,.22);display:grid;place-items:center}
.qr-pulse:before{content:"";width:24px;height:24px;background:repeating-linear-gradient(0deg,#fff 0 3px,transparent 3px 6px),repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 6px);border-radius:4px;opacity:.95}
.qr-pulse:after{content:"";position:absolute;inset:-8px;border:2px solid rgba(11,75,43,.28);border-radius:20px;animation:qrPulse 2.4s ease-out infinite}
.mini-dashboard{overflow:hidden}
.mini-dashboard:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:2px;background:linear-gradient(90deg,transparent,rgba(197,155,36,.7),transparent);animation:scanDash 3s linear infinite}
@keyframes truckRun{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw - 640px))}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes tickerMove{0%{transform:translateX(0)}100%{transform:translateX(-118%)}}
@keyframes qrPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@keyframes scanDash{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(max-width:1100px){.hero-kpi,.hero-side-note{display:none}.truck-track{left:22px;right:22px;bottom:26px}.truck-run{font-size:24px}}
@media(max-width:820px){.hero-live-chip{left:12px;top:12px;font-size:.85rem;padding:7px 10px}.kpi-a{display:none}.phone-ticker span{font-size:.75rem;padding:6px 10px}.qr-pulse{width:46px;height:46px;right:14px;bottom:14px}}


/* v1.0.13 compact navigation, better journey, and safer UI */
.compact-topbar{gap:12px;padding:8px 14px}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup .brand-img{width:auto;height:50px;object-fit:contain;border-radius:0}.brand-copy{display:block;min-width:0}.brand-copy b{white-space:nowrap}.brand-copy small{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-toggle{display:none;background:#0b4b2b;color:#fff;border-radius:10px;padding:8px 11px;box-shadow:none}
.compact-nav{gap:6px;align-items:center}.compact-nav a{color:#063d22;font-weight:800;padding:7px 9px}.compact-nav .btn.small{padding:7px 11px;color:#fff!important}.lang-pill{background:#fff8e4;border:1px solid #e5d29a;color:#4a3500!important}
.side-quick{display:grid;grid-template-columns:1fr;gap:7px;margin:10px 0 12px}.side-quick a{background:#fff8e4!important;color:#123b26!important;border:1px solid rgba(199,154,43,.4)!important}
.side-details{border-top:1px solid rgba(255,255,255,.14);padding:6px 0}.side-details summary{cursor:pointer;list-style:none;color:#f8f3df;font-size:13px;letter-spacing:.03em;text-transform:uppercase;font-weight:900;padding:8px 10px;border-radius:10px}.side-details summary::-webkit-details-marker{display:none}.side-details summary:after{content:"▾";float:right;color:#e1bd58}.side-details:not([open]) summary:after{content:"▸"}.side-details a{margin:4px 0 4px 10px;font-size:14px;padding:8px 10px;border-radius:10px;color:#fff!important;font-weight:800}.side-details a:hover,.sidebar a:hover{background:rgba(255,255,255,.12)}
.sidebar{padding:14px 12px!important}.sidebar .userbox{margin-bottom:10px}.appwrap{grid-template-columns:260px 1fr}.content{padding-top:28px}
.super-menu-block{margin-top:8px}.super-menu-block h4{margin:8px 0 6px;color:#fff3c4;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.super-menu-block a{display:block;margin:4px 0}
.formbox,.card{overflow-wrap:anywhere}.card form .row{align-items:end}.module-guide{border-left-width:7px}
.sync-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #d6eadb;background:#f1fbf4;color:#0b4b2b;border-radius:999px;padding:7px 10px;font-weight:800}
@media(max-width:980px){
  .compact-topbar{align-items:flex-start}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.compact-nav{display:none;position:absolute;right:12px;top:70px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(15,23,42,.18);min-width:220px;z-index:40}.compact-nav.open{display:grid}.compact-nav a{display:block;border-radius:12px}.brand-copy small{display:none}.brand-lockup .brand-img{height:44px}
  .appwrap{display:block}.sidebar{position:relative;top:auto;min-height:auto;max-height:none;width:100%;display:block;border-radius:0}.content{padding:22px 14px}.side-quick{grid-template-columns:repeat(2,1fr)}.side-details a{display:inline-block;margin:4px 4px 4px 0}.side-details summary{background:rgba(255,255,255,.08)}
}
@media(max-width:620px){
  .topbar{padding:7px 10px}.brand b{font-size:18px}.brand-lockup .brand-img{height:40px}.compact-nav{left:10px;right:10px;top:62px}.side-quick{grid-template-columns:1fr}.grid.two,.grid{grid-template-columns:1fr!important}.row{grid-template-columns:1fr!important}.section{padding-left:14px;padding-right:14px}
}


/* v1.0.14 menu/readability fix */
.topbar.compact-topbar{min-height:64px;display:flex;align-items:center;gap:10px;overflow:visible}
.topbar .brand{flex:1 1 auto;min-width:0;max-width:calc(100% - 64px)}
.topbar .brand-lockup{min-width:0}.topbar .brand-copy{min-width:0}.topbar .brand-copy b{display:block;overflow:hidden;text-overflow:ellipsis}.topbar .brand-copy small{display:block;max-width:320px}
.nav-toggle{flex:0 0 48px;width:48px;height:42px;padding:0!important;margin:0 0 0 auto!important;border-radius:13px;background:#064526!important;color:#fff!important;font-size:22px;line-height:1;box-shadow:0 8px 20px rgba(6,63,40,.18)!important;z-index:60}
.compact-nav{flex:0 1 auto}.compact-nav a{white-space:nowrap}
.sidebar{background:#073d24!important;color:#fff!important}.sidebar *{color:inherit}
.sidebar .userbox{background:#0d4b2d;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;color:#fff}.sidebar .userbox b,.sidebar .userbox small{color:#fff!important}
.side-quick a{background:#fff7dc!important;color:#092f1d!important;border:1px solid #d9b452!important;font-weight:900!important}
.side-details{border-top:1px solid rgba(255,255,255,.18);padding:5px 0}.side-details summary{background:#105231!important;color:#fff!important;border:1px solid rgba(255,255,255,.12);font-size:12.5px;line-height:1.2;letter-spacing:.04em;padding:10px 12px}.side-details summary:after{color:#ffe08b!important}.side-details a{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10);font-size:14px!important;line-height:1.25;display:block!important;margin:5px 0 5px 8px!important}.side-details a:hover{background:#fff7dc!important;color:#092f1d!important}
.super-sidebar{background:#073d24!important}.super-menu-block{background:#0b4b2b;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px;margin:8px 0}.super-menu-block h4{color:#ffe08b!important;margin:0 0 8px!important}.super-menu-block a{background:#fff7dc!important;color:#092f1d!important;border:1px solid #d9b452;border-radius:12px;padding:9px 10px!important;font-weight:900!important;margin:5px 0!important}
.collapsible-guide{background:#fff;border:1px solid var(--line);border-left:7px solid var(--gold);border-radius:18px;margin:0 0 18px;box-shadow:0 12px 26px rgba(31,45,37,.07);overflow:hidden}.collapsible-guide summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;color:var(--green);font-weight:900}.collapsible-guide summary::-webkit-details-marker{display:none}.collapsible-guide summary:after{content:"▾";color:#8a680e}.collapsible-guide:not([open]) summary:after{content:"▸"}.collapsible-guide summary small{color:#647067;font-size:12px;font-weight:800}.collapsible-guide .guide-body{padding:0 18px 16px}.collapsible-guide p{margin-top:0}.collapsible-guide ol{margin-bottom:0}
@media(max-width:980px){
  .compact-topbar{align-items:center!important;position:sticky}.compact-nav{top:64px!important;right:12px!important;left:auto!important;max-width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 78px);overflow:auto}.compact-nav.open{display:grid!important}.compact-nav a{color:#063d22!important;background:#f8fbf6;border:1px solid #e2eadf;font-weight:900}
  .brand-copy b{font-size:18px!important}.topbar .brand-copy small{max-width:190px}
  .sidebar{padding:12px!important}.side-details a{display:block!important;width:100%;margin:5px 0!important}.side-quick{gap:8px}.side-quick a{padding:10px!important}
}
@media(max-width:620px){
  .topbar.compact-topbar{min-height:58px}.nav-toggle{width:44px;height:40px;flex-basis:44px}.topbar .brand{max-width:calc(100% - 54px)}.topbar .brand-copy small{max-width:150px}.compact-nav{top:58px!important;left:10px!important;right:10px!important;max-width:none}
  .brand-lockup .brand-img{height:38px!important}
  .collapsible-guide summary{align-items:flex-start;flex-direction:column}.collapsible-guide summary small{font-size:11px}
}


/* v1.0.15 final menu contrast/dropdown fixes */
.topbar.compact-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 52px;align-items:center!important;gap:10px;min-height:64px;overflow:visible;background:#ffffff!important}
.topbar.compact-topbar .brand{min-width:0;max-width:100%;overflow:hidden}.topbar.compact-topbar .brand-lockup{min-width:0;max-width:100%}.topbar.compact-topbar .brand-copy{min-width:0}.topbar.compact-topbar .brand-copy b{display:block;color:#083d25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar.compact-topbar .brand-copy b span{color:#a77a13}.topbar.compact-topbar .brand-copy small{display:block;color:#1f2d25;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.nav-toggle{display:inline-flex!important;grid-column:2;align-items:center!important;justify-content:center!important;width:48px!important;height:44px!important;min-width:48px!important;max-width:48px!important;margin:0!important;padding:0!important;border-radius:13px!important;background:#064526!important;color:#ffffff!important;font-size:24px!important;line-height:1!important;box-shadow:0 10px 24px rgba(6,63,40,.22)!important;z-index:80!important}
.compact-nav{display:none!important;position:absolute;top:66px!important;right:12px!important;left:auto!important;width:min(320px,calc(100vw - 24px))!important;background:#ffffff!important;border:1px solid #d8e3d4!important;border-radius:18px!important;padding:10px!important;box-shadow:0 20px 50px rgba(15,23,42,.22)!important;z-index:75!important;gap:8px!important}.compact-nav.open{display:grid!important}.compact-nav a{display:block!important;background:#f7fbf5!important;border:1px solid #dfead9!important;border-radius:13px!important;color:#063d22!important;font-weight:900!important;padding:11px 13px!important;text-align:left!important;white-space:normal!important}.compact-nav a:hover{background:#fff5d6!important;color:#063d22!important}.compact-nav a.btn.small,.compact-nav .btn.small{background:#064526!important;color:#ffffff!important;text-align:center!important;border-color:#064526!important}
.sidebar{background:#063b23!important;color:#fff!important}.sidebar .userbox{background:#0a4a2b!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;color:#fff!important}.sidebar .userbox b,.sidebar .userbox small{color:#fff!important}.side-quick a{background:#fff4cf!important;color:#082f1d!important;border:1px solid #d9b452!important;font-weight:900!important;border-radius:14px!important}.side-details{border-top:1px solid rgba(255,255,255,.17)!important;padding:7px 0!important}.side-details summary{background:#0d5633!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;font-size:13px!important;letter-spacing:.04em!important;line-height:1.2!important;padding:12px 14px!important;font-weight:900!important}.side-details summary:after{color:#ffe48c!important}.side-details a{display:block!important;width:100%!important;margin:6px 0!important;background:#f8fff4!important;color:#062f1d!important;border:1px solid #dcebd6!important;border-radius:12px!important;font-size:14px!important;line-height:1.25!important;font-weight:850!important;padding:10px 12px!important}.side-details a:hover{background:#fff4cf!important;color:#062f1d!important;border-color:#d9b452!important}
.super-sidebar .side-details.super-drop{border-top:0!important;margin:8px 0!important}.super-sidebar .side-details.super-drop summary{background:#0d5633!important;color:#ffffff!important}.super-sidebar .side-details.super-drop a{background:#fff4cf!important;color:#082f1d!important;border-color:#d9b452!important;white-space:normal!important}.super-sidebar .side-details.super-drop a:hover{background:#ffffff!important;color:#082f1d!important}
.collapsible-guide summary{background:#fffaf0!important;color:#063d22!important}.collapsible-guide summary span{color:#063d22!important}.collapsible-guide summary small{color:#415247!important}.collapsible-guide .guide-body{background:#fff!important;color:#1f2d25!important}
@media(min-width:981px){.compact-nav{position:static!important;display:flex!important;width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.compact-nav a{background:transparent!important;border:0!important;border-radius:999px!important;padding:8px 10px!important;white-space:nowrap!important}.compact-nav a.btn.small{background:#064526!important;color:#fff!important}.nav-toggle{display:none!important}.topbar.compact-topbar{display:flex!important}.topbar.compact-topbar .brand{flex:1 1 auto}}
@media(max-width:620px){.topbar.compact-topbar{grid-template-columns:minmax(0,1fr) 48px;min-height:58px}.nav-toggle{width:44px!important;height:40px!important;min-width:44px!important;max-width:44px!important}.compact-nav{top:58px!important;left:10px!important;right:10px!important;width:auto!important}.topbar.compact-topbar .brand-copy small{max-width:170px}.sidebar{padding:12px!important}.content{padding-top:20px!important}}

/* v1.0.18 PWA install banner */
.pwa-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;display:none;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto;background:#ffffff;border:1px solid #dbe6d3;border-left:7px solid #c79a2b;border-radius:20px;padding:14px 16px;box-shadow:0 18px 48px rgba(6,63,40,.18)}
.pwa-banner.show{display:flex}.pwa-banner b{color:#0b4b2b}.pwa-banner small{display:block;color:#53645a}.pwa-actions{display:flex;gap:8px;align-items:center}.pwa-close{background:#f5f8f2!important;color:#0b4b2b!important;border:1px solid #dbe6d3;box-shadow:none!important}
@media(max-width:680px){.pwa-banner{align-items:flex-start;flex-direction:column}.pwa-actions{width:100%}.pwa-actions .btn,.pwa-actions button{flex:1}}

/* v1.0.21 PWA install guide behavior */
.pwa-banner.manual-mode{border-left-color:#0b4b2b}
.pwa-banner.manual-mode [data-pwa-help]{color:#7a5a00;font-weight:800}
.pwa-guide-btn{background:#fff8e4!important;color:#0b4b2b!important;border:1px solid #d9b452!important}