:root{
 --bg:#f3f6f5;--surface:#fff;--surface2:#f8faf9;--text:#10231f;--muted:#6f817c;--line:#dfe8e5;
 --brand:#0b756b;--brand-dark:#0a4f49;--brand-deep:#0b2925;--accent:#d7a94b;--soft:#e8f6f3;
 --danger:#b42318;--warn:#a15c00;--success:#067647;--shadow:0 18px 45px rgba(18,49,42,.08);--shadow-sm:0 8px 24px rgba(18,49,42,.055)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}button{appearance:none}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;color:var(--text);outline:none;transition:.2s border-color,.2s box-shadow,.2s background}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6db7af;box-shadow:0 0 0 4px rgba(11,117,107,.10)}input.readonly{background:#f2f6f5;color:#71817d}label{display:grid;gap:7px;font-weight:700;color:#233a35}label small{font-weight:500;color:var(--muted)}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.wide{width:100%}.mobile-only,.mobile-logo,.mobile-brand{display:none}
.btn{border:1px solid var(--line);background:#fff;color:#24443e;border-radius:13px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,49,42,.08)}.btn.primary{background:linear-gradient(135deg,var(--brand),#0a665e);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(11,117,107,.18)}.btn.light{background:#fff;color:var(--brand-dark);border-color:transparent}.btn.glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.btn.soft{background:var(--soft);border-color:transparent;color:var(--brand-dark)}
.alert,.toast{padding:13px 15px;border-radius:14px;margin:0 0 16px;border:1px solid transparent}.alert.danger{background:#fff1f0;color:var(--danger);border-color:#ffd4d0}.alert.success,.toast.success{background:#ecfdf3;color:var(--success);border-color:#c9f4d9}.toast{box-shadow:var(--shadow-sm)}
.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#118b7f,var(--brand-dark));color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 24px rgba(11,117,107,.2)}.brand-mark.sm{width:42px;height:42px;border-radius:13px;font-size:13px}.brand-mark.tiny{width:36px;height:36px;border-radius:11px;font-size:11px}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.72)}.eyebrow.dark,.section-kicker{color:var(--brand)}
/* Log masuk */
.auth-bg{min-height:100vh;background:radial-gradient(circle at 15% 12%,rgba(34,170,156,.14),transparent 32%),linear-gradient(145deg,#edf4f2,#f8faf9);display:grid;place-items:center;padding:24px}.login-shell{width:min(1120px,96vw);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid rgba(207,222,218,.9);border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(12,50,42,.13)}.login-visual{padding:46px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 85% 10%,rgba(215,169,75,.22),transparent 34%),linear-gradient(145deg,#0a4e48,#0b6f66 58%,#0b4a45);color:#fff;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-130px;bottom:-140px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.02)}.brand-lockup{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand-lockup strong{display:block;font-size:17px}.brand-lockup small{display:block;color:#bcd6d1}.login-copy{max-width:560px;position:relative;z-index:1}.login-copy h1{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 18px}.login-copy p{font-size:16px;color:#d2e6e2;max-width:510px}.visual-pills{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.visual-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);font-size:12px;color:#e7f4f2}.login-card.premium{width:auto;border:0;border-radius:0;box-shadow:none;padding:64px 58px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:30px;letter-spacing:-.03em;margin:8px 0}.login-card form,.auth-single form{display:grid;gap:16px;margin-top:12px}.auth-help{text-align:right;margin-top:-4px}.auth-help a{font-weight:750}.auth-foot{display:block;text-align:center;color:#8a9a96;margin-top:18px}.auth-single,.install-card{width:min(94vw,520px);background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.auth-single .brand-mark,.install-card .brand-mark{margin-bottom:22px}.auth-single h1,.install-card h1{letter-spacing:-.03em}.back-link{display:inline-block;margin-top:18px;font-weight:700}.install-card{width:min(94vw,760px)}
/* Aplikasi */
.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#0b2c28,#0a2421 72%);color:#dce9e6;padding:22px 14px 18px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:4px 9px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.brand strong{display:block;color:#fff}.brand small{display:block;color:#8fa9a4;font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-label{padding:0 12px;color:#66847e;font-size:9px;font-weight:900;letter-spacing:.16em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#b9ceca;padding:10px 11px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:700;transition:.18s}.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.055)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(21,142,130,.28),rgba(21,142,130,.12));color:#fff;box-shadow:inset 3px 0 0 #36b9ab}.nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:12px;font-weight:900}.sidebar nav a.active .nav-icon{background:rgba(55,185,171,.18);color:#7de0d5}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.account-mini{display:flex;align-items:center;gap:10px;padding:8px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#d8ebe7,#bddbd5);color:#0a5d55;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.avatar.small{width:34px;height:34px}.account-mini b{display:block;color:#fff;font-size:12px}.account-mini small{display:block;color:#819d97;font-size:10px}.logout{display:block;margin-top:6px;color:#9fb6b1;padding:9px 10px;border-radius:10px;font-size:12px}.logout:hover{background:rgba(255,255,255,.05);color:#fff}
.content{min-width:0}.topbar{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar h2{margin:1px 0 0;font-size:20px;letter-spacing:-.02em}.crumb{font-size:10px;color:#83948f;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.user-chip{text-align:right;padding-left:14px;border-left:1px solid var(--line)}.user-chip b{display:block;font-size:12px}.user-chip small{display:block;color:var(--muted);font-size:10px}.net{font-size:10px;font-weight:900;padding:6px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.net:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(6,118,71,.10)}.net.online{background:#ecfdf3;color:#067647}.net.offline{background:#fff1f0;color:#b42318}.page-body{padding:28px;max-width:1540px;margin:0 auto}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 20px}.page-intro h1{font-size:30px;letter-spacing:-.035em;margin:4px 0}.page-intro p{margin:0;color:var(--muted)}
.premium-hero{border-radius:27px;padding:32px;background:radial-gradient(circle at 90% 10%,rgba(215,169,75,.22),transparent 28%),linear-gradient(125deg,#0a756b,#0b5a54 58%,#123f3c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 20px 45px rgba(13,81,73,.17);overflow:hidden;position:relative}.premium-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-80px;bottom:-120px}.premium-hero>div{position:relative;z-index:1}.premium-hero h1{font-size:clamp(29px,4vw,44px);line-height:1.08;letter-spacing:-.04em;margin:7px 0 11px;max-width:760px}.premium-hero p{margin:0;color:#d6ebe7;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 35px rgba(255,255,255,.04);flex:0 0 auto}.hero-orb span{font-size:42px;font-weight:900;line-height:1}.hero-orb small{color:#c7dfda;margin-top:7px}.plan-chip{min-width:155px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);text-align:center}.plan-chip small{display:block;color:#c9dfdb}.plan-chip b{display:block;font-size:18px;margin-top:3px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.premium-stats .stat{padding:18px;position:relative;overflow:hidden}.stat-icon{width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:900;margin-bottom:13px}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:700}.stat strong{display:block;font-size:24px;letter-spacing:-.03em;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat small{display:block;color:#91a09c;font-size:10px;margin-top:4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-grid{align-items:start}.panel{padding:20px}.panel h3{margin:2px 0 0;font-size:17px;letter-spacing:-.02em}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.panel-head>a{font-size:12px;font-weight:800}.list-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #edf1f0}.list-avatar{width:36px;height:36px;border-radius:12px;background:#eef6f4;color:#0b766b;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.list-avatar.asset{background:#f0f4fb;color:#415a8a}.list-avatar.service{background:#fff6e6;color:#966313}.list-avatar.mosque{background:#eaf6f3}.list-main{min-width:0;flex:1}.list-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main small{display:block;color:var(--muted);font-size:11px}.list-main span{display:block;color:#879792;font-size:10px;margin-top:2px}.badge{display:inline-flex;align-items:center;background:var(--soft);color:var(--brand-dark);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;white-space:nowrap}.badge.ok{background:#ecfdf3;color:#067647}.badge.warn{background:#fff6e8;color:#9a5c00}.sync-box{padding:13px;border-radius:13px;background:#f7faf9;border:1px dashed #b9d2cc;color:#49625c;font-size:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:#13a57f;box-shadow:0 0 0 5px rgba(19,165,127,.1)}.usage-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:11px;color:var(--muted);font-size:11px}.usage-row b{color:var(--text)}.empty-state{min-height:220px;padding:42px;display:grid;place-items:center;align-content:center;text-align:center;background:#fff;border:1px dashed #ccd9d5;border-radius:22px;color:var(--muted)}.empty-state b{display:block;color:var(--text);font-size:18px}.empty-state span{max-width:480px}.empty-state.compact{min-height:120px;padding:24px}.empty-state.compact b{font-size:14px}
.search-card{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:14px}.search-card span{font-size:19px;color:#89a099}.search-card input{border:0;box-shadow:none;background:transparent;padding:9px 4px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid #edf1f0;vertical-align:middle}th{font-size:9px;text-transform:uppercase;color:#7e918c;letter-spacing:.09em;background:#fbfcfc}td small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.action-links{white-space:nowrap}.action-links a{font-size:11px;font-weight:800;margin-right:9px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.premium-form{padding:22px}.form-section{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-top:2px}.form-section:not(:first-of-type){margin-top:10px}.form-section>span{width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:900}.form-section b,.form-section small{display:block}.form-section small{color:var(--muted);font-weight:500;font-size:10px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:5px}.hint{background:#f5f8f7;border-radius:12px;padding:12px;color:var(--muted);font-size:11px}.form-list-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.maintenance-row{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line)}.maintenance-actions{display:grid;justify-items:end;gap:5px}.maintenance-actions a,.row-actions a{font-size:10px;font-weight:800}.row-actions{display:grid;justify-items:end;gap:5px}
.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-card{padding:20px}.report-card span,.report-card small{display:block;color:var(--muted)}.report-card strong{display:block;font-size:30px;letter-spacing:-.03em;margin:4px 0}
.tenant-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px;align-items:start}.tenants-panel{max-height:760px;overflow:auto}.tenant-card{border:1px solid var(--line);border-radius:17px;padding:14px;margin-top:12px;background:#fbfcfc}.tenant-card-head{display:flex;align-items:center;gap:10px}.tenant-metrics{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:8px;padding:12px 0}.tenant-metrics span{background:#fff;border:1px solid #edf1f0;border-radius:12px;padding:9px}.tenant-metrics small,.tenant-metrics b{display:block}.tenant-metrics small{color:var(--muted);font-size:9px}.tenant-metrics b{font-size:12px;margin-top:2px}.plan-mini{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.plan-mini div{min-width:0}.plan-mini b,.plan-mini small{display:block}.plan-mini small{color:var(--muted);font-size:10px;max-width:360px}.plan-mini>strong{text-align:right;color:var(--brand);font-size:16px;white-space:nowrap}.plan-mini>strong small{display:inline;color:var(--muted);font-weight:500}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-editor{padding:20px;display:grid;gap:14px;position:relative}.plan-editor.featured{border-color:#78bdb5;box-shadow:0 18px 40px rgba(11,117,107,.12)}.plan-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.plan-code{display:block;font-size:9px;letter-spacing:.15em;color:var(--brand);font-weight:900}.plan-name-input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0;font-size:22px;font-weight:900;letter-spacing:-.03em;box-shadow:none}.plain-textarea{background:#f8faf9}.recommended{background:#0b756b;color:#fff;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.price-fields,.limit-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.limit-fields label{font-size:11px}.info-panel{padding:18px;margin-top:16px;background:linear-gradient(90deg,#edf7f5,#fff)}.info-panel p{margin:5px 0 0;color:var(--muted)}
.feature-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.feature-status b,.feature-status small{display:block}.feature-status small{color:var(--muted);font-size:10px}.feature-status i{font-style:normal;background:#ecfdf3;color:#067647;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.subscription-card{background:radial-gradient(circle at 90% 5%,rgba(215,169,75,.16),transparent 28%),linear-gradient(145deg,#0d3a35,#0b5b54);color:#fff}.subscription-card .section-kicker{color:#8fd4cb}.subscription-card h2{font-size:28px;margin:6px 0}.subscription-card p{color:#c9dfdb}.big-price{font-size:36px;font-weight:900;letter-spacing:-.04em}.big-price small{font-size:12px;font-weight:500;color:#b8d5d0}.subscription-limits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.subscription-limits span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);padding:12px;border-radius:14px}.subscription-limits small,.subscription-limits b{display:block}.subscription-limits small{color:#a9cbc5;font-size:9px}
.bottom-nav{display:none}
.qr-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#dcefeb,transparent 35%),#eff5f3;padding:20px}.qr-card{text-align:center;background:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--line)}#qrcode{display:grid;place-items:center;margin:18px}.qr-card .btn{margin-top:16px}
@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.page-body{padding:22px}.plan-grid{grid-template-columns:1fr}.tenant-layout{grid-template-columns:1fr}.tenants-panel{max-height:none}}
@media(max-width:900px){
 body{background:#f3f6f5}.app-shell{display:block}.sidebar{display:none}.content{padding-bottom:86px}.page-body{padding:15px}.topbar{height:70px;padding:0 15px}.mobile-logo{display:block}.topbar-right .user-chip{display:none}.topbar h2{font-size:18px}.crumb{font-size:8px}.stats{grid-template-columns:1fr 1fr;gap:10px}.grid2,.form-list-grid{grid-template-columns:1fr}.premium-hero{padding:24px;border-radius:24px;align-items:flex-start}.hero-orb{display:none}.tenant-hero{display:block}.plan-chip{display:inline-block;min-width:0;margin-top:18px;text-align:left;padding:11px 14px}.dashboard-grid{gap:12px}.panel{border-radius:18px}.desktop-only{display:none!important}.mobile-only{display:block}.page-intro{align-items:flex-start}.page-intro h1{font-size:25px}.report-grid{grid-template-columns:1fr 1fr}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -10px 30px rgba(20,45,39,.07)}.bottom-nav a{display:grid;justify-items:center;gap:3px;color:#687c77;font-size:9px;font-weight:800;min-width:0}.bottom-nav a span{width:31px;height:28px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:900}.bottom-nav a.active{color:var(--brand)}.bottom-nav a.active span{background:var(--soft)}.bottom-nav .add-action span{background:var(--brand);color:#fff;width:38px;height:34px;margin-top:-15px;box-shadow:0 8px 20px rgba(11,117,107,.22)}.mobile-card-list{display:grid;gap:10px}.asset-mobile-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-sm)}.asset-card-top{display:flex;align-items:flex-start;gap:10px}.asset-symbol{width:39px;height:39px;border-radius:12px;background:#edf6f4;color:var(--brand);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.asset-card-top>div:nth-child(2){flex:1;min-width:0}.asset-card-top small{color:var(--muted);font-size:9px}.asset-card-top h3{font-size:15px;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.asset-meta span{background:#f8faf9;border-radius:11px;padding:9px}.asset-meta small,.asset-meta b{display:block}.asset-meta small{color:var(--muted);font-size:8px}.asset-meta b{font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-card-actions .btn{min-height:38px;padding:8px;font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-footer{grid-column:auto!important}.tenant-metrics{grid-template-columns:1.3fr .7fr .7fr}
}
@media(max-width:640px){
 .auth-bg{padding:0;background:#fff}.login-shell{width:100%;min-height:100vh;display:block;border:0;border-radius:0;box-shadow:none}.login-visual{display:none}.login-card.premium{min-height:100vh;padding:34px 22px;justify-content:center}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px}.mobile-brand b{font-size:17px}.login-card h2{font-size:27px}.auth-single,.install-card{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:30px 22px;display:flex;flex-direction:column;justify-content:center}.page-body{padding:12px}.premium-hero{padding:21px}.premium-hero h1{font-size:28px}.premium-hero p{font-size:12px}.hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{font-size:10px;padding:9px}.stats{gap:8px}.premium-stats .stat{padding:13px;border-radius:16px}.stat-icon{width:30px;height:30px;margin-bottom:10px}.stat strong{font-size:19px}.stat span{font-size:10px}.stat small{font-size:8px}.panel{padding:14px}.page-intro{display:block;margin-bottom:14px}.page-intro .btn,.page-intro button{margin-top:12px;width:100%}.page-intro h1{font-size:23px}.search-card{margin-bottom:10px}.report-grid{gap:8px}.report-card{padding:14px}.report-card strong{font-size:24px}.price-fields,.limit-fields{grid-template-columns:1fr}.plan-editor{padding:16px}.tenant-card{padding:12px}.form-section{margin-top:0}.premium-form{padding:15px}.form-footer{align-items:stretch;flex-direction:column-reverse}.form-footer .btn{width:100%}.topbar-right{gap:6px}.net{font-size:8px;padding:5px 7px}.topbar h2{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-row{align-items:flex-start}.maintenance-actions .badge{max-width:100px;white-space:normal;text-align:center}.subscription-limits{grid-template-columns:1fr 1fr}
}
@media print{.sidebar,.topbar,.bottom-nav,.page-intro .btn,.page-intro button{display:none!important}.app-shell{display:block}.page-body{padding:0}.panel,.report-card{box-shadow:none}.content{padding:0}}
/* v0.2.1 - profil masjid, media aset, kategori/lokasi dan peranan */
.tenant-logo{object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 20px rgba(0,0,0,.14);flex:0 0 auto}.tenant-logo.sm{width:42px;height:42px;border-radius:13px;padding:4px}.tenant-hero-copy{display:flex;align-items:center;gap:18px}.tenant-hero-logo{width:78px;height:78px;border-radius:20px;object-fit:contain;background:#fff;padding:7px;box-shadow:0 12px 30px rgba(0,0,0,.16);flex:0 0 auto}.intro-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.logo-upload-card{display:flex;align-items:center;gap:16px;border:1px dashed #bdd5d0;background:linear-gradient(135deg,#f7fbfa,#fff);border-radius:18px;padding:15px}.logo-upload-card img,.logo-placeholder{width:82px;height:82px;border-radius:18px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:6px;flex:0 0 auto}.logo-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e5f3f0,#f9fbfb);color:var(--brand);font-size:26px;font-weight:900}.logo-upload-card label{flex:1}.logo-upload-card label b,.logo-upload-card label small{display:block}.logo-upload-card input{margin-top:6px;background:#fff}
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.reference-form{display:grid;grid-template-columns:1.3fr .8fr auto auto;gap:9px;align-items:end;padding:13px;border-radius:16px;background:#f7faf9;border:1px solid #edf2f0;margin-bottom:8px}.reference-form .btn{white-space:nowrap}.reference-list{display:grid}.reference-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-top:1px solid var(--line)}.reference-row>div:first-child{min-width:0}.reference-row b,.reference-row small{display:block}.reference-row small{font-size:10px;color:var(--muted);margin-top:2px}.inline-form{display:inline}.link-button{border:0;background:none;color:var(--brand);padding:0;font-size:10px;font-weight:800;cursor:pointer}.row-actions .inline-form{line-height:1}.field-action{display:grid;gap:6px}.field-action label{min-width:0}.mini-add{justify-self:start;border:0;background:transparent;color:var(--brand);padding:0 3px;font-size:10px;font-weight:900;cursor:pointer}
.asset-image-uploader{border:1px dashed #b8d2cd;border-radius:18px;background:linear-gradient(135deg,#f5faf9,#fff);padding:15px}.asset-image-uploader>input{background:#fff}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.image-grid figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;min-width:0}.image-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf3f1}.image-grid figcaption{padding:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted)}.existing-image-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.existing-image-head b,.existing-image-head small{display:block}.existing-image-head small{color:var(--muted);font-size:10px}.image-action{border:0;background:none;color:var(--brand);font-size:9px;font-weight:850;padding:2px;cursor:pointer}.danger-text{color:var(--danger)!important}.primary-photo{color:#8a6509;font-weight:900}.asset-thumb{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid var(--line);flex:0 0 auto;background:#edf3f1}
.role-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.role-guide article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:var(--shadow-sm)}.role-guide b,.role-guide span{display:block}.role-guide b{color:var(--brand-dark);font-size:12px}.role-guide span{color:var(--muted);font-size:10px;margin-top:4px;line-height:1.5}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(4,28,24,.56);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal-card{position:relative;width:min(94vw,430px);background:#fff;border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 90px rgba(4,28,24,.30)}.modal-card h3{font-size:23px;letter-spacing:-.03em;margin:6px 0}.modal-card label{margin:12px 0}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid var(--line);background:#f7f9f8;border-radius:11px;cursor:pointer;color:var(--muted);font-size:20px;line-height:1}.modal-open{overflow:hidden}
@media(max-width:1000px){.reference-grid{grid-template-columns:1fr}.reference-form{grid-template-columns:1fr 1fr auto}.reference-form .btn:last-child{grid-column:auto}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.bottom-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.role-guide{grid-template-columns:1fr}.tenant-hero-copy{align-items:flex-start}.tenant-hero-logo{width:62px;height:62px;border-radius:17px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-form{grid-template-columns:1fr 1fr}.reference-form .btn{width:100%}.intro-actions{width:100%;justify-content:flex-start}}
@media(max-width:640px){.tenant-hero-copy{display:block}.tenant-hero-logo{margin-bottom:13px}.logo-upload-card{align-items:flex-start;flex-direction:column}.logo-upload-card img,.logo-placeholder{width:72px;height:72px}.reference-form{grid-template-columns:1fr}.reference-row{align-items:flex-start}.reference-row .row-actions{min-width:88px}.image-grid{grid-template-columns:1fr 1fr}.image-grid figcaption{display:grid;justify-content:stretch}.existing-image-head{display:block}.existing-image-head small{margin-top:3px}.intro-actions{display:grid;grid-template-columns:1fr 1fr}.intro-actions .btn{width:auto;margin-top:12px}.modal-card{padding:22px 18px;border-radius:22px}}
.tenant-logo.tiny{width:36px;height:36px;border-radius:11px;padding:3px}.report-identity{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px 15px;margin-bottom:14px}.report-identity img{width:52px;height:52px;object-fit:contain;border-radius:12px;border:1px solid var(--line);padding:4px}.report-identity div{min-width:0;flex:1}.report-identity b,.report-identity small{display:block}.report-identity small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-identity>span{font-size:11px;color:var(--muted);font-weight:800}
@media(max-width:640px){.report-identity{align-items:flex-start}.report-identity>span{display:none}}
.logo-remove{display:flex!important;align-items:center;gap:7px;margin-top:8px;font-size:10px;color:var(--danger);font-weight:750}.logo-remove input{width:auto;margin:0}.tenant-list-logo{width:40px;height:40px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;flex:0 0 auto}.tenant-list-logo.small{width:36px;height:36px;border-radius:11px}


/* v0.2.2 - tema Islamik premium & fancy */
:root{--bg:#f5f2ea;--surface:#fffdfa;--surface2:#fbf7ef;--text:#14241d;--muted:#6f7b73;--line:#e6ddcf;--brand:#0d6a4f;--brand-dark:#093b2e;--brand-deep:#07261d;--accent:#d4b160;--soft:#eef7f1;--shadow:0 22px 58px rgba(21,35,28,.08);--shadow-sm:0 12px 30px rgba(21,35,28,.06)}
body{background:radial-gradient(circle at 0 0,rgba(212,177,96,.16),transparent 22%),radial-gradient(circle at 100% 0,rgba(13,106,79,.08),transparent 18%),linear-gradient(180deg,#f8f4ed 0,#f3efe6 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(13,106,79,.045) 1px,transparent 1.2px);background-size:22px 22px;opacity:.28;z-index:-1}
.btn.primary{background:linear-gradient(135deg,#0d6a4f,#0a4e3b 68%,#083629);box-shadow:0 10px 26px rgba(13,106,79,.20)}
.btn.light{color:var(--brand-dark)}
.btn.soft{background:#f6efe1;color:#6c5321}
.brand-mark{background:linear-gradient(145deg,#0e7a5b,#093b2e);box-shadow:0 12px 28px rgba(9,59,46,.24)}
.auth-bg{background:radial-gradient(circle at 12% 14%,rgba(212,177,96,.24),transparent 24%),linear-gradient(145deg,#f5f0e7,#fbf8f2)}
.login-shell{border:1px solid #ebdfcb;box-shadow:0 40px 100px rgba(25,38,31,.12)}
.login-visual{background:radial-gradient(circle at 82% 10%,rgba(212,177,96,.22),transparent 30%),linear-gradient(145deg,#093b2e,#0d6a4f 58%,#0a4636)}
.login-visual:before,.premium-hero:before,.sidebar:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:26px 26px;opacity:.55;pointer-events:none}
.sidebar{position:sticky;background:linear-gradient(180deg,#082a20,#093326 45%,#0b221b);border-right:1px solid rgba(255,255,255,.05);overflow:hidden}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(212,177,96,.18),rgba(13,106,79,.20));box-shadow:inset 3px 0 0 var(--accent)}
.sidebar nav a.active .nav-icon{background:rgba(212,177,96,.16);color:#ffd98a}
.nav-icon{background:rgba(255,255,255,.08)}
.topbar{background:rgba(255,252,247,.88);border-bottom-color:#eadfcc}
.topbar,.panel,.stat,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.login-card.premium,.auth-single,.install-card,.report-identity{backdrop-filter:blur(12px)}
.premium-hero{background:radial-gradient(circle at 92% 8%,rgba(212,177,96,.24),transparent 26%),linear-gradient(125deg,#0d6a4f,#0b5944 58%,#093b2e);box-shadow:0 26px 60px rgba(9,59,46,.18)}
.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card,.plan-mini,.reference-form,.role-guide article,.modal-card,.sync-box,.logo-upload-card,.asset-mobile-card,.search-card{border-color:#ece2d4;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,251,245,.98))}
.stat{position:relative;overflow:hidden}.stat:after,.panel:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),rgba(212,177,96,.05));opacity:.9}.panel{position:relative}
.section-kicker,.eyebrow.dark{color:#8d6a27}.eyebrow{color:rgba(255,237,194,.86)}
.net.online{background:#eff9f1;color:#0a7b43}.net.offline{background:#fff1ed;color:#b42318}.user-chip{border-left-color:#e9ddce}
.table-wrap table thead th{background:#fcf8f1;color:#6d775f}
.badge.ok,.badge.warn,.badge{border:1px solid #eadfce}
.asset-mobile-card,.tenant-card,.panel,.stat,.search-card,.report-card,.plan-editor,.info-panel{box-shadow:0 14px 34px rgba(21,35,28,.06)}
.bottom-nav{background:rgba(255,252,246,.96);border-top-color:#e7dccd}.bottom-nav a.active{color:var(--brand)}.bottom-nav a.add-action{background:linear-gradient(135deg,#0d6a4f,#0a4e3b);box-shadow:0 10px 22px rgba(13,106,79,.22)}
.logo-placeholder{background:linear-gradient(145deg,#fff8ea,#eef7f1);color:#8d6a27;border-color:#eadfce}
.subscription-card{background:linear-gradient(145deg,#0c4d3b,#0a3c30);color:#fff}.subscription-card p,.subscription-card small{color:#dbe7e0}
@media(max-width:640px){body{background:#f8f4ec}.topbar{background:rgba(255,252,246,.95)}}


/* v0.2.3 - reka bentuk komersial moden + ikon SVG */
:root{--bg:#f6f4ee;--surface:#ffffff;--surface2:#fbfaf7;--text:#102018;--muted:#66776f;--line:#e8ddc8;--brand:#0f6b52;--brand-dark:#0b3f31;--brand-deep:#07251d;--accent:#d7b066;--soft:#eef7f1;--shadow:0 20px 50px rgba(15,24,18,.08);--shadow-sm:0 10px 28px rgba(15,24,18,.06)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 0 0,rgba(215,176,102,.18),transparent 18%),radial-gradient(circle at 100% 0,rgba(15,107,82,.08),transparent 20%),linear-gradient(180deg,#f8f6f1,#f5f1e9);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),radial-gradient(circle at 1px 1px,rgba(15,107,82,.06) 1px,transparent 1.2px);background-size:auto,24px 24px;opacity:.9}
.auth-bg{background:radial-gradient(circle at 10% 14%,rgba(215,176,102,.22),transparent 22%),linear-gradient(145deg,#f5f1e9,#fcfbf8)}
.login-shell{border:1px solid rgba(223,211,190,.9);box-shadow:0 42px 120px rgba(18,31,24,.13);border-radius:34px;overflow:hidden;background:rgba(255,255,255,.96)}
.login-visual{position:relative;background:radial-gradient(circle at 88% 12%,rgba(215,176,102,.22),transparent 30%),linear-gradient(145deg,#0a3e31,#0f6b52 56%,#0b4f3d)}
.login-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12px 12px,rgba(255,255,255,.05) 1.2px,transparent 1.3px),linear-gradient(135deg,transparent 70%,rgba(255,255,255,.03) 100%);background-size:26px 26px,auto;opacity:.75}
.brand-lockup,.login-copy,.visual-pills{position:relative;z-index:1}.visual-pills span{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.login-card.premium{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,252,248,.97))}
input,select,textarea{background:#f8faf9;border-color:#dfe8e2;border-radius:16px;padding:13px 15px}
input:focus,select:focus,textarea:focus{border-color:#8cc7b1;box-shadow:0 0 0 4px rgba(15,107,82,.10);background:#fff}
.app-shell{grid-template-columns:280px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#05261d,#083227 38%,#0a251d 100%);border-right:1px solid rgba(255,255,255,.06);position:sticky;overflow:hidden}
.sidebar:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12px 12px,rgba(255,255,255,.055) 1px,transparent 1.2px),linear-gradient(180deg,rgba(215,176,102,.10),transparent 16%);background-size:26px 26px,auto;opacity:.75;pointer-events:none}
.sidebar>*{position:relative;z-index:1}.brand{padding:8px 10px 18px}.brand strong{font-size:18px}.brand small{font-size:12px;color:#b5c9c3}.brand-mark,.brand-mark.sm,.brand-mark.tiny{background:linear-gradient(145deg,#0f7b5c,#09382d);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.sidebar-label{color:#7fa298;font-size:10px;letter-spacing:.24em;padding-left:14px}.sidebar nav{gap:8px}.sidebar nav a{padding:12px 13px;border-radius:16px;color:#d3e1dd}.sidebar nav a:hover{background:rgba(255,255,255,.06)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(215,176,102,.16),rgba(15,107,82,.22));box-shadow:inset 3px 0 0 var(--accent),0 12px 26px rgba(0,0,0,.16);color:#fff}
.nav-icon{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.07);display:grid;place-items:center;border:1px solid rgba(255,255,255,.05)}.nav-icon svg{width:18px;height:18px;display:block}.nav-icon.tiny{width:28px;height:28px;border-radius:10px}
.sidebar nav a.active .nav-icon{background:linear-gradient(145deg,rgba(215,176,102,.22),rgba(215,176,102,.10));border-color:rgba(215,176,102,.18);color:#ffe2a3}.logout{display:flex;align-items:center;gap:10px;margin-top:8px;padding:11px 10px}
.topbar{height:86px;padding:0 30px;background:rgba(255,252,247,.85);backdrop-filter:blur(18px);border-bottom:1px solid #eadfcf;box-shadow:0 6px 24px rgba(30,42,34,.04)}
.topbar h2{font-size:31px;letter-spacing:-.04em;margin-top:2px}.crumb{font-size:11px;letter-spacing:.18em;color:#8d7b50;font-weight:900}.user-chip{padding-left:18px}.user-chip b{font-size:13px}.user-chip small{font-size:11px}
.net{padding:7px 11px;font-size:11px;background:#edf8f1;color:#0e7b46;border:1px solid #dcefe1}.net.offline{background:#fff4f1;color:#b42318;border-color:#ffd9d2}
.page-body{padding:30px}.page-intro h1{font-size:34px}.page-intro p{font-size:15px;max-width:780px}
.premium-hero{position:relative;border-radius:32px;padding:36px;background:radial-gradient(circle at 85% 10%,rgba(215,176,102,.22),transparent 24%),linear-gradient(125deg,#0a4a39,#0f6b52 55%,#0c5f49);box-shadow:0 26px 70px rgba(9,50,39,.18);overflow:hidden}.premium-hero:before{content:"";position:absolute;right:-10%;bottom:-38%;width:54%;height:92%;border-radius:52% 48% 0 0/72% 72% 0 0;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 54px rgba(255,255,255,.03),0 0 0 108px rgba(255,255,255,.02)}.premium-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 14px 14px,rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:30px 30px;opacity:.38}.premium-hero>*{position:relative;z-index:1}.premium-hero h1{font-size:clamp(34px,4.2vw,48px);line-height:1.04}.premium-hero p{font-size:16px;color:#dbeae5;max-width:760px}.plan-chip,.hero-orb{backdrop-filter:blur(14px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.stats{gap:16px;margin-top:18px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card{position:relative;border:1px solid #ebdfcf;background:linear-gradient(180deg,#fffefd,#fff9f3);box-shadow:0 18px 34px rgba(20,31,24,.05);border-radius:24px;overflow:hidden}.stat:before,.panel:before,.search-card:before,.report-card:before,.plan-editor:before,.tenant-card:before,.subscription-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#d7b066,rgba(215,176,102,.04))}.premium-stats .stat{padding:18px 18px 16px}.stat-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#eef7f1,#f8efe0);color:#0f6b52;border:1px solid #eadfce;display:grid;place-items:center;font-weight:900;box-shadow:inset 0 -3px 8px rgba(215,176,102,.10)}.stat strong{font-size:20px}.panel{padding:18px}.panel-head h3{font-size:31px;letter-spacing:-.04em}.section-kicker,.eyebrow.dark{color:#977232}
.btn{border-radius:16px;padding:12px 18px;font-weight:800}.btn.primary{background:linear-gradient(135deg,#0f6b52,#0a4a39);box-shadow:0 12px 26px rgba(15,107,82,.22)}.btn.light{background:#fff;color:#0a3f31;box-shadow:0 12px 24px rgba(15,24,18,.10)}.btn.glass{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}.btn.soft{background:#fbf3e2;color:#7d5d23;border-color:#efdfc0}
.badge{padding:7px 11px;border-radius:999px;background:#f7f7f2;border:1px solid #ece3d4;color:#5a685f;font-weight:800}
.search-card,.sync-box,.role-guide article,.reference-form,.logo-upload-card,.asset-mobile-card,.modal-card,.report-identity{background:linear-gradient(180deg,#fffefd,#fffbf5);border-color:#ece2d4}
.table-wrap table{border-collapse:separate;border-spacing:0 10px}.table-wrap thead th{background:transparent;color:#8a7d61;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.table-wrap tbody tr{background:#fff;border:1px solid #ece2d4;box-shadow:0 8px 24px rgba(20,31,24,.05)}.table-wrap tbody td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.table-wrap tbody td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.table-wrap td{padding:14px 16px}
.asset-mobile-card{border-radius:20px;box-shadow:0 14px 28px rgba(20,31,24,.05)}.asset-card-top h3{font-size:16px}.asset-thumb,.asset-symbol{border-radius:14px}
.bottom-nav{background:rgba(255,252,247,.96);backdrop-filter:blur(16px);border-top:1px solid #eadfcf;box-shadow:0 -6px 24px rgba(20,31,24,.04)}.bottom-nav a{font-weight:800;color:#6c7a73}.bottom-nav a span{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 4px}.bottom-nav a span svg{width:18px;height:18px}.bottom-nav a.active{color:#0f6b52}.bottom-nav a.add-action{background:linear-gradient(135deg,#0f6b52,#0a4a39);box-shadow:0 12px 22px rgba(15,107,82,.22)}
.logo-upload-card,.reference-form,.role-guide article{border-radius:20px}
.subscription-card{background:radial-gradient(circle at 85% 12%,rgba(215,176,102,.18),transparent 28%),linear-gradient(145deg,#0b4738,#0a3a2f);color:#fff;border-color:rgba(255,255,255,.08)}.subscription-card p,.subscription-card small{color:#d7e7e1}
.list-row{padding:12px 4px}.list-avatar,.asset-symbol{background:linear-gradient(145deg,#edf7f1,#fcf4e4);color:#0f6b52;border:1px solid #ece2d4}
@media(max-width:1100px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.topbar h2{font-size:26px}.premium-hero{padding:28px}}
@media(max-width:900px){.sidebar{display:none}.app-shell{grid-template-columns:minmax(0,1fr)}.page-body{padding:18px}.premium-hero{padding:22px;border-radius:26px}.topbar{padding:0 16px;height:76px}.topbar h2{font-size:23px}.page-intro h1{font-size:26px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card{border-radius:20px}}
@media(max-width:640px){body:before{background-size:auto,18px 18px}.login-card.premium{padding:30px 22px;background:#fff}.page-body{padding:12px}.topbar{padding:0 12px}.topbar h2{font-size:21px;max-width:210px}.premium-hero h1{font-size:28px}.premium-hero p{font-size:13px}.btn{min-height:44px}.bottom-nav a{font-size:10px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card{border-radius:18px}.nav-icon{width:30px;height:30px;border-radius:11px}.brand-mark.sm{width:40px;height:40px}}


/* v0.2.4 - login lebih cerah, premium dan menarik */
.auth-bg{background:radial-gradient(circle at 8% 14%,rgba(225,190,110,.24),transparent 22%),radial-gradient(circle at 92% 18%,rgba(21,130,99,.10),transparent 18%),linear-gradient(145deg,#f7f3ec,#fcfbf8)}
.login-shell{position:relative;grid-template-columns:1.06fr .94fr;min-height:680px;border-radius:38px;border:1px solid rgba(223,211,190,.95);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,251,247,.98));box-shadow:0 48px 140px rgba(20,31,24,.12),0 10px 30px rgba(215,176,102,.10);overflow:hidden}
.login-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 24%,transparent 76%,rgba(215,176,102,.06));z-index:0}
.login-visual{position:relative;padding:54px 48px;background:radial-gradient(circle at 86% 14%,rgba(223,193,124,.28),transparent 28%),linear-gradient(145deg,#0a4a39,#0f7055 56%,#11806b);overflow:hidden}
.login-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 14px 14px,rgba(255,255,255,.055) 1.1px,transparent 1.3px),linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);background-size:28px 28px,auto;opacity:.8}
.login-visual:after{content:"";position:absolute;right:-90px;bottom:-110px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 56px rgba(255,255,255,.04),0 0 0 112px rgba(255,255,255,.025)}
.brand-lockup{gap:14px}.brand-lockup strong{font-size:20px}.brand-lockup small{font-size:13px;color:#d8ebe5}
.login-copy{max-width:560px;margin-top:30px}.login-copy h1{font-size:clamp(44px,5.4vw,66px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 18px;text-wrap:balance}.login-copy p{font-size:18px;line-height:1.65;color:#e3f0ed;max-width:500px}
.visual-pills{margin-top:22px}.visual-pills span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.login-float-card{margin-top:22px;max-width:280px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:0 14px 36px rgba(0,0,0,.12);position:relative;z-index:1}.login-float-card b{display:block;color:#fff;font-size:15px;margin-bottom:4px}.login-float-card small{display:block;color:#dfeeea;line-height:1.55;font-size:12px}
.login-card.premium{position:relative;padding:58px 56px 52px;background:linear-gradient(180deg,#fffdfa,#fffaf5)}
.login-card.premium:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(215,176,102,.35),transparent)}
.login-card .eyebrow.dark{font-size:11px;letter-spacing:.26em;color:#9a7534}.login-card h2{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 14px;color:#11261d}.login-card p.muted{font-size:16px;line-height:1.7;max-width:430px;color:#6d7c75}
.login-card label{font-size:14px;font-weight:800;gap:8px;color:#173328}.login-card form{gap:18px;margin-top:20px}
.login-card input{height:52px;border-radius:18px;background:#f7faf8;border:1px solid #dce7df;color:#102018;font-size:15px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.login-card input::placeholder{color:#9aa8a1}
.login-card input:focus{background:#fff;border-color:#8cc9b1;box-shadow:0 0 0 4px rgba(15,107,82,.10),0 10px 18px rgba(15,107,82,.06)}
.auth-help{margin-top:-2px}.auth-help a{color:#0f6b52;font-weight:800;font-size:14px}.auth-help a:hover{text-decoration:underline}
.login-card .btn.primary.wide{margin-top:4px;height:54px;border-radius:18px;font-size:17px;font-weight:900;background:linear-gradient(135deg,#0f6b52,#0b4a39 65%,#09392c);box-shadow:0 16px 30px rgba(15,107,82,.20),inset 0 1px 0 rgba(255,255,255,.12)}
.login-card .btn.primary.wide:hover{transform:translateY(-1px);box-shadow:0 20px 36px rgba(15,107,82,.24)}
.auth-foot{margin-top:18px;font-size:12px;color:#7f8b85}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;min-height:auto}.login-visual{padding:40px 32px;min-height:360px}.login-copy h1{font-size:46px}.login-card.premium{padding:42px 34px}.login-card h2{font-size:36px}}
@media(max-width:640px){.auth-bg{padding:0;background:#fcfbf8}.login-shell{border:none;border-radius:0;box-shadow:none;min-height:100vh;background:#fff}.login-visual{display:block;min-height:auto;padding:34px 22px 28px;border-bottom-left-radius:28px;border-bottom-right-radius:28px}.brand-lockup strong{font-size:18px}.brand-lockup small{font-size:12px}.login-copy{margin-top:22px}.login-copy h1{font-size:38px}.login-copy p{font-size:15px}.visual-pills{gap:7px}.visual-pills span{font-size:11px;padding:8px 12px}.login-float-card{margin-top:16px;max-width:none}.login-card.premium{padding:32px 22px 38px;background:#fff}.login-card.premium:before{display:none}.login-card h2{font-size:31px}.login-card p.muted{font-size:14px}.login-card input{height:50px;border-radius:16px}.login-card .btn.primary.wide{height:52px;font-size:16px}}


/* v0.2.5 - latar masjid kreatif pada halaman login */
.login-visual{background-image:linear-gradient(145deg,rgba(10,74,57,.88),rgba(15,112,85,.80) 56%,rgba(17,128,107,.74)),url("../img/login-masjid-hero.svg");background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}
.login-visual:before{background-image:radial-gradient(circle at 14px 14px,rgba(255,255,255,.05) 1.1px,transparent 1.3px),linear-gradient(180deg,rgba(255,255,255,.03),transparent 38%);opacity:.55}
.login-copy{padding-right:18px}.login-copy h1{max-width:610px;text-shadow:0 4px 26px rgba(0,0,0,.16)}.login-copy p{text-shadow:0 2px 18px rgba(0,0,0,.12)}
.login-float-card{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.10));border-color:rgba(255,255,255,.24)}
.visual-pills span{background:rgba(255,255,255,.14)}
@media(max-width:640px){.login-visual{background-image:linear-gradient(145deg,rgba(10,74,57,.88),rgba(15,112,85,.80) 56%,rgba(17,128,107,.72)),url("../img/login-masjid-hero.svg");background-size:cover  ,cover;background-position:center top,center top;padding-bottom:36px}.login-copy h1{max-width:100%}.login-float-card{backdrop-filter:blur(10px)}}


/* v0.2.6 - gaya asal modul penerimaan (dikekalkan untuk keserasian UI) */
.receipt-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:18px;align-items:start}.receipt-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.receipt-masjid-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:17px;background:linear-gradient(135deg,#edf7f2,#fbf4e7);border:1px solid #e6dcc9}.receipt-masjid-banner span{font-size:11px;color:var(--muted);font-weight:800}.receipt-masjid-banner b{color:var(--brand-dark);font-size:15px}.receipt-items-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:4px}.receipt-items-head b,.receipt-items-head small{display:block}.receipt-items-head small{color:var(--muted);font-size:10px;margin-top:3px}.receipt-items-table{display:grid;gap:8px;overflow-x:auto}.receipt-item{min-width:900px;display:grid;grid-template-columns:1.45fr .55fr .55fr .65fr 1.2fr 1.1fr 36px;gap:7px;align-items:center}.receipt-item.header{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#83765d;padding:0 4px}.receipt-item input{padding:10px;border-radius:11px;font-size:11px}.receipt-diff{min-height:39px;border:1px solid #e6ddcf;border-radius:11px;background:#f8f6f0;display:grid;place-items:center;font-weight:900;color:#8c6421}.remove-receipt-row{width:34px;height:34px;border:0;border-radius:10px;background:#fff1ef;color:#b42318;font-size:20px;cursor:pointer}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signature-grid section,.discrepancy-card{border:1px solid #e8dece;border-radius:20px;background:#fffdf9;padding:15px}.signature-grid h3,.discrepancy-card h3{margin:0 0 12px}.signature-grid label{margin-top:9px}.signature-box{position:relative;margin-top:12px;height:135px;border:1px dashed #a9c5ba;border-radius:16px;background:linear-gradient(180deg,#fbfdfc,#f4f8f6);overflow:hidden}.signature-box canvas{width:100%;height:100%;display:block;touch-action:none}.signature-box>span{position:absolute;left:12px;bottom:9px;color:#93a29c;font-size:9px;pointer-events:none}.signature-box>button{position:absolute;right:8px;top:8px;border:0;background:#fff;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:800;color:#b42318;box-shadow:0 3px 10px rgba(0,0,0,.06);cursor:pointer}.saved-sign{display:block;color:#7b887f;margin-top:5px;font-size:9px}.discrepancy-card{background:radial-gradient(circle at top right,rgba(215,176,102,.12),transparent 28%),#fffdf9}.discrepancy-card p{color:var(--muted);font-size:11px}.reason-checks{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.reason-checks label{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #e7ddcb;border-radius:12px;background:#fff;font-size:10px}.reason-checks input{width:auto;margin:0}.discrepancy-fields{display:grid;grid-template-columns:1fr .7fr 1fr;gap:10px}.supplier-sign{max-width:520px}.receipt-footer{align-items:center}.receipt-buttons{display:flex;gap:8px;justify-content:flex-end}.receipt-side{display:grid;gap:16px;position:sticky;top:104px}.receipt-history{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;border-top:1px solid var(--line);color:var(--text)}.receipt-history.active{margin:0 -8px;padding:12px 8px;border-radius:12px;background:#f0f7f3}.receipt-history b,.receipt-history small{display:block}.receipt-history small{font-size:9px;color:var(--muted);margin-top:2px}.report-links{display:grid;gap:9px}.report-links h3{margin:0}.report-links p{font-size:11px}.form-section span svg{width:18px;height:18px}
@media(max-width:1150px){.receipt-layout{grid-template-columns:1fr}.receipt-side{position:static;grid-template-columns:1fr 1fr}.receipt-form{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.receipt-form{grid-template-columns:1fr}.receipt-form .full{grid-column:1}.receipt-masjid-banner{display:block}.receipt-masjid-banner b{display:block;margin-top:4px}.signature-grid,.discrepancy-fields{grid-template-columns:1fr}.receipt-side{grid-template-columns:1fr}.receipt-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.receipt-footer{display:grid;gap:10px}.receipt-items-head{align-items:flex-start;display:grid}.receipt-items-head .btn{width:100%}.signature-box{height:120px}}

.receipt-readonly{opacity:.98}.receipt-readonly input,.receipt-readonly textarea{background:#f7f6f2}.viewer-note{font-size:11px;font-weight:900;color:#7d6a42}.receipt-report-summary{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}.receipt-report-summary h3{margin:2px 0 4px}.receipt-report-summary p{margin:0}.receipt-report-kpis{display:flex;gap:10px}.receipt-report-kpis span{min-width:110px;padding:10px 12px;border-radius:14px;background:#f8f5ed;border:1px solid #eadfce}.receipt-report-kpis small,.receipt-report-kpis b{display:block}.receipt-report-kpis small{font-size:8px;color:var(--muted)}.receipt-report-kpis b{font-size:18px;color:var(--brand-dark);margin-top:2px}@media(max-width:760px){.receipt-report-summary{grid-template-columns:1fr}.receipt-report-kpis{width:100%}.receipt-report-kpis span{flex:1}}

/* v0.2.7 - kamera terus & pusat laporan PWA */
.asset-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.media-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.media-action{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px 16px;border:1px solid #e6dbc9;border-radius:19px;background:linear-gradient(180deg,#fff,#fffaf3);cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow;font-weight:inherit}
.media-action:hover{transform:translateY(-1px);border-color:#c9b27b;box-shadow:0 12px 26px rgba(20,31,24,.07)}
.media-action.camera-action{background:linear-gradient(145deg,#0f6b52,#0b4b3a);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(15,107,82,.17)}
.media-action-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:#f4efe4;color:#82611f;border:1px solid #eadcc3}
.camera-action .media-action-icon{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.16);color:#fff}
.media-action-icon svg{width:23px;height:23px}
.media-action b,.media-action small{display:block}.media-action b{font-size:13px}.media-action small{font-size:10px;line-height:1.4;margin-top:3px;color:var(--muted);font-weight:600}.camera-action small{color:#d8ebe4}
.media-selection-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 2px 0;color:var(--muted);font-size:10px}
.pwa-report-panel{margin-top:16px}.pwa-ready-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef8f2;color:#0b7650;border:1px solid #d7ebde;font-size:9px;font-weight:900;letter-spacing:.04em}
.pwa-report-list{display:grid;margin-top:12px}.pwa-report-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-top:1px solid var(--line)}.pwa-report-list article>div:first-child{min-width:0}.pwa-report-list b,.pwa-report-list small{display:block}.pwa-report-list small{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-report-actions{display:flex;gap:8px;flex:0 0 auto}.pwa-report-actions .btn{min-height:38px;padding:8px 11px;font-size:10px}
@media(max-width:900px){.bottom-nav a{font-size:8.5px}.bottom-nav a span{width:25px;height:25px}.bottom-nav a span svg{width:17px;height:17px}}
@media(max-width:640px){.asset-media-actions{grid-template-columns:1fr}.media-action{min-height:72px}.pwa-report-list article{display:block}.pwa-report-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.pwa-report-actions .btn{width:100%}.media-selection-status{align-items:flex-start}.bottom-nav a{font-size:8px;letter-spacing:-.01em}.bottom-nav{padding-left:5px;padding-right:5px}}


/* v0.2.8 - tema lebih wow, ceria dan komersial */
:root{--bg:#f7f5ef;--surface:#ffffff;--surface2:#fffcf6;--text:#13221a;--muted:#6b7b72;--line:#eadfce;--brand:#0f7a5a;--brand-dark:#0a3d2f;--brand-deep:#06271e;--accent:#dbb671;--soft:#edf8f2;--shadow:0 24px 64px rgba(18,31,24,.08);--shadow-sm:0 14px 34px rgba(18,31,24,.06)}
body{background:radial-gradient(circle at 0 0,rgba(219,182,113,.16),transparent 20%),radial-gradient(circle at 100% 0,rgba(16,122,90,.08),transparent 18%),linear-gradient(180deg,#faf8f3,#f5f2ea)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(16,122,90,.05) 1px,transparent 1.3px);background-size:24px 24px;opacity:.32}
/* login */
.auth-bg{background:radial-gradient(circle at 12% 16%,rgba(223,193,124,.24),transparent 22%),radial-gradient(circle at 88% 12%,rgba(15,122,90,.10),transparent 22%),linear-gradient(145deg,#f8f5ef,#ffffff)}
.login-shell{position:relative;min-height:700px;border-radius:40px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,251,245,.98));border:1px solid rgba(232,221,204,.96);box-shadow:0 50px 140px rgba(22,34,27,.13),0 16px 44px rgba(219,182,113,.12);overflow:hidden}
.login-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 24%,transparent 74%,rgba(219,182,113,.08));z-index:0}
.login-visual,.login-card.premium{position:relative;z-index:1}
.login-visual{padding:58px 52px;background-image:linear-gradient(145deg,rgba(8,76,57,.87),rgba(15,122,90,.78) 54%,rgba(29,153,121,.68)),url("../img/login-masjid-hero.svg");background-size:cover;background-position:center;overflow:hidden}
.login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),radial-gradient(circle at 14px 14px,rgba(255,255,255,.055) 1px,transparent 1.2px);background-size:auto,26px 26px;opacity:.72}
.login-visual:after{content:"";position:absolute;right:-70px;bottom:-80px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 56px rgba(255,255,255,.04),0 0 0 112px rgba(255,255,255,.02)}
.brand-lockup .brand-mark{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#18a07a,#0a5d47);box-shadow:0 18px 34px rgba(0,0,0,.18)}
.brand-lockup strong{font-size:22px}.brand-lockup small{font-size:13px;color:#dbeee8}
.login-copy{margin-top:28px;max-width:600px}.login-copy h1{font-size:clamp(48px,5.4vw,72px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px;max-width:660px;text-shadow:0 10px 30px rgba(0,0,0,.16)}.login-copy p{font-size:18px;line-height:1.7;color:#e6f2ef;max-width:520px}
.eyebrow{font-size:11px;letter-spacing:.28em;color:#ffe4ab}.visual-pills{gap:10px;margin-top:22px}.visual-pills span{padding:10px 15px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.login-float-card{margin-top:20px;max-width:330px;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);box-shadow:0 22px 40px rgba(0,0,0,.14)}.login-float-card b{display:block;color:#fff;font-size:16px;margin-bottom:6px}.login-float-card small{display:block;color:#e4f1ee;font-size:12px;line-height:1.65}
.login-luxury-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;max-width:620px}.login-luxury-strip article{padding:16px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px)}.login-luxury-strip b{display:block;color:#fff;font-size:13px}.login-luxury-strip small{display:block;color:#e0efeb;font-size:11px;line-height:1.55;margin-top:4px}
.login-card.premium{padding:62px 58px;background:linear-gradient(180deg,#fffdf9,#fffaf3)}
.login-card.premium:before{content:"";position:absolute;left:0;top:42px;bottom:42px;width:1px;background:linear-gradient(180deg,transparent,rgba(219,182,113,.5),transparent)}
.login-card .eyebrow.dark{color:#9f7833}.login-card h2{font-size:44px;line-height:1.03;letter-spacing:-.05em;color:#13241c;margin:10px 0 12px}.login-card p.muted{font-size:16px;color:#75827c;max-width:420px;line-height:1.7}
.login-card label{font-size:14px;font-weight:850;color:#183329}.login-card form{gap:18px;margin-top:20px}.login-card input{height:56px;border-radius:18px;background:#f7fbf9;border:1px solid #dce8e0;font-size:15px;font-weight:650;color:#16251e;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.login-card input:focus{background:#fff;border-color:#86ccb1;box-shadow:0 0 0 4px rgba(15,122,90,.10),0 14px 22px rgba(15,122,90,.06)}
.auth-help a{color:#0f7a5a;font-size:14px;font-weight:800}.login-card .btn.primary.wide{height:56px;border-radius:19px;font-size:17px;background:linear-gradient(135deg,#0f7a5a,#0a5440 68%,#073529);box-shadow:0 18px 34px rgba(15,122,90,.22),inset 0 1px 0 rgba(255,255,255,.15)}.login-card .btn.primary.wide:hover{box-shadow:0 20px 38px rgba(15,122,90,.26)}.auth-foot{font-size:12px;color:#7f8f88;margin-top:18px}
/* system wow */
.app-shell{grid-template-columns:280px minmax(0,1fr)}
.sidebar{position:sticky;background:linear-gradient(180deg,#06261d,#083428 42%,#0c2d22);padding:24px 14px 18px;overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16px 16px,rgba(255,255,255,.05) 1px,transparent 1.2px),linear-gradient(180deg,rgba(219,182,113,.10),transparent 16%);background-size:28px 28px,auto;opacity:.75;pointer-events:none}.sidebar>*{position:relative;z-index:1}.brand{padding:8px 10px 18px}.brand .brand-mark,.mobile-brand .brand-mark{background:linear-gradient(145deg,#16a37d,#0a614a);box-shadow:0 16px 32px rgba(0,0,0,.18)}.brand strong{font-size:18px}.brand small{font-size:12px;color:#bad1ca}.sidebar-label{font-size:10px;letter-spacing:.24em;color:#7f9c92;padding-left:14px}.sidebar nav{gap:8px}.sidebar nav a{padding:12px 13px;border-radius:16px;color:#d6e4df;font-weight:800}.sidebar nav a:hover{background:rgba(255,255,255,.06)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(219,182,113,.16),rgba(16,122,90,.24));box-shadow:inset 3px 0 0 var(--accent),0 14px 26px rgba(0,0,0,.16)}.nav-icon{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.05)}.nav-icon svg{width:18px;height:18px}.logout{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:14px}.logout:hover{background:rgba(255,255,255,.06)}
.topbar{height:88px;padding:0 30px;background:rgba(255,253,248,.86);backdrop-filter:blur(16px);border-bottom:1px solid #ecdfcf;box-shadow:0 10px 28px rgba(20,31,24,.04)}.topbar h2{font-size:32px;letter-spacing:-.04em}.crumb{font-size:11px;letter-spacing:.18em;color:#987436;font-weight:900}.user-chip{padding-left:18px;border-left-color:#eee2d2}.net{padding:7px 11px;border:1px solid #dcecdf;background:#eef8f2}.page-body{padding:30px}
.premium-hero{padding:36px;border-radius:34px;background:radial-gradient(circle at 86% 12%,rgba(219,182,113,.22),transparent 26%),linear-gradient(125deg,#0a4f3d,#0f7a5a 56%,#0d6a51);box-shadow:0 30px 80px rgba(10,67,51,.18)}.premium-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14px 14px,rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:30px 30px;opacity:.36}.premium-hero:after{right:-10%;bottom:-35%;width:52%;height:90%;border-radius:52% 48% 0 0/70% 70% 0 0;box-shadow:0 0 0 58px rgba(255,255,255,.04),0 0 0 116px rgba(255,255,255,.02)}.premium-hero>*{position:relative;z-index:1}.premium-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.02}.premium-hero p{font-size:16px;color:#deece8}
.hero-actions .btn,.intro-actions .btn,.page-intro .btn{border-radius:16px}
.stats{gap:16px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card,.auth-single,.install-card,.reference-form,.role-guide article,.logo-upload-card,.asset-mobile-card,.report-identity{background:linear-gradient(180deg,#fffefd,#fffaf4);border:1px solid #ebdfcf;border-radius:24px;box-shadow:0 18px 40px rgba(20,31,24,.05);position:relative;overflow:hidden}.stat:before,.panel:before,.search-card:before,.report-card:before,.plan-editor:before,.tenant-card:before,.subscription-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#dbb671,rgba(219,182,113,.08))}
.premium-stats .stat{padding:20px 18px 16px}.stat-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#eef8f2,#fdf3e2);border:1px solid #eee1cc;color:#0f7a5a;font-weight:900;box-shadow:inset 0 -3px 9px rgba(219,182,113,.10)}.stat span{font-size:11px;text-transform:none;color:#6f7f77}.stat strong{font-size:30px}.panel h3{font-size:18px}
.btn{border-radius:16px;padding:12px 18px;font-weight:850}.btn.primary{background:linear-gradient(135deg,#0f7a5a,#0a5440);box-shadow:0 14px 28px rgba(15,122,90,.18)}.btn.light{background:#fff;color:#0a3d2f;box-shadow:0 12px 24px rgba(20,31,24,.08)}.btn.soft{background:#fbf3e3;color:#7d5e24;border-color:#efdfc1}.btn.glass{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24)}
.table-wrap table{border-collapse:separate;border-spacing:0 10px}.table-wrap thead th{background:transparent;color:#8e7d5d;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.table-wrap tbody tr{background:#fff;box-shadow:0 12px 24px rgba(20,31,24,.05)}.table-wrap td{padding:14px 16px}.table-wrap tbody td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.table-wrap tbody td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}
.badge{background:#f7f7f2;border:1px solid #ece2d4;color:#5a685f;padding:7px 11px;font-size:10px;font-weight:850}.badge.ok{background:#ecfdf3;color:#067647}.badge.warn{background:#fff6e8;color:#9a5c00}
.bottom-nav{background:rgba(255,252,248,.96);border-top:1px solid #ecdfcf;backdrop-filter:blur(16px);box-shadow:0 -8px 24px rgba(20,31,24,.04)}.bottom-nav a{color:#6d7c74;font-weight:800}.bottom-nav a.active{color:#0f7a5a}.bottom-nav a span svg{width:18px;height:18px}.bottom-nav a.add-action{background:linear-gradient(135deg,#0f7a5a,#0a5440);box-shadow:0 12px 22px rgba(15,122,90,.22)}
.subscription-card{background:radial-gradient(circle at 86% 12%,rgba(219,182,113,.18),transparent 26%),linear-gradient(145deg,#0a4c3b,#0a3a2d);color:#fff;border-color:rgba(255,255,255,.08)}.subscription-card p,.subscription-card small{color:#d9e8e2}
@media(max-width:1000px){.login-luxury-strip{grid-template-columns:1fr}.app-shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.page-body{padding:18px}.premium-hero{padding:24px;border-radius:28px}.topbar{padding:0 16px;height:78px}.topbar h2{font-size:24px}}
@media(max-width:640px){.auth-bg{padding:0;background:#fcfbf8}.login-shell{border:none;border-radius:0;min-height:100vh;box-shadow:none}.login-visual{padding:32px 22px 28px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.login-copy h1{font-size:40px;max-width:100%}.login-copy p{font-size:15px}.login-luxury-strip{grid-template-columns:1fr;gap:10px}.login-luxury-strip article{padding:14px 13px}.login-card.premium{padding:34px 22px 40px;background:#fff}.login-card.premium:before{display:none}.login-card h2{font-size:32px}.login-card .btn.primary.wide{height:54px}.topbar{padding:0 12px}.topbar h2{font-size:22px;max-width:220px}.page-body{padding:12px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card,.reference-form,.role-guide article,.logo-upload-card,.asset-mobile-card{border-radius:20px}}


/* v0.2.9 - Islamik moden, kompak dan premium */
:root{--bg:#f6f4ee;--surface:#ffffff;--surface2:#fdfaf4;--text:#14231c;--muted:#697970;--line:#e9dfcf;--brand:#0f7357;--brand-dark:#0a3f31;--brand-deep:#07241c;--accent:#d9b46b;--soft:#eef8f2;--shadow:0 22px 58px rgba(18,31,24,.08);--shadow-sm:0 10px 28px rgba(18,31,24,.055)}
body{background:radial-gradient(circle at 0 0,rgba(217,180,107,.16),transparent 18%),linear-gradient(180deg,#faf8f3,#f5f1e9);color:var(--text)}
body:before{background-image:radial-gradient(circle at 1px 1px,rgba(15,115,87,.055) 1px,transparent 1.2px);background-size:24px 24px;opacity:.28}
.btn{border-radius:15px;padding:11px 16px;font-weight:820}.btn.primary{background:linear-gradient(135deg,#118162,#0a5843 70%,#073428);box-shadow:0 12px 26px rgba(15,115,87,.18)}
/* login compact */
.auth-bg{padding:22px;background:radial-gradient(circle at 10% 12%,rgba(217,180,107,.20),transparent 18%),radial-gradient(circle at 92% 12%,rgba(15,115,87,.10),transparent 18%),linear-gradient(145deg,#f8f5ef,#ffffff)}
.login-shell{width:min(1080px,94vw);min-height:auto;grid-template-columns:1.02fr .98fr;border-radius:34px;border:1px solid rgba(231,221,205,.96);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,251,246,.98));box-shadow:0 34px 90px rgba(18,31,24,.12),0 10px 28px rgba(217,180,107,.10)}
.login-visual{padding:34px 34px 28px;justify-content:flex-start;gap:22px;background-image:linear-gradient(145deg,rgba(7,63,49,.90),rgba(15,115,87,.84) 54%,rgba(11,94,73,.82)),url("../img/login-masjid-hero.svg"),url("../img/islamic-pattern.svg");background-size:cover,cover,220px 220px;background-position:center,center,top right;background-repeat:no-repeat,no-repeat,repeat}
.login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 32%);opacity:.8}
.login-visual:after{width:280px;height:280px;right:-90px;bottom:-100px;box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 80px rgba(255,255,255,.025)}
.brand-lockup{gap:12px}.brand-lockup .brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#13a17b,#0a604a);box-shadow:0 14px 28px rgba(0,0,0,.16)}.brand-lockup strong{font-size:17px}.brand-lockup small{font-size:12px;color:#d8ebe5}
.login-copy{max-width:500px}.login-copy h1{font-size:clamp(30px,3.3vw,48px);line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px;max-width:480px;text-shadow:0 6px 20px rgba(0,0,0,.14)}.login-copy p{font-size:14px;line-height:1.7;color:#e2f0ed;max-width:460px}.eyebrow{font-size:10px;letter-spacing:.26em;color:#ffe3a4}
.visual-pills{gap:8px}.visual-pills span{padding:8px 12px;font-size:11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-weight:780}
.login-float-card{margin-top:4px;max-width:320px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.09));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);box-shadow:0 16px 32px rgba(0,0,0,.12)}.login-float-card b{font-size:14px;color:#fff}.login-float-card small{font-size:11px;line-height:1.6;color:#e3efec}
.login-luxury-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px;max-width:520px}.login-luxury-strip article{padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.login-luxury-strip b{font-size:12px;color:#fff;display:block}.login-luxury-strip small{font-size:10px;line-height:1.55;color:#e3efec;display:block;margin-top:4px}
.login-card.premium{padding:38px 42px;background:linear-gradient(180deg,#fffdf9,#fffaf4)}.login-card.premium:before{top:30px;bottom:30px;background:linear-gradient(180deg,transparent,rgba(217,180,107,.42),transparent)}.login-card .mobile-brand{margin-bottom:14px}.login-card .eyebrow.dark{font-size:10px;letter-spacing:.26em;color:#9c762f}.login-card h2{font-size:22px;line-height:1.15;letter-spacing:-.03em;margin:8px 0 10px}.login-card p.muted{font-size:14px;color:#718079;line-height:1.65;max-width:360px}.login-card form{gap:14px;margin-top:14px}.login-card label{font-size:13px;font-weight:800;color:#193329}.login-card input{height:48px;border-radius:15px;background:#f8fbf9;border:1px solid #dde8e1;padding:12px 14px;font-size:14px}.login-card input:focus{background:#fff;border-color:#89ccb3;box-shadow:0 0 0 4px rgba(15,115,87,.10),0 10px 20px rgba(15,115,87,.05)}.auth-help a{font-size:13px;font-weight:800;color:#0f7357}.login-card .btn.primary.wide{height:48px;border-radius:15px;font-size:15px;box-shadow:0 14px 28px rgba(15,115,87,.18)}.auth-foot{font-size:11px;color:#80908a;margin-top:14px}
/* app more refined */
.app-shell{grid-template-columns:272px minmax(0,1fr)}.sidebar{padding:20px 14px 16px;background:linear-gradient(180deg,#07251c,#083126 40%,#0a281f);border-right:1px solid rgba(255,255,255,.05)}.sidebar:before{background-image:linear-gradient(180deg,rgba(217,180,107,.08),transparent 18%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'%3E%3Cpath d='M70 12l10 18 20 0 10 17-10 17-20 0-10 18-10-18-20 0-10-17 10-17 20 0z'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,140px 140px;background-repeat:no-repeat,repeat}.brand{padding:6px 10px 16px}.brand strong{font-size:17px}.brand small{font-size:11px;color:#b5ccc5}.sidebar-label{font-size:10px;letter-spacing:.2em;color:#7f9b92}.sidebar nav{gap:7px}.sidebar nav a{padding:10px 12px;border-radius:14px;font-size:13px;font-weight:780}.nav-icon{width:32px;height:32px;border-radius:11px;background:rgba(255,255,255,.07)}.nav-icon svg{width:17px;height:17px}.sidebar nav a.active{background:linear-gradient(90deg,rgba(217,180,107,.15),rgba(15,115,87,.24));box-shadow:inset 3px 0 0 var(--accent),0 10px 24px rgba(0,0,0,.14)}.sidebar nav a.active .nav-icon{background:linear-gradient(145deg,rgba(217,180,107,.18),rgba(217,180,107,.10));color:#ffe1a0}
.topbar{height:80px;padding:0 28px;background:rgba(255,253,248,.88);backdrop-filter:blur(15px);border-bottom:1px solid #ebdfcf;box-shadow:0 8px 22px rgba(20,31,24,.03)}.topbar h2{font-size:26px;letter-spacing:-.035em}.crumb{font-size:10px;letter-spacing:.18em;color:#987334}.user-chip b{font-size:12px}.user-chip small{font-size:10px}.page-body{padding:24px;max-width:1460px}
.premium-hero{padding:28px 28px;border-radius:28px;background-image:linear-gradient(125deg,#0a4c3b,#0f7357 56%,#0c6049),url("../img/islamic-pattern.svg");background-size:cover,240px 240px;background-repeat:no-repeat,repeat;background-position:center,top right;box-shadow:0 24px 56px rgba(10,67,51,.16)}.premium-hero:before{background-image:linear-gradient(180deg,rgba(255,255,255,.03),transparent 36%)}.premium-hero h1{font-size:clamp(28px,3.4vw,40px);line-height:1.06}.premium-hero p{font-size:14px;max-width:650px}.hero-actions{margin-top:16px;gap:10px}.plan-chip{min-width:132px;padding:16px 18px;border-radius:18px}.plan-chip b{font-size:16px}
.stats{gap:14px;margin-top:16px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card,.reference-form,.role-guide article,.logo-upload-card,.asset-mobile-card,.report-identity,.auth-single,.install-card{border-radius:20px;background:linear-gradient(180deg,#fffefd,#fffaf4);border:1px solid #ece1d1;box-shadow:var(--shadow-sm)}.stat:before,.panel:before,.search-card:before,.report-card:before,.plan-editor:before,.tenant-card:before,.subscription-card:before{height:3px;background:linear-gradient(90deg,#d9b46b,rgba(217,180,107,.06))}.premium-stats .stat{padding:16px}.stat-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#eef8f2,#fcf1df);border:1px solid #eee1cc}.stat span{font-size:11px;color:#718179}.stat strong{font-size:24px}.panel{padding:18px}.panel h3{font-size:17px}.panel-head{margin-bottom:10px}.table-wrap table{border-spacing:0 8px}.table-wrap thead th{font-size:10px;letter-spacing:.14em;color:#8f7c5f}.table-wrap tbody tr{box-shadow:0 8px 18px rgba(20,31,24,.04)}.table-wrap td{padding:13px 15px}.badge{padding:6px 10px;font-size:10px}
.bottom-nav{background:rgba(255,252,248,.96);border-top:1px solid #ebdfcf;backdrop-filter:blur(16px)}.bottom-nav a{font-weight:780;color:#6a7971}.bottom-nav a.active{color:#0f7357}
@media(max-width:1080px){.login-shell{width:min(980px,95vw)}.login-copy h1{font-size:clamp(28px,3vw,42px)}.login-luxury-strip{grid-template-columns:1fr}.topbar h2{font-size:22px}}
@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.login-shell{grid-template-columns:1fr}.login-visual{padding:28px 24px 24px;border-bottom-left-radius:28px;border-bottom-right-radius:28px}.login-copy{max-width:none}.login-copy h1{max-width:100%;font-size:34px}.login-luxury-strip{grid-template-columns:1fr 1fr}.login-card.premium{padding:28px 24px 34px}.page-body{padding:16px}.premium-hero{padding:22px}.topbar{padding:0 16px;height:74px}.topbar h2{font-size:22px}}
@media(max-width:640px){.auth-bg{padding:0;background:#fcfbf8}.login-shell{width:100%;border:none;border-radius:0;box-shadow:none}.login-visual{padding:24px 18px 20px;gap:16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.brand-lockup .brand-mark{width:42px;height:42px;border-radius:14px}.brand-lockup strong{font-size:16px}.login-copy h1{font-size:28px;line-height:1.08}.login-copy p{font-size:13px}.visual-pills span{padding:7px 10px;font-size:10px}.login-float-card{padding:13px 14px;border-radius:16px}.login-luxury-strip{grid-template-columns:1fr;gap:8px}.login-luxury-strip article{padding:10px 11px;border-radius:14px}.login-card.premium{padding:26px 18px 32px;background:#fff}.login-card h2{font-size:20px}.login-card input,.login-card .btn.primary.wide{height:46px}.topbar{padding:0 12px}.topbar h2{font-size:20px;max-width:200px}.page-body{padding:12px}.premium-hero{padding:18px;border-radius:22px}.premium-hero h1{font-size:26px}.stat,.panel,.search-card,.report-card,.plan-editor,.info-panel,.tenant-card,.subscription-card,.reference-form,.role-guide article,.logo-upload-card,.asset-mobile-card{border-radius:18px}}


/* v0.2.10 - pembaikan Pelan Semasa & profil masjid */
.subscription-card.panel{
  background:radial-gradient(circle at 92% 8%,rgba(226,190,112,.24),transparent 26%),linear-gradient(145deg,#0a4b39 0%,#0d684f 60%,#0b3f31 100%) !important;
  color:#fff !important;border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 24px 54px rgba(8,61,46,.18)!important;
  min-height:280px;
}
.subscription-card:before{background:linear-gradient(90deg,#f0ca7d,rgba(240,202,125,.10))!important}
.subscription-card .section-kicker{color:#f0ca7d!important}.subscription-card h2{color:#fff!important;font-size:30px;margin:5px 0 0}.subscription-card p{color:#dcece6!important;font-size:13px;line-height:1.65;margin:14px 0}.subscription-card .big-price{color:#fff!important;font-size:36px}.subscription-card .big-price small{color:#d4e9e2!important}.subscription-card .subscription-limits span{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.13)!important}.subscription-card .subscription-limits small{color:#bddad0!important}.subscription-card .subscription-limits b{color:#fff!important;font-size:15px}.subscription-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.subscription-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:850}.subscription-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#7ee2ae;box-shadow:0 0 0 4px rgba(126,226,174,.12)}.subscription-note{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);color:#c9dfd7;font-size:10px;font-weight:650}
@media(max-width:900px){.subscription-card.panel{min-height:auto}.subscription-card h2{font-size:26px}.subscription-card .big-price{font-size:31px}}


/* v0.2.11 - Sokongan, pemadaman tenant dan pengurusan storan */
.nav-count{margin-left:auto;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#f7d58d;color:#49340c;font-size:9px;font-weight:900;padding:0 6px}.danger-zone{border:1px solid #f1c4bc;background:linear-gradient(180deg,#fff9f7,#fff3f0);border-radius:20px;padding:20px;margin-top:18px;box-shadow:0 12px 30px rgba(130,45,30,.05)}.danger-zone h3{color:#8f2f20;margin:3px 0 8px}.danger-zone p{color:#755a54}.tenant-danger form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.tenant-danger .confirm-danger{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.tenant-danger .confirm-danger input{width:auto}.danger-btn{grid-column:1/-1;background:#b42318!important;color:#fff!important;border-color:#b42318!important}.danger-btn:hover{background:#8f1d14!important}
.support-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;align-items:start}.support-main{min-width:0}.support-list{position:sticky;top:100px;max-height:calc(100vh - 128px);overflow:auto}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 8px;border-top:1px solid var(--line);color:var(--text);border-radius:12px}.support-ticket-row:hover,.support-ticket-row.active{background:#f4f8f5}.support-ticket-row>div{min-width:0}.support-ticket-row b,.support-ticket-row small{display:block}.support-ticket-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-row small{font-size:10px;color:var(--muted);margin-top:3px}.support-form .form-section span svg{width:20px;height:20px}.support-upload{border:1px dashed #c9dcd2;padding:14px;border-radius:16px;background:#f8fbf9}.support-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.support-detail-head h2{font-size:28px;letter-spacing:-.035em;margin:4px 0}.support-detail-head p{color:var(--muted);margin:0}.ticket-ref{font-size:10px;letter-spacing:.14em;font-weight:900;color:#9a7430}.support-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.priority-badge{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;background:#f1f3f2;color:#53635b}.priority-badge.high{background:#fff3de;color:#945d00}.priority-badge.urgent{background:#fff0ed;color:#b42318}.priority-badge.low{background:#eef5fb;color:#375e83}.support-description{margin:18px 0;padding:16px;border-radius:16px;background:#f8faf8;border:1px solid #e8eee9;line-height:1.7}.support-progress{margin:16px 0}.support-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:7px}.progress-track{height:9px;border-radius:999px;background:#e9efeb;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#0f7357,#45b38c);border-radius:999px}.support-images{margin:18px 0}.support-images h3,.support-timeline h3{font-size:15px}.support-images>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.support-images img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;border:1px solid var(--line);background:#f2f5f3}.support-timeline{margin-top:20px}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:8px;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:7px;top:12px;bottom:-3px;width:1px;background:#dce6df}.timeline-item:last-child:before{display:none}.timeline-dot{width:15px;height:15px;border-radius:50%;background:#d9e7e0;border:4px solid #fff;box-shadow:0 0 0 1px #cbdad2;margin-top:3px;z-index:1}.admin-update .timeline-dot{background:#d9b46b;box-shadow:0 0 0 1px #d0a852}.timeline-meta{display:flex;justify-content:space-between;gap:12px}.timeline-meta b{font-size:12px}.timeline-meta span,.timeline-item small{font-size:10px;color:var(--muted)}.timeline-item p{margin:5px 0;white-space:normal}.support-admin-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:12px}.support-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.storage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.storage-stats article{background:linear-gradient(180deg,#fffefd,#fffaf4);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.storage-stats article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d9b46b,transparent)}.storage-stats span,.storage-stats small{display:block;color:var(--muted);font-size:10px}.storage-stats strong{display:block;font-size:24px;margin:5px 0;letter-spacing:-.03em}.storage-breakdown{display:grid;gap:4px}.storage-breakdown div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.disk-meter{margin-top:16px}.disk-meter>div{height:10px;background:#edf1ee;border-radius:999px;overflow:hidden}.disk-meter i{display:block;height:100%;background:linear-gradient(90deg,#0f7357,#d9b46b);border-radius:999px}.disk-meter small{display:block;margin-top:7px;color:var(--muted)}.tenant-storage-table{margin-top:16px}.tenant-storage-table a{font-weight:800}.storage-grid{align-items:start}
@media(max-width:1050px){.support-layout{grid-template-columns:1fr}.support-list{position:static;max-height:none}.storage-stats{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tenant-danger form,.support-admin-grid{grid-template-columns:1fr}.tenant-danger .confirm-danger,.danger-btn{grid-column:auto}.support-detail-head{display:block}.support-badges{justify-content:flex-start;margin-top:10px}.support-detail-head h2{font-size:22px}.support-images>div{grid-template-columns:1fr 1fr}.storage-stats{grid-template-columns:1fr 1fr;gap:8px}.storage-stats article{padding:14px;border-radius:16px}.storage-stats strong{font-size:19px}.support-ticket-row{align-items:flex-start}.support-ticket-row .badge{max-width:95px;white-space:normal;text-align:center}}

@media(max-width:900px){.bottom-nav{overflow-x:auto;overscroll-behavior-x:contain}.bottom-nav a{min-width:58px}}

/* v0.2.12 - Landing, pembayaran SaaS, billing & komunikasi */
.public-plan-link{display:block;text-align:center;margin-top:12px;font-size:12px;font-weight:850;color:var(--brand)}
.landing-body{background:#f7f5ef;color:#14231c}.landing-header{height:76px;max-width:1240px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand{display:flex;align-items:center;gap:11px;color:#14231c}.landing-brand b,.landing-brand small{display:block}.landing-brand small{color:#72827a;font-size:11px}.landing-header nav{display:flex;align-items:center;gap:20px}.landing-header nav>a:not(.btn){font-size:13px;font-weight:800;color:#52645b}.landing-hero{max-width:1240px;margin:12px auto 0;padding:56px 54px;border-radius:34px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px;color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(125deg,rgba(8,66,50,.97),rgba(15,115,87,.93) 58%,rgba(11,94,73,.92)),url("../img/islamic-pattern.svg");background-size:cover,240px 240px;box-shadow:0 30px 80px rgba(9,56,43,.18)}.landing-hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-130px;bottom:-220px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02)}.landing-hero>*{position:relative;z-index:1}.landing-kicker{font-size:10px;letter-spacing:.23em;font-weight:900;color:#f4d58f}.landing-hero h1{font-size:clamp(40px,5vw,66px);line-height:1;letter-spacing:-.055em;margin:12px 0 16px;max-width:720px}.landing-hero p{font-size:16px;line-height:1.75;color:#dcece7;max-width:620px}.landing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.landing-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;color:#cfe4dd;font-size:11px}.landing-visual{min-height:360px;position:relative}.mosque-glow{position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(circle,rgba(236,204,137,.22),transparent 68%)}.landing-card{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.15);border-radius:24px}.landing-card.main{left:8%;top:24%;width:66%;padding:24px}.landing-card.main span,.landing-card.main small{display:block;color:#dbeae5}.landing-card.main b{display:block;font-size:54px;line-height:1;margin:8px 0}.landing-card.mini{padding:15px 18px}.landing-card.mini b,.landing-card.mini small{display:block}.landing-card.mini small{color:#dcebe7;font-size:10px}.landing-card.one{right:1%;top:12%}.landing-card.two{right:0;bottom:12%}.landing-section{max-width:1240px;margin:74px auto;padding:0 22px}.landing-section-head{max-width:720px;margin-bottom:26px}.landing-section-head>span{font-size:10px;letter-spacing:.2em;font-weight:900;color:#9b7531}.landing-section-head h2{font-size:38px;letter-spacing:-.045em;margin:7px 0 8px}.landing-section-head p{color:#6d7c74}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-grid article{padding:22px;border:1px solid #eadfce;border-radius:22px;background:linear-gradient(180deg,#fff,#fffbf5);box-shadow:0 12px 28px rgba(20,31,24,.05)}.feature-grid b{font-size:16px}.feature-grid p{margin:8px 0 0;color:#718179;font-size:13px}.public-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-plan{padding:26px;border-radius:26px;background:#fff;border:1px solid #e8ddca;box-shadow:0 18px 38px rgba(20,31,24,.06);position:relative}.public-plan.featured{border-color:#c9ae73;transform:translateY(-8px);box-shadow:0 24px 54px rgba(15,98,73,.12)}.public-plan em{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:#eff8f2;color:#0f7357;font-size:9px;font-style:normal;font-weight:900}.plan-overline{font-size:9px;letter-spacing:.17em;color:#9b7531;font-weight:900}.public-plan h3{font-size:25px;margin:8px 0}.public-plan p{color:#6e7e76;min-height:66px}.public-price{font-size:34px;font-weight:900;letter-spacing:-.04em}.public-price small{font-size:12px;color:#76867e;font-weight:700}.annual-price{color:#876725;font-size:12px;margin:3px 0 16px}.public-plan ul{padding:0;list-style:none;display:grid;gap:9px;min-height:150px}.public-plan li{font-size:12px;color:#52655c}.payment-strip{max-width:1196px;margin:70px auto;padding:28px 32px;border-radius:26px;background:linear-gradient(125deg,#0b4637,#0f7357);color:#fff;display:flex;justify-content:space-between;gap:22px;align-items:center}.payment-strip span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#f0d18b}.payment-strip h2{margin:4px 0 0}.payment-methods{display:flex;gap:9px;flex-wrap:wrap}.payment-methods span{padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);border-radius:999px;color:#fff;letter-spacing:0}.faq details{background:#fff;border:1px solid #e9dfcf;border-radius:18px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:850;cursor:pointer}.faq details p{margin:10px 0 0;color:#6d7d75}.landing-footer{max-width:1240px;margin:70px auto 24px;border-top:1px solid #e7ddcd;padding:22px;display:flex;justify-content:space-between}.landing-footer b,.landing-footer small{display:block}.landing-footer small{color:#75857d}
.public-checkout-bg{min-height:100vh;padding:28px;background:radial-gradient(circle at 8% 12%,rgba(217,180,107,.19),transparent 20%),linear-gradient(145deg,#f8f5ef,#fff)}.checkout-shell{max-width:1040px;margin:auto}.checkout-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;margin-top:18px;border-radius:30px;overflow:hidden;border:1px solid #e7dccb;box-shadow:0 28px 80px rgba(20,31,24,.10)}.checkout-summary{padding:38px;background-image:linear-gradient(145deg,rgba(8,64,49,.96),rgba(15,115,87,.92)),url("../img/islamic-pattern.svg");color:#fff}.checkout-summary h1{font-size:40px;margin:8px 0}.checkout-summary p{color:#dbeae5}.cycle-price{display:grid;gap:10px;margin:24px 0}.cycle-price span{display:flex;justify-content:space-between;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13)}.checkout-safe{margin-top:24px;line-height:2;color:#d9ebe5;font-size:12px}.checkout-form{padding:38px;background:#fffdf9;display:grid;gap:14px}.checkout-form h2{font-size:25px;margin:0 0 6px}.payment-info{padding:14px 16px;border-radius:16px;background:#f8f3e8;border:1px solid #eadcc1;display:grid;gap:3px}.payment-info span{color:#687a71}.payment-info strong{font-size:18px}.qr-payment img{max-width:220px;max-height:220px;object-fit:contain;background:#fff;border-radius:14px;padding:8px}.checkout-note{text-align:center;color:#809087}.payment-result{width:min(94vw,560px);margin:70px auto;background:#fff;padding:42px;border-radius:28px;border:1px solid #e8dece;box-shadow:0 24px 70px rgba(20,31,24,.10);text-align:center}.result-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900}.result-icon.ok{background:#eaf8ef;color:#087347}.result-icon.pending{background:#fff4dd;color:#946006}.payment-result h1{font-size:30px}.result-actions{display:flex;gap:9px;justify-content:center;margin-top:22px}
.billing-expiry-list{display:grid}.billing-expiry-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.billing-expiry-list article b,.billing-expiry-list article small{display:block}.billing-expiry-list article small{color:var(--muted);margin-top:2px}.billing-actions{display:flex;gap:7px}.mail-dialog{width:min(92vw,520px);border:1px solid #e8ddca;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.20)}.mail-dialog::backdrop{background:rgba(5,30,23,.56);backdrop-filter:blur(5px)}.mail-dialog form{padding:24px;display:grid;gap:14px;position:relative}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:#f3f5f4;width:34px;height:34px;border-radius:10px;font-size:20px}.payment-settings-panel{margin-top:18px}.checkline{display:flex!important;align-items:center;gap:9px;padding:12px 14px;border:1px solid #e4e9e5;border-radius:14px;background:#f8faf9}.checkline input{width:auto;margin:0}.cron-box{padding:14px;border-radius:16px;background:#f8f4e9;border:1px solid #eadcc1;display:grid;gap:6px}.cron-box code{display:block;overflow-wrap:anywhere;background:#fff;padding:10px;border-radius:10px;color:#345347}.cron-box small{color:#78877f}
@media(max-width:900px){.landing-header nav>a:not(.btn){display:none}.landing-hero{margin:0 12px;padding:34px 28px;grid-template-columns:1fr}.landing-visual{min-height:250px}.feature-grid,.public-plan-grid{grid-template-columns:1fr 1fr}.checkout-grid{grid-template-columns:1fr}.public-plan.featured{transform:none}.billing-expiry-list article{grid-template-columns:1fr auto}.billing-actions{grid-column:1/-1}}
@media(max-width:640px){.landing-header{height:66px;padding:0 14px}.landing-header nav{gap:8px}.landing-hero{padding:28px 20px;border-radius:24px}.landing-hero h1{font-size:36px}.landing-hero p{font-size:14px}.landing-visual{display:none}.landing-section{margin:48px auto;padding:0 14px}.landing-section-head h2{font-size:29px}.feature-grid,.public-plan-grid{grid-template-columns:1fr}.payment-strip{margin:48px 14px;padding:22px;display:block}.payment-methods{margin-top:16px}.public-checkout-bg{padding:0}.checkout-shell>.back-link{display:block;padding:14px 18px}.checkout-grid{margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}.checkout-summary,.checkout-form{padding:24px 18px}.checkout-summary h1{font-size:32px}.payment-result{margin:0;width:100%;min-height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center}.result-actions{display:grid}.billing-expiry-list article{display:grid;grid-template-columns:1fr}.billing-actions{grid-column:auto}.mail-dialog{width:94vw}}


/* v0.2.13 - langganan sendiri, voucher & popup promosi */
.renewal-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:15px 18px;border-radius:18px;background:linear-gradient(135deg,#fff9eb,#fff);border:1px solid #efdfba;box-shadow:var(--shadow-sm)}.renewal-banner>div{min-width:0}.renewal-banner span,.renewal-banner b,.renewal-banner small{display:block}.renewal-banner span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#997026}.renewal-banner b{font-size:15px;color:var(--text);margin:2px 0}.renewal-banner small{font-size:10px;color:var(--muted)}.renewal-banner.urgent{background:linear-gradient(135deg,#fff0e7,#fff9f4);border-color:#f0c7ad}.subscription-renew-btn{margin-top:14px;background:#fff;color:#0f7357!important}
.voucher-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.voucher-input-row .btn{white-space:nowrap}.voucher-message{font-size:11px;font-weight:750;min-height:16px}.voucher-message.ok{color:#067647}.voucher-message.bad{color:#b42318}.voucher-price-preview{margin:18px 0;padding:16px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}.voucher-price-preview span,.voucher-price-preview b,.voucher-price-preview small{display:block}.voucher-price-preview b{font-size:24px;margin:3px 0}.voucher-price-preview small{opacity:.78}
.subscription-self-shell{min-height:100vh;background:radial-gradient(circle at 0 0,rgba(217,180,107,.14),transparent 20%),#f7f4ed}.self-topbar{height:78px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.92);backdrop-filter:blur(14px);border-bottom:1px solid #eadfce;position:sticky;top:0;z-index:10}.self-subscription-body{width:min(1180px,94vw);margin:0 auto;padding:28px 0 50px}.self-current-plan{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(217,180,107,.20),transparent 28%),linear-gradient(125deg,#0a4c3b,#0f7357 58%,#0b6049);color:#fff;box-shadow:0 24px 54px rgba(10,67,51,.16)}.self-current-plan span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#ffe1a2}.self-current-plan h1{font-size:34px;margin:4px 0}.self-current-plan p{margin:0;color:#deece8}.days-orb{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}.days-orb b{font-size:32px;line-height:1}.days-orb small{font-size:10px;color:#dceae6}.self-renew-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:16px;align-items:start}.self-renew-form h2,.self-history h2{margin:5px 0 16px}.self-renew-form{display:grid;gap:13px}.self-price-box{padding:14px 16px;border-radius:16px;background:#f8f4e9;border:1px solid #eddfc4}.self-price-box span,.self-price-box b,.self-price-box small{display:block}.self-price-box b{font-size:25px;color:#0f7357}.self-price-box small{font-size:10px;color:var(--muted)}.self-history article{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.self-history article>div:first-child{min-width:0}.self-history b,.self-history small{display:block}.self-history small{font-size:10px;color:var(--muted)}.self-history article>div:last-child{text-align:right}.self-history strong{display:block;white-space:nowrap}
.promo-admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.promo-admin-grid.popup-admin{margin-top:16px}.voucher-list,.popup-list{display:grid;gap:8px}.voucher-list article,.popup-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:15px;background:#fbfaf6;border:1px solid #eee4d5}.voucher-list b,.voucher-list small,.popup-list b,.popup-list small{display:block}.voucher-list small,.popup-list small{font-size:10px;color:var(--muted)}.popup-list article{grid-template-columns:auto minmax(0,1fr) auto auto}.popup-list img,.promo-media-mini{width:50px;height:44px;border-radius:10px;object-fit:cover;background:#eaf5f0;display:grid;place-items:center;color:#0f7357;font-weight:900}
.landing-ad-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(5,25,19,.60);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:adFade .22s ease}.landing-ad-backdrop.closing{opacity:0;transition:.22s opacity}.landing-ad-card{position:relative;width:min(92vw,620px);max-height:88vh;overflow:auto;border-radius:28px;background:#fffdf9;border:1px solid rgba(255,255,255,.7);box-shadow:0 35px 100px rgba(0,0,0,.30)}.landing-ad-close{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(5,38,29,.78);color:#fff;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.landing-ad-image,.landing-ad-video{width:100%;display:block;max-height:52vh;object-fit:cover;background:#081e17}.landing-ad-copy{padding:26px}.landing-ad-copy>span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#9d742a}.landing-ad-copy h2{font-size:30px;letter-spacing:-.04em;margin:6px 0 10px}.landing-ad-copy p{color:#66776f;font-size:14px;line-height:1.7}.landing-ad-card.type-image .landing-ad-image,.landing-ad-card.type-video .landing-ad-video{max-height:78vh;object-fit:contain}.landing-ad-media-link{position:absolute;inset:0}.landing-ad-timer{height:4px;background:#eee7da;position:relative}.landing-ad-timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d9b46b,#0f7357);transition:.25s width linear}.landing-ad-timer small{position:absolute;right:12px;bottom:8px;background:rgba(5,38,29,.80);color:#fff;border-radius:999px;padding:4px 8px;font-size:9px}@keyframes adFade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.self-renew-grid,.promo-admin-grid{grid-template-columns:1fr}.self-current-plan{padding:22px}.voucher-list article{grid-template-columns:1fr auto}.voucher-list article>div:last-child{grid-column:1/-1}.popup-list article{grid-template-columns:auto 1fr}.popup-list article>span,.popup-list article>div:last-child{grid-column:2}.landing-ad-card{border-radius:22px}}
@media(max-width:640px){.renewal-banner{display:block;padding:14px}.renewal-banner .btn{width:100%;margin-top:10px}.self-topbar{height:68px;padding:0 12px}.self-topbar .landing-brand small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.self-subscription-body{width:auto;padding:14px 12px 36px}.self-current-plan{padding:18px;border-radius:22px}.self-current-plan h1{font-size:26px}.days-orb{width:82px;height:82px}.days-orb b{font-size:25px}.landing-ad-copy{padding:20px 18px}.landing-ad-copy h2{font-size:24px}.landing-ad-image,.landing-ad-video{max-height:44vh}}

/* v0.2.14 - SMTP */
.smtp-actions{align-items:center;gap:14px}.smtp-actions>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mail-driver-note{max-width:460px;font-size:11px;color:var(--muted);line-height:1.5}@media(max-width:640px){.smtp-actions>div{display:grid;grid-template-columns:1fr;width:100%}.smtp-actions .btn{width:100%}.mail-driver-note{max-width:none}}


/* v0.2.15 - Plan Feature Control & Entitlement */
.plan-comparison-note{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;margin-bottom:18px;border:1px solid #eadfc9;border-radius:18px;background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:var(--shadow-sm)}.plan-comparison-note b{color:#77551d}.plan-comparison-note span{color:var(--muted);font-size:12px;text-align:right}.entitlement-plan-grid .plan-editor{overflow:visible}.entitlement-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.entitlement-box{padding:16px;border:1px solid #e7dcc9;border-radius:18px;background:linear-gradient(180deg,#fffdf8,#fbf8f1)}.entitlement-box>b{display:block;font-size:14px}.entitlement-box>small{display:block;color:var(--muted);margin:3px 0 12px}.entitlement-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.entitlement-check{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;padding:10px;border-radius:13px;background:#fff;border:1px solid #eee4d4;cursor:pointer}.entitlement-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand)}.entitlement-check span{display:block}.entitlement-check b{display:block;font-size:12px}.entitlement-check small{display:block;font-size:10px;color:var(--muted);font-weight:500}.feature-locked-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;background:linear-gradient(135deg,#fffaf0,#fff)!important}.feature-locked-card h3{margin:4px 0 6px}.feature-locked-card p{margin:0;color:var(--muted);max-width:760px}.feature-locked-btn{border-style:dashed}.feature-lock-badge,.premium-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff4da;color:#805c1d;border:1px solid #edd69d;font-size:10px;font-weight:900}.advanced-report-panel,.audit-panel{margin-top:16px}.advanced-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.advanced-kpis span{padding:14px;border-radius:15px;background:#f7faf8;border:1px solid #e4ece7}.advanced-kpis small,.advanced-kpis b{display:block}.advanced-kpis small{color:var(--muted);font-size:10px}.advanced-kpis b{margin-top:4px;font-size:17px}.analytics-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee7dc;font-size:12px}.analytics-row span{color:var(--muted)}.audit-row{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:11px 0;border-top:1px solid #eee7dc}.audit-row>span{font-size:11px;font-weight:900;color:#8b6a30}.audit-row b,.audit-row small{display:block}.audit-row small{color:var(--muted);font-size:10px}.quota-cell{min-width:120px}.quota-cell>div,.tenant-quota-meter>div{height:7px;border-radius:999px;background:#eee8dd;overflow:hidden}.quota-cell i,.tenant-quota-meter i{display:block;height:100%;background:linear-gradient(90deg,#15916e,#d9b46b);border-radius:inherit}.quota-cell small{display:block;margin-top:4px;color:var(--muted)}.plan-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-quota-meter{margin:14px 0}.tenant-quota-meter small{display:block;margin-top:6px;color:#d8e9e2}.self-feature-summary{margin:26px 0}.self-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.self-feature-plan{padding:18px;border-radius:20px;background:#fff;border:1px solid #e9dfcf;box-shadow:var(--shadow-sm)}.self-feature-plan.current{border-color:#caa35d;box-shadow:0 14px 34px rgba(202,163,93,.14)}.self-feature-plan>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.self-feature-plan>div b{font-size:18px}.self-feature-plan em{font-style:normal;font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;background:#fff2d9;color:#805a1c}.self-feature-plan>span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.self-feature-plan ul{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:6px}.self-feature-plan li{font-size:11px}.self-feature-plan li.on:before{content:'✓ ';color:#078555;font-weight:900}.self-feature-plan li.off{color:#9aa29e}.self-feature-plan li.off:before{content:'— ';color:#b1b7b4}.public-plan-capacity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:13px 0}.public-plan-capacity span{text-align:center;padding:9px 5px;border-radius:12px;background:#f8faf8;border:1px solid #e8eee9}.public-plan-capacity b,.public-plan-capacity small{display:block}.public-plan-capacity b{font-size:12px}.public-plan-capacity small{font-size:9px;color:var(--muted)}.public-plan li.off{color:#9ca59f}.feature-locked-page{text-align:left}
@media(max-width:900px){.self-feature-grid{grid-template-columns:1fr}.entitlement-checks{grid-template-columns:1fr}.advanced-kpis{grid-template-columns:1fr}.feature-locked-card{align-items:flex-start;flex-direction:column}.plan-comparison-note{align-items:flex-start;flex-direction:column}.plan-comparison-note span{text-align:left}}


/* v0.2.16 - landing page komersial premium */
.landing-body-v216{background:linear-gradient(180deg,#fbf8f2,#f7f2e8 45%,#f8f4ec);color:#173128}
.landing-wrap{width:min(1200px,calc(100% - 32px));margin:0 auto}
.landing-topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#053628,#074432 55%,#063327);border-bottom:1px solid rgba(228,207,154,.14);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.landing-brand.luxury{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.landing-brand.luxury b{display:block;font-size:17px;color:#fff}.landing-brand.luxury small{display:block;color:#d2e3dd;font-size:12px}.landing-brand-emblem{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#0d7659,#063f30);border:1px solid rgba(230,206,152,.35);display:grid;place-items:center;box-shadow:0 10px 22px rgba(0,0,0,.16)}.landing-brand-emblem span{font-weight:900;color:#f1d28a;letter-spacing:.06em}
.landing-nav{display:flex;align-items:center;gap:26px}.landing-nav a{color:#f4f0e7;text-decoration:none;font-weight:700;font-size:14px}.landing-nav a:hover{color:#f2d08d}.landing-top-actions{display:flex;align-items:center;gap:12px}.btn.outline-gold{background:transparent;color:#f1d28a;border:1px solid rgba(241,210,138,.7)}.btn.gold{background:linear-gradient(135deg,#f0cd7f,#d6a943);color:#153127;border:1px solid rgba(247,223,160,.4);box-shadow:0 14px 26px rgba(190,143,43,.26)}.btn.outline-light{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.2)}
.landing-hero-pro{position:relative;overflow:hidden;padding:34px 0 22px}.landing-hero-pro:before,.landing-hero-pro:after{content:"";position:absolute;pointer-events:none}.landing-hero-pro:before{inset:0;background:radial-gradient(circle at 0 0,rgba(228,193,107,.18),transparent 18%),radial-gradient(circle at 100% 0,rgba(13,118,89,.10),transparent 15%)}.landing-hero-pro:after{right:0;top:110px;width:280px;height:540px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));opacity:.45}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center}
.hero-copy-side{padding:22px 0 10px}.landing-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#f2f7f2;border:1px solid #d7e9db;color:#185040;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(18,31,24,.05)}.hero-copy-side h1{margin:18px 0 14px;font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.055em;font-family:Georgia, 'Times New Roman', serif;color:#173128;max-width:640px}.hero-copy-side h1 em{color:#b5872f;font-style:normal}.hero-copy-side p{max-width:560px;font-size:18px;line-height:1.7;color:#55655d}.hero-action-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.hero-main,.hero-secondary{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:15px 18px;min-width:200px}.hero-main span,.hero-secondary span{font-size:17px}.hero-main small,.hero-secondary small{font-size:12px;color:inherit;opacity:.82}.hero-micro-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:#7c6c44;font-size:13px;font-weight:700}.hero-micro-proof span{display:flex;align-items:center;gap:8px}.hero-micro-proof span:before{content:"•";color:#d9b46b}
.hero-visual-side{position:relative;min-height:580px}.dashboard-preview-card{display:grid;grid-template-columns:184px minmax(0,1fr);border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 26px 70px rgba(16,38,31,.16);border:1px solid #eadfcb}.dashboard-side-menu{padding:22px;background:linear-gradient(180deg,#084233,#095642 50%,#063d2e);color:#fff}.dashboard-side-menu b{display:block;margin-bottom:18px;font-size:17px}.dashboard-side-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dashboard-side-menu li{padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700;background:rgba(255,255,255,.04)}.dashboard-side-menu li.active{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.09));box-shadow:inset 2px 0 0 #f0cd7f}
.dashboard-preview-main{padding:20px}.mini-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mini-stat-grid article{padding:14px;border-radius:18px;background:#fffdf8;border:1px solid #ece1d0;box-shadow:0 10px 24px rgba(18,31,24,.04)}.mini-stat-grid small{display:block;color:#7f8e87;font-size:11px}.mini-stat-grid strong{display:block;margin:8px 0 4px;font-size:24px;color:#173128}.mini-stat-grid span{font-size:11px;color:#1d7e5d}
.hero-preview-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.chart-box,.activity-box,.asset-table-faux{border:1px solid #ece1d0;border-radius:22px;background:#fffdf8;padding:14px;box-shadow:0 10px 24px rgba(18,31,24,.04)}.box-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.box-head b{font-size:14px;color:#173128}.donut-and-legend{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center}.donut-faux{width:116px;height:116px;border-radius:50%;background:conic-gradient(#2a9d8f 0 38%,#e9c46a 38% 64%,#84a98c 64% 82%,#52796f 82% 94%,#d6dccd 94% 100%);position:relative;box-shadow:inset 0 0 0 14px rgba(255,255,255,.18)}.donut-faux:after{content:"";position:absolute;inset:24px;background:#fffdf8;border-radius:50%}.donut-and-legend ul,.activity-box ul{list-style:none;margin:0;padding:0}.donut-and-legend li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:12px;color:#53625c}.donut-and-legend li i{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:8px;flex:0 0 auto}.donut-and-legend li span{margin-left:auto;color:#173128;font-weight:800}.activity-box li{padding:9px 0;border-bottom:1px dashed #e8dfd0}.activity-box li:last-child{border-bottom:none}.activity-box strong{display:block;font-size:13px;color:#1b352c}.activity-box span{font-size:11px;color:#75827b}.asset-table-faux{margin-top:12px}.asset-table-faux table{width:100%;border-collapse:collapse}.asset-table-faux th{padding:10px 8px;text-align:left;font-size:11px;color:#8f7c5f;border-bottom:1px solid #efe5d5}.asset-table-faux td{padding:10px 8px;font-size:12px;color:#395046;border-bottom:1px solid #f5eee2}.asset-table-faux td.ok{color:#0f7a5a;font-weight:800}
.phone-preview-faux{position:absolute;right:-16px;bottom:22px;width:220px;border-radius:32px;background:#10261f;padding:12px 12px 16px;box-shadow:0 28px 60px rgba(0,0,0,.22);transform:rotate(4deg)}.phone-top{padding:10px 12px;text-align:center;font-weight:700;font-size:13px;color:#fff;border-radius:22px 22px 16px 16px;background:linear-gradient(180deg,#0e5f49,#0b3d31)}.phone-body{background:#fefdf9;border-radius:20px;padding:18px;text-align:center}.phone-body small{color:#77857d;font-size:11px}.phone-body b{display:block;margin-top:6px;font-size:18px;color:#173128}.phone-body span{display:block;color:#51625a;font-size:13px;margin-top:2px}.qr-faux{width:110px;height:110px;margin:14px auto;background:linear-gradient(90deg,#173128 50%,#fff 50%),linear-gradient(#173128 50%,#fff 50%);background-size:16px 16px;border:8px solid #fff;box-shadow:0 0 0 1px #d8dfdc;border-radius:12px}.phone-body em{display:inline-block;padding:6px 12px;border-radius:999px;background:#ebfbf3;color:#0f7a5a;font-style:normal;font-size:11px;font-weight:800}.phone-body p{margin:10px 0 0;text-align:left;color:#708079;font-size:12px}.phone-body p strong{display:block;font-size:13px;color:#173128}
.quick-feature-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:12px}.quick-feature-row article{padding:18px;border-radius:22px;background:#fffdf9;border:1px solid #ece1d0;box-shadow:0 12px 24px rgba(18,31,24,.05)}.quick-feature-row b{display:block;font-size:16px;color:#173128;margin-bottom:8px}.quick-feature-row p{margin:0;color:#65736d;font-size:13px;line-height:1.6}
.landing-section-xl{padding:64px 0}.section-heading{margin-bottom:24px}.section-heading.center{text-align:center}.section-heading span{display:inline-block;margin-bottom:10px;color:#c18d32;font-size:12px;font-weight:900;letter-spacing:.12em}.section-heading h2{margin:0;font-size:44px;line-height:1.05;letter-spacing:-.04em;color:#173128;font-family:Georgia, 'Times New Roman', serif}.section-heading.light span,.section-heading.light h2{color:#fff}.section-heading.center p{max-width:700px;margin:10px auto 0;color:#cfddd9}
.function-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.function-card-grid article{padding:22px;border-radius:22px;background:#fffdf8;border:1px solid #ece1d0;box-shadow:0 12px 26px rgba(18,31,24,.05)}.function-card-grid b{display:block;color:#173128;font-size:16px;margin-bottom:8px}.function-card-grid p{margin:0;color:#67756e;font-size:14px;line-height:1.65}
.pricing-showcase{padding:68px 0;background:linear-gradient(180deg,#063d2f,#095440);position:relative;overflow:hidden}.pricing-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 100%,rgba(228,193,107,.14),transparent 26%),radial-gradient(circle at 100% 0,rgba(255,255,255,.06),transparent 20%)}.luxury-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-plan-card{padding:24px;border-radius:26px;background:#fffefb;border:1px solid rgba(234,223,203,.95);box-shadow:0 24px 46px rgba(0,0,0,.16);position:relative}.public-plan-card.featured{background:linear-gradient(180deg,#0b4f3d,#07382b);color:#fff;border-color:rgba(240,205,127,.35);transform:translateY(-10px)}.public-plan-card em{position:absolute;left:24px;top:-14px;padding:8px 14px;border-radius:999px;background:#d9ab49;color:#173128;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.1em}.plan-badge{display:inline-block;padding:8px 12px;border-radius:999px;background:#f8f2df;color:#8f6a22;font-size:11px;font-weight:900;letter-spacing:.1em}.public-plan-card.featured .plan-badge{background:rgba(255,255,255,.12);color:#f2d08d}.public-plan-card h3{margin:16px 0 8px;font-size:32px;line-height:1;color:inherit;font-family:Georgia, 'Times New Roman', serif}.public-plan-card p{margin:0 0 14px;color:inherit;opacity:.84;min-height:42px}.plan-price-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:6px}.plan-price-row strong{font-size:44px;line-height:1;font-family:Georgia, 'Times New Roman', serif}.plan-price-row small{font-size:15px}.annual-note{font-size:13px;opacity:.8;margin-bottom:16px}.public-plan-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}.public-plan-card li{padding-left:20px;position:relative;font-size:14px;line-height:1.5}.public-plan-card li:before{content:"✓";position:absolute;left:0;top:0;color:#0f7a5a;font-weight:900}.public-plan-card.featured li:before{color:#f2d08d}.pricing-benefit-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.pricing-benefit-strip span{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#edf4f0;text-align:center;font-size:13px;font-weight:700}
.testimonials-wrap{background:linear-gradient(180deg,#fbf8f2,#f8f4ec)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.testimonial-grid article{padding:22px;border-radius:22px;background:#fffdf9;border:1px solid #ece1d0;box-shadow:0 12px 24px rgba(18,31,24,.05)}.testimonial-grid p{margin:0 0 16px;color:#55665d;font-size:15px;line-height:1.7}.testimonial-grid b{display:block;color:#173128}.testimonial-grid small{color:#80908a}
.final-cta-panel{margin:18px auto 58px;padding:28px 32px;border-radius:28px;background:linear-gradient(135deg,#073b2c,#0a5843 60%,#0c4a39);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 24px 48px rgba(10,67,51,.18)}.final-cta-panel h2{margin:0 0 8px;font-size:38px;line-height:1.02;font-family:Georgia, 'Times New Roman', serif}.final-cta-panel p{margin:0;color:#dce8e3;font-size:16px;line-height:1.65}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.faq-luxury{padding-bottom:70px}.faq-grid-luxury{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faq-grid-luxury details{padding:18px;border-radius:20px;background:#fffdf9;border:1px solid #ece1d0;box-shadow:0 12px 24px rgba(18,31,24,.05)}.faq-grid-luxury summary{cursor:pointer;font-weight:800;color:#173128}.faq-grid-luxury p{margin:12px 0 0;color:#64736b;line-height:1.7}
.landing-footer-pro{padding:28px 0 18px;background:linear-gradient(180deg,#063628,#04281e);color:#edf3ef}.footer-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr .8fr;gap:24px}.landing-footer-pro p,.landing-footer-pro a,.landing-footer-pro small{color:#d4e1dc;text-decoration:none}.landing-footer-pro b{display:block;margin-bottom:10px;color:#fff}.landing-footer-pro a{display:block;margin-bottom:8px}.social-faux{display:flex;gap:10px;flex-wrap:wrap}.social-faux span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800}.footer-bottom{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);font-size:12px;color:#bed1ca}
@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.hero-visual-side{min-height:0}.dashboard-preview-card{margin-right:100px}.quick-feature-row{grid-template-columns:repeat(3,minmax(0,1fr))}.function-card-grid,.luxury-grid,.testimonial-grid,.faq-grid-luxury{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.landing-nav{display:none}.topbar-inner{padding:12px 0}.landing-top-actions .btn{padding:10px 14px;font-size:13px}.hero-copy-side h1{font-size:clamp(34px,8vw,54px)}.hero-copy-side p{font-size:16px}.dashboard-preview-card{grid-template-columns:1fr;margin-right:0}.dashboard-side-menu{display:none}.mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview-panels{grid-template-columns:1fr}.phone-preview-faux{position:relative;right:auto;bottom:auto;width:210px;margin:18px auto 0;transform:none}.quick-feature-row,.function-card-grid,.luxury-grid,.testimonial-grid,.faq-grid-luxury,.pricing-benefit-strip,.footer-grid{grid-template-columns:1fr}.final-cta-panel{flex-direction:column;align-items:flex-start}.final-cta-panel h2{font-size:30px}}
@media(max-width:640px){.landing-wrap{width:min(100% - 20px,1200px)}.landing-brand-emblem{width:46px;height:46px;border-radius:15px}.landing-brand.luxury b{font-size:16px}.hero-copy-side{padding-top:10px}.landing-chip{font-size:11px;padding:8px 12px}.hero-copy-side h1{font-size:34px}.hero-copy-side p{font-size:15px}.hero-action-row{flex-direction:column}.hero-main,.hero-secondary{width:100%}.hero-micro-proof{gap:10px}.landing-hero-pro{padding-top:18px}.mini-stat-grid article{padding:12px}.mini-stat-grid strong{font-size:20px}.chart-box,.activity-box,.asset-table-faux,.quick-feature-row article,.function-card-grid article,.testimonial-grid article,.faq-grid-luxury details,.public-plan-card{border-radius:18px}.section-heading h2{font-size:32px}.public-plan-card h3{font-size:28px}.plan-price-row strong{font-size:36px}.final-cta-panel{padding:22px 20px;border-radius:22px}.final-cta-panel h2{font-size:28px}.final-cta-panel p{font-size:14px}.footer-grid{gap:18px}}


/* v0.2.17 - landing page dipadankan lebih rapat dengan cadangan */
.landing-body-v217 .landing-chip svg,.landing-body-v217 .hero-micro-proof svg,.landing-body-v217 .feature-icon-box svg,.landing-body-v217 .icon-badge svg,.landing-body-v217 .experience-icon svg,.landing-body-v217 .mini-icon svg,.landing-body-v217 .plan-mini-meta svg,.landing-body-v217 .pricing-benefit-strip svg,.landing-body-v217 .quote-stars svg,.landing-body-v217 .row-icon svg{width:18px;height:18px;display:block}
.landing-topbar.v217{background:linear-gradient(180deg,#063527,#084735)}
.landing-body-v217 .landing-chip{gap:9px}.landing-body-v217 .landing-chip svg{color:#0f7357}
.landing-body-v217 .hero-grid{gap:26px}.landing-body-v217 .hero-copy-side h1{max-width:700px}.landing-body-v217 .hero-copy-side p{max-width:580px}
.landing-body-v217 .hero-micro-proof{color:#6b6e54}.landing-body-v217 .hero-micro-proof span{display:inline-flex;align-items:center;gap:8px}.landing-body-v217 .hero-micro-proof span:before{display:none}
.landing-body-v217 .dashboard-preview-card.refined{background:#fff}.landing-body-v217 .preview-topline{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;border-radius:14px;background:#f6fbf7;border:1px solid #deece4;color:#265142}.landing-body-v217 .preview-topline b{font-size:13px}.landing-body-v217 .preview-topline small{margin-left:auto;color:#6c8078;font-size:11px}.landing-body-v217 .online-dot{width:10px;height:10px;border-radius:50%;background:#0f7a5a;box-shadow:0 0 0 5px rgba(15,122,90,.12)}
.landing-body-v217 .mini-stat-grid article{position:relative;padding-top:16px}.landing-body-v217 .mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ecfaf4,#fbf2df);color:#0d7858;border:1px solid #eee2cf;margin-bottom:8px}.landing-body-v217 .mini-icon svg{width:17px;height:17px}
.landing-body-v217 .box-head span{font-size:11px;color:#8e7a5f;font-weight:700}.landing-body-v217 .legend-label{display:flex;align-items:center;gap:8px}.landing-body-v217 .activity-box li{display:flex;align-items:flex-start;gap:10px}.landing-body-v217 .row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#eff8f2;color:#0f7a5a;border:1px solid #deece4;flex:0 0 auto}.landing-body-v217 .row-icon svg{width:16px;height:16px}
.landing-body-v217 .phone-preview-faux.refined{padding:10px;background:linear-gradient(180deg,#0d2a21,#102d24)}.landing-body-v217 .phone-info-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;text-align:left}.landing-body-v217 .phone-info-row label{display:block;font-size:11px;color:#80908a;margin-bottom:3px}.landing-body-v217 .phone-info-row strong{display:block;font-size:12px;color:#173128}
.landing-body-v217 .icon-strip-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.landing-body-v217 .icon-strip-row article{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:20px;background:#fffdf9;border:1px solid #ece1d0;box-shadow:0 10px 22px rgba(18,31,24,.04)}.landing-body-v217 .icon-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eff9f3,#fbf1df);color:#0f7a5a;border:1px solid #eee2cf;flex:0 0 auto}.landing-body-v217 .icon-badge svg{width:20px;height:20px}.landing-body-v217 .icon-strip-row b{display:block;margin-bottom:4px;color:#173128}.landing-body-v217 .icon-strip-row p{margin:0;color:#68766f;font-size:13px;line-height:1.55}
.landing-body-v217 .compact-top{padding-top:52px}.landing-body-v217 .function-card-grid.with-icons article{padding-top:20px}.landing-body-v217 .feature-icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#0f7a5a,#0b5a44);color:#fff;box-shadow:0 16px 30px rgba(15,122,90,.18);margin-bottom:14px}.landing-body-v217 .feature-icon-box svg{width:22px;height:22px}
.landing-body-v217 .experience-band{padding-bottom:16px}.landing-body-v217 .experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-body-v217 .experience-grid article{padding:22px;border-radius:22px;background:#fffdf9;border:1px solid #ece1d0;box-shadow:0 12px 24px rgba(18,31,24,.05)}.landing-body-v217 .experience-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f8efd8,#fff7ea);color:#b2832b;border:1px solid #efdcae;margin-bottom:14px}.landing-body-v217 .experience-icon svg{width:20px;height:20px}.landing-body-v217 .experience-grid b{display:block;color:#173128;font-size:17px;margin-bottom:8px}.landing-body-v217 .experience-grid p{margin:0;color:#66756d;font-size:14px;line-height:1.65}
.landing-body-v217 .pricing-showcase.v217{padding-top:60px}.landing-body-v217 .plan-mini-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px}.landing-body-v217 .plan-mini-meta span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(15,122,90,.06);color:inherit;font-size:12px;font-weight:700}.landing-body-v217 .public-plan-card.featured .plan-mini-meta span{background:rgba(255,255,255,.09)}.landing-body-v217 .pricing-benefit-strip span{display:flex;align-items:center;justify-content:center;gap:8px}.landing-body-v217 .pricing-benefit-strip svg{width:16px;height:16px;flex:0 0 auto}
.landing-body-v217 .quote-stars{display:flex;gap:4px;color:#e0b14f;margin-bottom:12px}.landing-body-v217 .quote-stars svg{width:16px;height:16px}
@media(max-width:1180px){.landing-body-v217 .icon-strip-row,.landing-body-v217 .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.landing-body-v217 .icon-strip-row,.landing-body-v217 .experience-grid{grid-template-columns:1fr}.landing-body-v217 .plan-mini-meta{grid-template-columns:1fr 1fr}.landing-body-v217 .phone-info-row{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.landing-body-v217 .icon-strip-row article{padding:16px}.landing-body-v217 .feature-icon-box{width:46px;height:46px;border-radius:14px}.landing-body-v217 .experience-grid article,.landing-body-v217 .icon-strip-row article{border-radius:18px}.landing-body-v217 .plan-mini-meta{grid-template-columns:1fr}.landing-body-v217 .phone-info-row{grid-template-columns:1fr}}


/* v0.2.18 - landing page mesra mobile */
html,body{max-width:100%;overflow-x:hidden}
.landing-body-v217 .dashboard-preview-card,.landing-body-v217 .phone-preview-faux,.landing-body-v217 .icon-strip-row article,.landing-body-v217 .function-card-grid article,.landing-body-v217 .experience-grid article,.landing-body-v217 .public-plan-card,.landing-body-v217 .testimonial-grid article,.landing-body-v217 .faq-grid-luxury details{min-width:0}
.landing-body-v217 .asset-table-faux{overflow:hidden}.landing-body-v217 .asset-table-faux table{width:100%}
@media(max-width:1024px){
  .landing-body-v217 .hero-grid{grid-template-columns:1fr;gap:20px}
  .landing-body-v217 .hero-copy-side{text-align:left;padding-bottom:4px}
  .landing-body-v217 .hero-copy-side h1,.landing-body-v217 .hero-copy-side p{max-width:100%}
  .landing-body-v217 .hero-visual-side{min-height:0}
  .landing-body-v217 .dashboard-preview-card.refined{grid-template-columns:1fr}
  .landing-body-v217 .dashboard-side-menu{display:none}
  .landing-body-v217 .phone-preview-faux.refined{position:relative;right:auto;bottom:auto;transform:none;margin:18px auto 0;width:min(100%,230px)}
  .landing-body-v217 .dashboard-preview-main{padding:16px}
}
@media(max-width:900px){
  .landing-topbar.v217 .topbar-inner{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
  .landing-topbar.v217 .landing-brand{flex:1 1 auto;min-width:0}
  .landing-topbar.v217 .landing-top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .landing-topbar.v217 .landing-top-actions .btn{width:100%;justify-content:center;text-align:center;padding:12px 14px}
  .landing-body-v217 .icon-strip-row,.landing-body-v217 .quick-feature-row,.landing-body-v217 .function-card-grid,.landing-body-v217 .experience-grid,.landing-body-v217 .luxury-grid,.landing-body-v217 .testimonial-grid,.landing-body-v217 .faq-grid-luxury,.landing-body-v217 .pricing-benefit-strip,.landing-body-v217 .footer-grid{grid-template-columns:1fr}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr 1fr}
  .landing-body-v217 .hero-preview-panels{grid-template-columns:1fr}
  .landing-body-v217 .final-cta-panel{flex-direction:column;align-items:flex-start;padding:24px 22px}
  .landing-body-v217 .cta-actions{width:100%}
  .landing-body-v217 .cta-actions .btn{flex:1 1 100%;width:100%;justify-content:center;text-align:center}
}
@media(max-width:640px){
  .landing-wrap{width:min(100% - 16px,1200px)}
  .landing-body-v217 .landing-hero-pro{padding:16px 0 14px}
  .landing-topbar.v217{position:sticky;top:0}
  .landing-topbar.v217 .landing-nav{display:none}
  .landing-topbar.v217 .landing-brand-emblem{width:42px;height:42px;border-radius:14px}
  .landing-topbar.v217 .landing-brand.luxury b{font-size:15px}
  .landing-topbar.v217 .landing-brand.luxury small{font-size:11px}
  .landing-topbar.v217 .landing-top-actions{grid-template-columns:1fr}
  .landing-body-v217 .landing-chip{font-size:10px;padding:8px 10px;line-height:1.3}
  .landing-body-v217 .hero-copy-side h1{font-size:30px;line-height:1.02;letter-spacing:-.045em}
  .landing-body-v217 .hero-copy-side p{font-size:14px;line-height:1.65}
  .landing-body-v217 .hero-action-row{display:grid;grid-template-columns:1fr;gap:10px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{width:100%;min-width:0;padding:14px 16px}
  .landing-body-v217 .hero-micro-proof{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
  .landing-body-v217 .dashboard-preview-card.refined{border-radius:20px}
  .landing-body-v217 .dashboard-preview-main{padding:14px}
  .landing-body-v217 .preview-topline{padding:9px 10px}
  .landing-body-v217 .preview-topline small{display:none}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr;gap:10px}
  .landing-body-v217 .mini-stat-grid article{padding:14px 12px}
  .landing-body-v217 .mini-stat-grid strong{font-size:21px}
  .landing-body-v217 .chart-box,.landing-body-v217 .activity-box,.landing-body-v217 .asset-table-faux,.landing-body-v217 .icon-strip-row article,.landing-body-v217 .function-card-grid article,.landing-body-v217 .experience-grid article,.landing-body-v217 .public-plan-card,.landing-body-v217 .testimonial-grid article,.landing-body-v217 .faq-grid-luxury details{border-radius:18px}
  .landing-body-v217 .chart-box,.landing-body-v217 .activity-box,.landing-body-v217 .asset-table-faux{padding:12px}
  .landing-body-v217 .donut-and-legend{grid-template-columns:1fr;justify-items:center;text-align:left}
  .landing-body-v217 .donut-and-legend ul{width:100%}
  .landing-body-v217 .activity-box li{gap:8px}
  .landing-body-v217 .row-icon{width:30px;height:30px;border-radius:10px}
  .landing-body-v217 .asset-table-faux{overflow-x:auto}
  .landing-body-v217 .asset-table-faux table{min-width:460px}
  .landing-body-v217 .phone-preview-faux.refined{width:min(100%,210px);margin-top:14px}
  .landing-body-v217 .phone-body{padding:14px}
  .landing-body-v217 .phone-info-row{grid-template-columns:1fr;gap:8px}
  .landing-body-v217 .icon-strip-row article{padding:14px}
  .landing-body-v217 .icon-badge{width:40px;height:40px;border-radius:12px}
  .landing-body-v217 .feature-icon-box{width:42px;height:42px;border-radius:12px;margin-bottom:12px}
  .landing-body-v217 .feature-icon-box svg{width:18px;height:18px}
  .landing-body-v217 .section-heading{margin-bottom:18px}
  .landing-body-v217 .section-heading h2{font-size:28px;line-height:1.08}
  .landing-body-v217 .section-heading span{font-size:10px}
  .landing-body-v217 .landing-section-xl{padding:42px 0}
  .landing-body-v217 .compact-top{padding-top:38px}
  .landing-body-v217 .experience-band{padding-bottom:8px}
  .landing-body-v217 .public-plan-card{padding:18px}
  .landing-body-v217 .public-plan-card.featured{transform:none}
  .landing-body-v217 .public-plan-card h3{font-size:26px}
  .landing-body-v217 .plan-price-row strong{font-size:34px}
  .landing-body-v217 .plan-mini-meta{grid-template-columns:1fr;gap:8px}
  .landing-body-v217 .pricing-benefit-strip span{justify-content:flex-start;text-align:left;padding:12px 14px}
  .landing-body-v217 .testimonial-grid p{font-size:14px}
  .landing-body-v217 .final-cta-panel{margin:10px auto 42px;border-radius:20px;padding:20px 18px}
  .landing-body-v217 .final-cta-panel h2{font-size:26px}
  .landing-body-v217 .final-cta-panel p{font-size:14px}
  .landing-body-v217 .faq-grid-luxury details{padding:16px}
  .landing-footer-pro{padding:22px 0 16px}
  .landing-body-v217 .footer-grid{gap:16px}
  .landing-body-v217 .footer-bottom{font-size:11px}
}
@media(max-width:420px){
  .landing-topbar.v217 .topbar-inner{padding:10px 0}
  .landing-body-v217 .hero-copy-side h1{font-size:27px}
  .landing-body-v217 .hero-copy-side p{font-size:13.5px}
  .landing-body-v217 .landing-chip{font-size:9.5px}
  .landing-body-v217 .box-head b{font-size:13px}
  .landing-body-v217 .asset-table-faux table{min-width:420px}
}


/* v0.2.19 - kemasan mobile landing page */
@media(max-width:768px){
  .landing-topbar.v217{position:sticky;top:0;padding:0;background:linear-gradient(180deg,#073c2d,#0a5a44)}
  .landing-topbar.v217 .topbar-inner{display:grid;grid-template-columns:1fr;gap:10px;padding:10px 0 12px}
  .landing-topbar.v217 .landing-brand{align-items:center;gap:12px}
  .landing-topbar.v217 .landing-brand-emblem{width:38px;height:38px;border-radius:12px;flex:0 0 auto}
  .landing-topbar.v217 .landing-brand-emblem span{font-size:15px}
  .landing-topbar.v217 .landing-brand.luxury b{font-size:14px;line-height:1.1}
  .landing-topbar.v217 .landing-brand.luxury small{font-size:10px;line-height:1.25;color:#dbe7e2}
  .landing-topbar.v217 .landing-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .landing-topbar.v217 .landing-top-actions .btn{min-height:46px;padding:12px 10px;border-radius:16px;font-size:14px;font-weight:800}
  .landing-body-v217 .landing-hero-pro{padding:14px 0 10px}
  .landing-body-v217 .hero-grid{gap:16px}
  .landing-body-v217 .hero-copy-side{padding-top:2px}
  .landing-body-v217 .landing-chip{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;padding:8px 11px;border-radius:999px}
  .landing-body-v217 .landing-chip svg{width:14px;height:14px}
  .landing-body-v217 .hero-copy-side h1{font-size:23px;line-height:1.08;letter-spacing:-.03em;margin:14px 0 10px}
  .landing-body-v217 .hero-copy-side p{font-size:13px;line-height:1.65;margin:0}
  .landing-body-v217 .hero-action-row{margin-top:16px;gap:10px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{padding:14px 16px;border-radius:18px}
  .landing-body-v217 .hero-main span,.landing-body-v217 .hero-secondary span{font-size:16px;line-height:1.2}
  .landing-body-v217 .hero-main small,.landing-body-v217 .hero-secondary small{font-size:12px;opacity:.9}
  .landing-body-v217 .hero-micro-proof{margin-top:14px;gap:10px}
  .landing-body-v217 .hero-micro-proof span{font-size:12px;line-height:1.35}
  .landing-body-v217 .hero-micro-proof svg{width:15px;height:15px}
  .landing-body-v217 .dashboard-preview-card.refined{border-radius:18px;box-shadow:0 16px 34px rgba(16,38,31,.1)}
  .landing-body-v217 .dashboard-preview-main{padding:12px}
  .landing-body-v217 .preview-topline{padding:9px 10px;border-radius:12px;margin-bottom:10px}
  .landing-body-v217 .preview-topline b{font-size:12px}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr 1fr;gap:8px}
  .landing-body-v217 .mini-stat-grid article{padding:12px 10px;border-radius:14px}
  .landing-body-v217 .mini-icon{width:30px;height:30px;border-radius:10px;margin-bottom:7px}
  .landing-body-v217 .mini-stat-grid strong{font-size:18px}
  .landing-body-v217 .mini-stat-grid small,.landing-body-v217 .mini-stat-grid span{font-size:10px}
  .landing-body-v217 .hero-preview-panels{gap:10px}
  .landing-body-v217 .chart-box,.landing-body-v217 .activity-box,.landing-body-v217 .asset-table-faux{padding:12px;border-radius:16px}
  .landing-body-v217 .box-head{margin-bottom:10px}
  .landing-body-v217 .box-head b{font-size:13px}
  .landing-body-v217 .donut-and-legend{grid-template-columns:92px minmax(0,1fr);gap:10px}
  .landing-body-v217 .donut-faux{width:88px;height:88px}
  .landing-body-v217 .donut-faux:after{inset:19px}
  .landing-body-v217 .donut-and-legend li{font-size:11px;margin-bottom:6px}
  .landing-body-v217 .activity-box li{padding:8px 0}
  .landing-body-v217 .row-icon{width:28px;height:28px;border-radius:9px}
  .landing-body-v217 .row-icon svg{width:14px;height:14px}
  .landing-body-v217 .activity-box strong{font-size:12px}
  .landing-body-v217 .activity-box span{font-size:10px}
  .landing-body-v217 .asset-table-faux{overflow-x:auto}
  .landing-body-v217 .asset-table-faux table{min-width:420px}
  .landing-body-v217 .asset-table-faux th{font-size:10px;padding:9px 6px}
  .landing-body-v217 .asset-table-faux td{font-size:11px;padding:9px 6px}
  .landing-body-v217 .phone-preview-faux.refined{display:none}
  .landing-body-v217 .icon-strip-row{gap:10px;margin-top:12px}
  .landing-body-v217 .icon-strip-row article{padding:14px 14px;border-radius:16px}
  .landing-body-v217 .icon-badge{width:38px;height:38px;border-radius:12px}
  .landing-body-v217 .icon-badge svg{width:18px;height:18px}
  .landing-body-v217 .icon-strip-row b{font-size:14px}
  .landing-body-v217 .icon-strip-row p{font-size:12px}
  .landing-body-v217 .landing-section-xl{padding:34px 0}
  .landing-body-v217 .compact-top{padding-top:28px}
  .landing-body-v217 .section-heading{margin-bottom:16px}
  .landing-body-v217 .section-heading h2{font-size:24px;line-height:1.12}
  .landing-body-v217 .section-heading span{font-size:9px;letter-spacing:.14em}
  .landing-body-v217 .function-card-grid.with-icons{gap:12px}
  .landing-body-v217 .function-card-grid.with-icons article{padding:16px;border-radius:16px}
  .landing-body-v217 .feature-icon-box{width:40px;height:40px;border-radius:12px;margin-bottom:10px}
  .landing-body-v217 .feature-icon-box svg{width:18px;height:18px}
  .landing-body-v217 .function-card-grid b{font-size:15px;margin-bottom:6px}
  .landing-body-v217 .function-card-grid p{font-size:13px;line-height:1.55}
  .landing-body-v217 .experience-grid{gap:12px}
  .landing-body-v217 .experience-grid article{padding:16px;border-radius:16px}
  .landing-body-v217 .experience-icon{width:42px;height:42px;border-radius:12px;margin-bottom:10px}
  .landing-body-v217 .experience-icon svg{width:18px;height:18px}
  .landing-body-v217 .experience-grid b{font-size:15px}
  .landing-body-v217 .experience-grid p{font-size:13px;line-height:1.55}
  .landing-body-v217 .pricing-showcase.v217{padding-top:42px;padding-bottom:42px}
  .landing-body-v217 .public-plan-card{padding:16px;border-radius:18px}
  .landing-body-v217 .public-plan-card em{left:16px;top:-12px;padding:7px 12px;font-size:10px}
  .landing-body-v217 .plan-badge{font-size:10px;padding:7px 10px}
  .landing-body-v217 .public-plan-card h3{font-size:24px;margin:14px 0 6px}
  .landing-body-v217 .public-plan-card p{font-size:13px;min-height:0;margin-bottom:10px}
  .landing-body-v217 .plan-price-row strong{font-size:32px}
  .landing-body-v217 .plan-price-row small,.landing-body-v217 .annual-note{font-size:12px}
  .landing-body-v217 .plan-mini-meta{gap:8px;margin:10px 0 12px}
  .landing-body-v217 .plan-mini-meta span{font-size:11px;padding:9px 10px;border-radius:12px}
  .landing-body-v217 .public-plan-card ul{gap:7px;margin-bottom:14px}
  .landing-body-v217 .public-plan-card li{font-size:12px;line-height:1.45}
  .landing-body-v217 .pricing-benefit-strip{gap:10px;margin-top:14px}
  .landing-body-v217 .pricing-benefit-strip span{padding:12px 14px;border-radius:14px;font-size:12px}
  .landing-body-v217 .testimonial-grid{gap:12px}
  .landing-body-v217 .testimonial-grid article{padding:16px;border-radius:16px}
  .landing-body-v217 .testimonial-grid p{font-size:13px;line-height:1.6;margin-bottom:12px}
  .landing-body-v217 .testimonial-grid b{font-size:14px}
  .landing-body-v217 .testimonial-grid small{font-size:11px}
  .landing-body-v217 .final-cta-panel{margin:8px auto 34px;padding:18px 16px;border-radius:18px;gap:14px}
  .landing-body-v217 .final-cta-panel h2{font-size:22px;line-height:1.1}
  .landing-body-v217 .final-cta-panel p{font-size:13px;line-height:1.6}
  .landing-body-v217 .cta-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .landing-body-v217 .cta-actions .btn{width:100%;justify-content:center;text-align:center;min-height:46px}
  .landing-body-v217 .faq-grid-luxury{gap:12px}
  .landing-body-v217 .faq-grid-luxury details{padding:14px;border-radius:16px}
  .landing-body-v217 .faq-grid-luxury summary{font-size:14px;line-height:1.4}
  .landing-body-v217 .faq-grid-luxury p{font-size:13px;line-height:1.6}
  .landing-footer-pro{padding:20px 0 16px}
  .landing-body-v217 .footer-grid{grid-template-columns:1fr;gap:14px}
  .landing-body-v217 .footer-grid > div{padding-bottom:4px}
  .landing-body-v217 .footer-bottom{margin-top:12px;padding-top:12px;font-size:11px}
}
@media(max-width:420px){
  .landing-wrap{width:min(100% - 14px,1200px)}
  .landing-topbar.v217 .landing-top-actions .btn{font-size:13px}
  .landing-body-v217 .hero-copy-side h1{font-size:21px}
  .landing-body-v217 .hero-copy-side p{font-size:12.5px}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr}
  .landing-body-v217 .donut-and-legend{grid-template-columns:1fr;justify-items:center}
  .landing-body-v217 .donut-and-legend ul{width:100%}
  .landing-body-v217 .asset-table-faux table{min-width:390px}
}


/* v0.2.20 - mobile lebih sempit dan kompak */
@media(max-width:768px){
  .landing-wrap{width:min(100% - 24px,1200px)!important}
  .landing-topbar.v217 .topbar-inner{padding:10px 0 10px}
  .landing-topbar.v217 .landing-top-actions{grid-template-columns:1fr !important;gap:8px}
  .landing-topbar.v217 .landing-top-actions .btn{min-height:42px;padding:11px 12px;border-radius:14px}
  .landing-body-v217 .hero-grid{gap:14px}
  .landing-body-v217 .hero-copy-side h1{max-width:100%;font-size:21px;line-height:1.1;margin:12px 0 8px}
  .landing-body-v217 .hero-copy-side p{max-width:100%;font-size:12.5px;line-height:1.6}
  .landing-body-v217 .hero-action-row{gap:8px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{padding:12px 14px;border-radius:16px}
  .landing-body-v217 .hero-main span,.landing-body-v217 .hero-secondary span{font-size:15px}
  .landing-body-v217 .hero-main small,.landing-body-v217 .hero-secondary small{font-size:11px}
  .landing-body-v217 .hero-micro-proof{margin-top:12px;gap:8px}
  .landing-body-v217 .hero-micro-proof span{font-size:11px}
  .landing-body-v217 .dashboard-preview-card.refined{max-width:100%;border-radius:16px}
  .landing-body-v217 .dashboard-preview-main{padding:10px}
  .landing-body-v217 .preview-topline{padding:8px 9px;border-radius:10px}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr;gap:8px}
  .landing-body-v217 .mini-stat-grid article{padding:10px;border-radius:12px}
  .landing-body-v217 .mini-stat-grid strong{font-size:17px}
  .landing-body-v217 .chart-box,.landing-body-v217 .activity-box,.landing-body-v217 .asset-table-faux{padding:10px;border-radius:14px}
  .landing-body-v217 .donut-and-legend{grid-template-columns:1fr;justify-items:center}
  .landing-body-v217 .donut-and-legend ul{width:100%}
  .landing-body-v217 .donut-faux{width:76px;height:76px}
  .landing-body-v217 .donut-faux:after{inset:16px}
  .landing-body-v217 .icon-strip-row article,.landing-body-v217 .function-card-grid.with-icons article,.landing-body-v217 .experience-grid article,.landing-body-v217 .public-plan-card,.landing-body-v217 .testimonial-grid article,.landing-body-v217 .faq-grid-luxury details{padding:14px;border-radius:14px}
  .landing-body-v217 .section-heading h2{font-size:22px}
  .landing-body-v217 .section-heading span{font-size:9px}
  .landing-body-v217 .landing-section-xl{padding:28px 0}
  .landing-body-v217 .pricing-showcase.v217{padding-top:34px;padding-bottom:34px}
  .landing-body-v217 .public-plan-card h3{font-size:22px}
  .landing-body-v217 .plan-price-row strong{font-size:28px}
  .landing-body-v217 .pricing-benefit-strip span{padding:10px 12px;font-size:11px}
  .landing-body-v217 .final-cta-panel{padding:16px 14px;border-radius:16px}
  .landing-body-v217 .final-cta-panel h2{font-size:20px}
  .landing-body-v217 .final-cta-panel p{font-size:12.5px}
}
@media(max-width:480px){
  .landing-wrap{width:min(100% - 20px,1200px)!important}
  .landing-topbar.v217 .landing-brand-emblem{width:34px;height:34px;border-radius:10px}
  .landing-topbar.v217 .landing-brand.luxury b{font-size:13px}
  .landing-topbar.v217 .landing-brand.luxury small{font-size:9.5px}
  .landing-body-v217 .landing-chip{font-size:9px;padding:7px 10px}
  .landing-body-v217 .hero-copy-side h1{font-size:19px}
  .landing-body-v217 .hero-copy-side p{font-size:12px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{padding:11px 12px}
  .landing-body-v217 .hero-main span,.landing-body-v217 .hero-secondary span{font-size:14px}
  .landing-body-v217 .hero-main small,.landing-body-v217 .hero-secondary small{font-size:10px}
  .landing-body-v217 .icon-strip-row article{gap:10px}
  .landing-body-v217 .icon-badge{width:34px;height:34px}
  .landing-body-v217 .icon-badge svg{width:16px;height:16px}
  .landing-body-v217 .feature-icon-box,.landing-body-v217 .experience-icon{width:36px;height:36px;border-radius:10px}
  .landing-body-v217 .feature-icon-box svg,.landing-body-v217 .experience-icon svg{width:16px;height:16px}
  .landing-body-v217 .function-card-grid b,.landing-body-v217 .experience-grid b{font-size:14px}
  .landing-body-v217 .function-card-grid p,.landing-body-v217 .experience-grid p,.landing-body-v217 .testimonial-grid p,.landing-body-v217 .faq-grid-luxury p{font-size:12px}
  .landing-body-v217 .asset-table-faux table{min-width:360px}
}


/* v0.2.21 - reka bentuk semula mobile landing page */
@media(max-width:768px){
  .landing-body-v217{background:linear-gradient(180deg,#f7f3ea 0%,#f8f5ef 42%,#f4f1e9 100%)}
  .landing-topbar.v217{background:linear-gradient(180deg,#063a2b,#0b5d47);box-shadow:0 8px 24px rgba(0,0,0,.14)}
  .landing-wrap{width:min(100% - 18px,1200px)!important}
  .landing-topbar.v217 .topbar-inner{padding:10px 0 12px;gap:10px}
  .landing-topbar.v217 .landing-brand{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}
  .landing-topbar.v217 .landing-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;width:100%}
  .landing-topbar.v217 .landing-top-actions .btn{min-height:44px;padding:11px 10px;border-radius:14px;font-size:13px;font-weight:800;box-shadow:none}
  .landing-topbar.v217 .landing-top-actions .outline-gold{background:rgba(255,255,255,.02);color:#fff;border-color:rgba(239,205,125,.45)}
  .landing-topbar.v217 .landing-top-actions .gold{background:linear-gradient(135deg,#f2d184,#ddb351);color:#173128}

  .landing-body-v217 .landing-hero-pro{padding:16px 0 12px}
  .landing-body-v217 .hero-grid{gap:14px}
  .landing-body-v217 .hero-copy-side{padding:18px 16px;border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border:1px solid rgba(226,216,195,.9);box-shadow:0 16px 32px rgba(22,44,36,.08)}
  .landing-body-v217 .landing-chip{background:#f6fbf8;border-color:#dfece5;color:#175341;box-shadow:none;font-size:9.5px;padding:8px 11px}
  .landing-body-v217 .hero-copy-side h1{font-size:24px;line-height:1.1;letter-spacing:-.03em;margin:14px 0 10px;color:#183128}
  .landing-body-v217 .hero-copy-side h1 em{color:#b78630}
  .landing-body-v217 .hero-copy-side p{font-size:13px;line-height:1.68;color:#56655d}
  .landing-body-v217 .hero-action-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{min-height:0;padding:14px 15px;border-radius:18px;border:1px solid #e8dcc7;box-shadow:0 10px 20px rgba(20,40,33,.05)}
  .landing-body-v217 .hero-main{background:linear-gradient(135deg,#0e7d5d,#0a5c46);color:#fff}
  .landing-body-v217 .hero-secondary{background:#fff;color:#1a3a30}
  .landing-body-v217 .hero-main span,.landing-body-v217 .hero-secondary span{font-size:16px;font-weight:800}
  .landing-body-v217 .hero-main small,.landing-body-v217 .hero-secondary small{font-size:11px;opacity:.9}
  .landing-body-v217 .hero-micro-proof{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
  .landing-body-v217 .hero-micro-proof span{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #ece2d4;color:#53635c;font-size:12px;font-weight:700}

  .landing-body-v217 .hero-visual-side{display:block}
  .landing-body-v217 .dashboard-preview-card.refined{border-radius:22px;background:#fff;border:1px solid #e8decd;box-shadow:0 18px 36px rgba(17,39,32,.08)}
  .landing-body-v217 .dashboard-preview-main{padding:14px}
  .landing-body-v217 .preview-topline{border-radius:14px;padding:10px 12px;background:#f6faf7}
  .landing-body-v217 .preview-topline b{font-size:13px}
  .landing-body-v217 .preview-topline small{display:block;margin-left:auto}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .landing-body-v217 .mini-stat-grid article{padding:12px;border-radius:16px;background:#fffdf9;box-shadow:none}
  .landing-body-v217 .mini-icon{width:32px;height:32px;border-radius:11px}
  .landing-body-v217 .mini-stat-grid small{font-size:10px}
  .landing-body-v217 .mini-stat-grid strong{font-size:19px}
  .landing-body-v217 .mini-stat-grid span{font-size:10px}
  .landing-body-v217 .hero-preview-panels{grid-template-columns:1fr;gap:10px;margin-top:10px}
  .landing-body-v217 .chart-box,.landing-body-v217 .activity-box{padding:14px;border-radius:18px;background:#fffdf8}
  .landing-body-v217 .asset-table-faux{display:none}
  .landing-body-v217 .donut-and-legend{grid-template-columns:96px minmax(0,1fr);gap:10px}
  .landing-body-v217 .donut-faux{width:90px;height:90px}
  .landing-body-v217 .donut-faux:after{inset:20px}
  .landing-body-v217 .donut-and-legend li{font-size:11px}
  .landing-body-v217 .activity-box li{display:flex;align-items:flex-start;gap:10px}
  .landing-body-v217 .row-icon{width:30px;height:30px;border-radius:10px}
  .landing-body-v217 .activity-box strong{font-size:12px}
  .landing-body-v217 .activity-box span{font-size:10px}
  .landing-body-v217 .phone-preview-faux.refined{display:none!important}

  .landing-body-v217 .icon-strip-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
  .landing-body-v217 .icon-strip-row article{padding:14px;border-radius:18px;background:#fff;border:1px solid #eadecb;box-shadow:0 10px 22px rgba(17,39,32,.05)}
  .landing-body-v217 .icon-badge{width:38px;height:38px;border-radius:12px}
  .landing-body-v217 .icon-strip-row b{font-size:14px}
  .landing-body-v217 .icon-strip-row p{font-size:12px;line-height:1.5}

  .landing-body-v217 .landing-section-xl{padding:36px 0}
  .landing-body-v217 .section-heading{margin-bottom:16px}
  .landing-body-v217 .section-heading span{font-size:9px;letter-spacing:.15em}
  .landing-body-v217 .section-heading h2{font-size:24px;line-height:1.14}
  .landing-body-v217 .function-card-grid.with-icons,
  .landing-body-v217 .experience-grid,
  .landing-body-v217 .testimonial-grid,
  .landing-body-v217 .faq-grid-luxury,
  .landing-body-v217 .footer-grid{grid-template-columns:1fr;gap:12px}
  .landing-body-v217 .function-card-grid.with-icons article,
  .landing-body-v217 .experience-grid article,
  .landing-body-v217 .testimonial-grid article,
  .landing-body-v217 .faq-grid-luxury details{padding:16px;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(17,39,32,.05)}
  .landing-body-v217 .feature-icon-box,.landing-body-v217 .experience-icon{width:42px;height:42px;border-radius:13px;margin-bottom:12px}
  .landing-body-v217 .function-card-grid b,.landing-body-v217 .experience-grid b{font-size:15px}
  .landing-body-v217 .function-card-grid p,.landing-body-v217 .experience-grid p,.landing-body-v217 .testimonial-grid p,.landing-body-v217 .faq-grid-luxury p{font-size:13px;line-height:1.6}
  .landing-body-v217 .testimonial-grid p{margin-bottom:12px}

  .landing-body-v217 .pricing-showcase.v217{padding:42px 0;background:linear-gradient(180deg,#084131,#0b5c46)}
  .landing-body-v217 .luxury-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .landing-body-v217 .public-plan-card{padding:18px;border-radius:20px;transform:none!important}
  .landing-body-v217 .public-plan-card h3{font-size:26px}
  .landing-body-v217 .public-plan-card p{font-size:13px;min-height:0}
  .landing-body-v217 .plan-price-row strong{font-size:34px}
  .landing-body-v217 .plan-mini-meta{grid-template-columns:1fr;gap:8px}
  .landing-body-v217 .plan-mini-meta span{padding:10px 12px;border-radius:13px;font-size:11px}
  .landing-body-v217 .public-plan-card ul{gap:8px}
  .landing-body-v217 .public-plan-card li{font-size:12px;line-height:1.5}
  .landing-body-v217 .pricing-benefit-strip{grid-template-columns:1fr;gap:10px;margin-top:14px}
  .landing-body-v217 .pricing-benefit-strip span{padding:12px 14px;border-radius:14px;font-size:12px;justify-content:flex-start;text-align:left}

  .landing-body-v217 .final-cta-panel{margin:12px auto 36px;padding:18px 16px;border-radius:20px;gap:14px}
  .landing-body-v217 .final-cta-panel h2{font-size:22px;line-height:1.12}
  .landing-body-v217 .final-cta-panel p{font-size:13px;line-height:1.6}
  .landing-body-v217 .cta-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .landing-body-v217 .cta-actions .btn{width:100%;min-height:46px;justify-content:center;text-align:center}

  .landing-body-v217 .faq-grid-luxury details{padding:15px}
  .landing-body-v217 .faq-grid-luxury summary{font-size:14px;line-height:1.45}

  .landing-footer-pro{padding:22px 0 16px}
  .landing-body-v217 .footer-grid{gap:14px}
  .landing-body-v217 .footer-bottom{margin-top:12px;padding-top:12px;font-size:11px}
}
@media(max-width:480px){
  .landing-wrap{width:min(100% - 16px,1200px)!important}
  .landing-topbar.v217 .landing-brand{padding:11px 12px;border-radius:16px}
  .landing-topbar.v217 .landing-brand-emblem{width:36px;height:36px;border-radius:11px}
  .landing-topbar.v217 .landing-brand.luxury b{font-size:13px}
  .landing-topbar.v217 .landing-brand.luxury small{font-size:9.5px}
  .landing-body-v217 .hero-copy-side{padding:16px 14px;border-radius:20px}
  .landing-body-v217 .landing-chip{font-size:9px;padding:7px 10px}
  .landing-body-v217 .hero-copy-side h1{font-size:22px}
  .landing-body-v217 .hero-copy-side p{font-size:12.5px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{padding:13px 14px}
  .landing-body-v217 .hero-main span,.landing-body-v217 .hero-secondary span{font-size:15px}
  .landing-body-v217 .hero-main small,.landing-body-v217 .hero-secondary small{font-size:10px}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr}
  .landing-body-v217 .donut-and-legend{grid-template-columns:1fr;justify-items:center}
  .landing-body-v217 .donut-and-legend ul{width:100%}
  .landing-body-v217 .icon-strip-row{grid-template-columns:1fr}
  .landing-body-v217 .section-heading h2{font-size:22px}
  .landing-body-v217 .public-plan-card h3{font-size:24px}
  .landing-body-v217 .plan-price-row strong{font-size:31px}
  .landing-body-v217 .final-cta-panel h2{font-size:20px}
}


/* v0.2.23 - mobile-first landing premium */
.mobile-luxury-cta{display:none}
@media(max-width:768px){
  .landing-body-v217{overflow-x:clip!important;background:linear-gradient(180deg,#f6f1e7 0,#fbf9f4 44%,#f5f0e8 100%)!important;padding-bottom:92px}
  .landing-body-v217 *{max-width:100%}
  .landing-body-v217 .landing-wrap{width:calc(100% - 24px)!important;margin-inline:auto!important}

  /* header mobile: one clean row */
  .landing-topbar.v217{position:sticky!important;top:0;z-index:90;background:rgba(5,53,40,.96)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(238,207,132,.16);box-shadow:0 10px 28px rgba(2,35,26,.16)}
  .landing-topbar.v217 .topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:9px 0!important}
  .landing-topbar.v217 .landing-brand{min-width:0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:10px!important}
  .landing-topbar.v217 .landing-brand-emblem{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,#0f7d5e,#074534)!important;border-color:rgba(239,207,130,.32)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important}
  .landing-topbar.v217 .landing-brand-emblem span{font-size:13px!important}
  .landing-topbar.v217 .landing-brand.luxury b{font-size:14px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .landing-topbar.v217 .landing-brand.luxury small{font-size:9.5px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfe0da!important}
  .landing-topbar.v217 .landing-nav{display:none!important}
  .landing-topbar.v217 .landing-top-actions{display:block!important;width:auto!important}
  .landing-topbar.v217 .landing-top-actions .gold{display:none!important}
  .landing-topbar.v217 .landing-top-actions .outline-gold{display:inline-flex!important;width:auto!important;min-width:88px!important;min-height:38px!important;padding:9px 12px!important;border-radius:12px!important;font-size:12px!important;color:#f3d895!important;background:rgba(255,255,255,.05)!important;border-color:rgba(239,207,130,.38)!important;box-shadow:none!important}

  /* luxury hero */
  .landing-body-v217 .landing-hero-pro{padding:12px 0 10px!important;background:transparent!important}
  .landing-body-v217 .hero-grid{display:block!important}
  .landing-body-v217 .hero-copy-side{position:relative;overflow:hidden;padding:20px 18px 18px!important;border-radius:26px!important;background:radial-gradient(circle at 88% 8%,rgba(239,203,119,.22),transparent 28%),linear-gradient(145deg,#063d2e,#0c7054 64%,#095a44)!important;border:1px solid rgba(234,203,132,.25)!important;box-shadow:0 22px 46px rgba(7,66,49,.18)!important;text-align:left!important}
  .landing-body-v217 .hero-copy-side:before{content:"";position:absolute;right:-60px;bottom:-88px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.018);pointer-events:none}
  .landing-body-v217 .hero-copy-side>*{position:relative;z-index:1}
  .landing-body-v217 .landing-chip{display:inline-flex!important;width:auto!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.14)!important;color:#f4dda6!important;box-shadow:none!important;font-size:9px!important;letter-spacing:.04em!important}
  .landing-body-v217 .landing-chip svg{color:#f1d28a!important;width:13px!important;height:13px!important;flex:0 0 auto}
  .landing-body-v217 .hero-copy-side h1{font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#fff!important;margin:15px 0 11px!important;max-width:100%!important}
  .landing-body-v217 .hero-copy-side h1 em{color:#f2cd78!important}
  .landing-body-v217 .hero-copy-side p{font-size:13px!important;line-height:1.64!important;color:#dcece6!important;margin:0!important;max-width:100%!important}
  .landing-body-v217 .hero-action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:17px!important}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{width:100%!important;min-width:0!important;min-height:70px!important;padding:12px 11px!important;border-radius:16px!important;box-shadow:none!important;justify-content:center!important;align-items:flex-start!important}
  .landing-body-v217 .hero-main{background:linear-gradient(135deg,#f1cf80,#d8a947)!important;color:#173128!important;border-color:rgba(245,218,155,.44)!important}
  .landing-body-v217 .hero-secondary{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
  .landing-body-v217 .hero-main span,.landing-body-v217 .hero-secondary span{font-size:13px!important;line-height:1.25!important;font-weight:900!important}
  .landing-body-v217 .hero-main small,.landing-body-v217 .hero-secondary small{font-size:9.5px!important;line-height:1.3!important;margin-top:3px!important}
  .landing-body-v217 .hero-micro-proof{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:14px!important}
  .landing-body-v217 .hero-micro-proof span{width:auto!important;padding:7px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#e5f0ec!important;font-size:9.5px!important;line-height:1.2!important;box-shadow:none!important}
  .landing-body-v217 .hero-micro-proof svg{width:13px!important;height:13px!important;color:#f1d28a!important}

  /* product preview: deliberately compact on phone */
  .landing-body-v217 .hero-visual-side{margin-top:12px!important;min-height:0!important}
  .landing-body-v217 .dashboard-preview-card.refined{grid-template-columns:1fr!important;border-radius:22px!important;border:1px solid #e8ddca!important;box-shadow:0 18px 36px rgba(23,44,36,.08)!important;overflow:hidden!important}
  .landing-body-v217 .dashboard-side-menu,.landing-body-v217 .phone-preview-faux.refined,.landing-body-v217 .hero-preview-panels,.landing-body-v217 .asset-table-faux{display:none!important}
  .landing-body-v217 .dashboard-preview-main{padding:12px!important}
  .landing-body-v217 .preview-topline{margin:0 0 9px!important;padding:9px 10px!important;border-radius:12px!important;background:linear-gradient(135deg,#eff9f4,#fbf4e6)!important;border-color:#e9dfce!important}
  .landing-body-v217 .preview-topline b{font-size:12px!important}
  .landing-body-v217 .preview-topline small{display:none!important}
  .landing-body-v217 .online-dot{width:8px!important;height:8px!important}
  .landing-body-v217 .mini-stat-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .landing-body-v217 .mini-stat-grid article{padding:11px 10px!important;border-radius:14px!important;background:#fffdf9!important;border-color:#eee4d5!important;box-shadow:none!important}
  .landing-body-v217 .mini-icon{width:29px!important;height:29px!important;border-radius:10px!important;margin-bottom:7px!important}
  .landing-body-v217 .mini-icon svg{width:14px!important;height:14px!important}
  .landing-body-v217 .mini-stat-grid small{font-size:9px!important}
  .landing-body-v217 .mini-stat-grid strong{font-size:17px!important;margin:5px 0 2px!important}
  .landing-body-v217 .mini-stat-grid span{font-size:9px!important}

  /* benefit tiles */
  .landing-body-v217 .icon-strip-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
  .landing-body-v217 .icon-strip-row article{display:block!important;padding:13px!important;border-radius:17px!important;background:#fffdf9!important;border:1px solid #e9decb!important;box-shadow:0 10px 22px rgba(20,39,32,.045)!important}
  .landing-body-v217 .icon-badge{width:34px!important;height:34px!important;border-radius:11px!important;margin-bottom:9px!important}
  .landing-body-v217 .icon-badge svg{width:16px!important;height:16px!important}
  .landing-body-v217 .icon-strip-row b{font-size:13px!important;line-height:1.25!important}
  .landing-body-v217 .icon-strip-row p{font-size:10.5px!important;line-height:1.45!important;margin-top:4px!important}

  /* sections */
  .landing-body-v217 .landing-section-xl{padding:34px 0!important}
  .landing-body-v217 .compact-top{padding-top:28px!important}
  .landing-body-v217 .section-heading{margin-bottom:15px!important}
  .landing-body-v217 .section-heading span{font-size:8.5px!important;letter-spacing:.13em!important;line-height:1.4!important}
  .landing-body-v217 .section-heading h2{font-size:23px!important;line-height:1.1!important;letter-spacing:-.025em!important}
  .landing-body-v217 .function-card-grid.with-icons,.landing-body-v217 .experience-grid,.landing-body-v217 .testimonial-grid,.landing-body-v217 .faq-grid-luxury,.landing-body-v217 .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .landing-body-v217 .function-card-grid.with-icons article,.landing-body-v217 .experience-grid article,.landing-body-v217 .testimonial-grid article,.landing-body-v217 .faq-grid-luxury details{padding:15px!important;border-radius:17px!important;background:#fffdf9!important;border:1px solid #e9decb!important;box-shadow:0 10px 22px rgba(20,39,32,.045)!important}
  .landing-body-v217 .feature-icon-box,.landing-body-v217 .experience-icon{width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:10px!important}
  .landing-body-v217 .feature-icon-box svg,.landing-body-v217 .experience-icon svg{width:16px!important;height:16px!important}
  .landing-body-v217 .function-card-grid b,.landing-body-v217 .experience-grid b{font-size:14px!important;margin-bottom:5px!important}
  .landing-body-v217 .function-card-grid p,.landing-body-v217 .experience-grid p,.landing-body-v217 .testimonial-grid p,.landing-body-v217 .faq-grid-luxury p{font-size:12px!important;line-height:1.55!important}

  /* pricing: clean, not horizontally scrolling */
  .landing-body-v217 .pricing-showcase.v217{padding:38px 0!important;background:radial-gradient(circle at 90% 0,rgba(238,202,118,.14),transparent 25%),linear-gradient(180deg,#073d2e,#095740)!important}
  .landing-body-v217 .luxury-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
  .landing-body-v217 .public-plan-card{padding:17px!important;border-radius:19px!important;transform:none!important}
  .landing-body-v217 .public-plan-card.featured{box-shadow:0 22px 40px rgba(0,0,0,.19)!important;border-color:rgba(241,205,121,.48)!important}
  .landing-body-v217 .public-plan-card em{left:16px!important;top:-11px!important;padding:6px 10px!important;font-size:9px!important}
  .landing-body-v217 .plan-badge{font-size:9px!important;padding:6px 9px!important}
  .landing-body-v217 .public-plan-card h3{font-size:24px!important;margin:13px 0 6px!important}
  .landing-body-v217 .public-plan-card p{font-size:12px!important;min-height:0!important;margin-bottom:10px!important}
  .landing-body-v217 .plan-price-row strong{font-size:31px!important}
  .landing-body-v217 .plan-price-row small,.landing-body-v217 .annual-note{font-size:11px!important}
  .landing-body-v217 .plan-mini-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:10px 0!important}
  .landing-body-v217 .plan-mini-meta span{padding:8px 9px!important;border-radius:11px!important;font-size:10px!important}
  .landing-body-v217 .public-plan-card ul{gap:6px!important;margin-bottom:13px!important}
  .landing-body-v217 .public-plan-card li{font-size:11px!important;line-height:1.4!important}
  .landing-body-v217 .public-plan-card .btn{min-height:43px!important;border-radius:13px!important;font-size:12px!important}
  .landing-body-v217 .pricing-benefit-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
  .landing-body-v217 .pricing-benefit-strip span{padding:10px!important;border-radius:12px!important;font-size:9.5px!important;justify-content:flex-start!important;text-align:left!important;line-height:1.35!important}

  .landing-body-v217 .quote-stars{margin-bottom:8px!important}
  .landing-body-v217 .testimonial-grid p{margin:0 0 10px!important}
  .landing-body-v217 .testimonial-grid b{font-size:13px!important}
  .landing-body-v217 .testimonial-grid small{font-size:10px!important}
  .landing-body-v217 .final-cta-panel{margin:8px auto 32px!important;padding:17px 15px!important;border-radius:19px!important;display:block!important}
  .landing-body-v217 .final-cta-panel h2{font-size:21px!important;line-height:1.1!important;margin-bottom:7px!important}
  .landing-body-v217 .final-cta-panel p{font-size:12px!important;line-height:1.55!important}
  .landing-body-v217 .cta-actions{display:none!important}
  .landing-body-v217 .faq-luxury{padding-bottom:34px!important}
  .landing-body-v217 .faq-grid-luxury summary{font-size:13px!important;line-height:1.4!important}

  /* compact footer */
  .landing-footer-pro{padding:20px 0 14px!important}
  .landing-body-v217 .footer-grid>div:not(:first-child){padding-top:4px!important}
  .landing-body-v217 .footer-grid b{font-size:13px!important}
  .landing-body-v217 .footer-grid p,.landing-body-v217 .footer-grid a{font-size:11px!important;line-height:1.45!important}
  .landing-body-v217 .footer-bottom{font-size:10px!important;margin-top:10px!important;padding-top:10px!important}

  /* sticky luxury subscribe */
  .mobile-luxury-cta{position:fixed;display:flex!important;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:100;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 13px;border-radius:19px;background:rgba(5,55,41,.96);backdrop-filter:blur(18px);border:1px solid rgba(238,204,123,.28);box-shadow:0 18px 45px rgba(4,40,30,.30);color:#fff}
  .mobile-luxury-cta div{min-width:0}
  .mobile-luxury-cta small{display:block;font-size:8.5px;color:#c9ddd6;line-height:1.2}
  .mobile-luxury-cta b{display:block;font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
  .mobile-luxury-cta a{flex:0 0 auto;padding:10px 12px;border-radius:13px;background:linear-gradient(135deg,#f2cf7c,#d7aa4a);color:#173128;text-decoration:none;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(204,156,54,.22)}
}
@media(max-width:390px){
  .landing-body-v217 .landing-wrap{width:calc(100% - 18px)!important}
  .landing-body-v217 .hero-copy-side{padding:18px 15px 16px!important;border-radius:23px!important}
  .landing-body-v217 .hero-copy-side h1{font-size:24px!important}
  .landing-body-v217 .hero-action-row{grid-template-columns:1fr!important}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{min-height:58px!important}
  .landing-body-v217 .hero-micro-proof span{font-size:9px!important}
  .landing-body-v217 .icon-strip-row{grid-template-columns:1fr 1fr!important}
  .landing-body-v217 .mini-stat-grid{grid-template-columns:1fr 1fr!important}
  .landing-body-v217 .pricing-benefit-strip{grid-template-columns:1fr!important}
  .mobile-luxury-cta b{max-width:145px}
}


/* v0.2.24 - kemasan landing page web/desktop */
@media(min-width:769px){
  .landing-body-v217{background:linear-gradient(180deg,#fbf8f1 0%,#f8f4eb 48%,#fbf9f4 100%)}
  .landing-body-v217 .landing-wrap{width:min(1240px,calc(100% - 48px))}

  .landing-topbar.v217{position:sticky;top:0;z-index:80;background:rgba(5,55,41,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(239,207,130,.15);box-shadow:0 12px 34px rgba(4,40,30,.13)}
  .landing-topbar.v217 .topbar-inner{min-height:78px;padding:11px 0}
  .landing-topbar.v217 .landing-brand-emblem{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#118264,#074b39);border-color:rgba(239,207,130,.35);box-shadow:0 12px 24px rgba(0,0,0,.16)}
  .landing-topbar.v217 .landing-brand.luxury b{font-size:16px;letter-spacing:-.01em}
  .landing-topbar.v217 .landing-brand.luxury small{font-size:11px;color:#cfe0da}
  .landing-topbar.v217 .landing-nav{gap:8px;padding:5px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055)}
  .landing-topbar.v217 .landing-nav a{padding:9px 13px;border-radius:12px;font-size:13px;transition:.18s ease}
  .landing-topbar.v217 .landing-nav a:hover{background:rgba(255,255,255,.08);color:#f3d796}
  .landing-topbar.v217 .landing-top-actions .btn{min-height:42px;padding:10px 16px;border-radius:13px}

  .landing-body-v217 .landing-hero-pro{padding:48px 0 34px;position:relative}
  .landing-body-v217 .landing-hero-pro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,rgba(229,193,108,.16),transparent 22%),radial-gradient(circle at 84% 12%,rgba(17,130,99,.09),transparent 24%);pointer-events:none}
  .landing-body-v217 .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr);gap:52px;align-items:center}
  .landing-body-v217 .hero-copy-side{padding:0}
  .landing-body-v217 .landing-chip{background:#f7fbf8;border-color:#dae9e0;color:#15523f;box-shadow:0 10px 24px rgba(26,56,45,.05)}
  .landing-body-v217 .hero-copy-side h1{font-size:clamp(48px,4.8vw,72px);line-height:.98;max-width:660px;margin:18px 0 18px;letter-spacing:-.055em}
  .landing-body-v217 .hero-copy-side p{font-size:17px;line-height:1.75;max-width:590px;color:#5b6a62}
  .landing-body-v217 .hero-action-row{margin-top:24px;gap:12px}
  .landing-body-v217 .hero-main,.landing-body-v217 .hero-secondary{min-width:210px;padding:15px 18px;border-radius:16px}
  .landing-body-v217 .hero-main{box-shadow:0 18px 34px rgba(15,115,87,.2)}
  .landing-body-v217 .hero-secondary{border:1px solid #e9dfcf;box-shadow:0 12px 26px rgba(20,31,24,.06)}
  .landing-body-v217 .hero-micro-proof{margin-top:20px;gap:10px}
  .landing-body-v217 .hero-micro-proof span{padding:8px 11px;border-radius:999px;background:#fffdf9;border:1px solid #eadecb;color:#52625a;font-size:11px;box-shadow:0 8px 18px rgba(20,31,24,.035)}

  .landing-body-v217 .hero-visual-side{min-height:600px}
  .landing-body-v217 .dashboard-preview-card.refined{border-radius:30px;border:1px solid #e6dbc8;box-shadow:0 34px 80px rgba(18,46,37,.16);transform:perspective(1400px) rotateY(-1.2deg) rotateX(.4deg);transform-origin:center}
  .landing-body-v217 .dashboard-side-menu{padding:24px 18px;background:radial-gradient(circle at 20% 0,rgba(240,205,127,.12),transparent 22%),linear-gradient(180deg,#063c2d,#09533f 58%,#07392b)}
  .landing-body-v217 .dashboard-side-menu b{font-size:16px;margin-bottom:20px}
  .landing-body-v217 .dashboard-side-menu li{padding:10px 11px;border-radius:11px;font-size:11.5px}
  .landing-body-v217 .dashboard-preview-main{padding:22px}
  .landing-body-v217 .preview-topline{padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#eef9f3,#fff7e9)}
  .landing-body-v217 .mini-stat-grid{gap:10px}
  .landing-body-v217 .mini-stat-grid article{border-radius:16px;padding:13px;background:linear-gradient(180deg,#fff,#fffaf3)}
  .landing-body-v217 .mini-stat-grid strong{font-size:21px}
  .landing-body-v217 .chart-box,.landing-body-v217 .activity-box,.landing-body-v217 .asset-table-faux{border-radius:18px;background:linear-gradient(180deg,#fff,#fffaf5)}
  .landing-body-v217 .phone-preview-faux.refined{right:-22px;bottom:14px;width:205px;transform:rotate(3deg);box-shadow:0 32px 70px rgba(0,0,0,.23)}

  .landing-body-v217 .icon-strip-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}
  .landing-body-v217 .icon-strip-row article{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#fffaf4);transition:.18s ease}
  .landing-body-v217 .icon-strip-row article:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(22,43,36,.08)}
  .landing-body-v217 .icon-badge{width:42px;height:42px;border-radius:13px}

  .landing-body-v217 .landing-section-xl{padding:78px 0}
  .landing-body-v217 .compact-top{padding-top:68px}
  .landing-body-v217 .section-heading{margin-bottom:30px}
  .landing-body-v217 .section-heading span{font-size:10px;letter-spacing:.16em}
  .landing-body-v217 .section-heading h2{font-size:clamp(36px,3.5vw,50px);max-width:820px;margin-inline:auto}
  .landing-body-v217 .function-card-grid.with-icons{gap:16px}
  .landing-body-v217 .function-card-grid.with-icons article{padding:22px;border-radius:22px;background:linear-gradient(180deg,#fff,#fffaf5);transition:.18s ease}
  .landing-body-v217 .function-card-grid.with-icons article:hover{transform:translateY(-4px);border-color:#dfcfb2;box-shadow:0 20px 38px rgba(20,42,34,.08)}
  .landing-body-v217 .feature-icon-box{width:48px;height:48px;border-radius:15px;box-shadow:0 14px 26px rgba(15,122,90,.16)}

  .landing-body-v217 .experience-band{padding:18px 0 70px}
  .landing-body-v217 .experience-grid{gap:16px}
  .landing-body-v217 .experience-grid article{padding:24px;border-radius:22px;background:linear-gradient(180deg,#fffdf9,#fff8ef)}
  .landing-body-v217 .experience-icon{width:46px;height:46px;border-radius:14px}

  .landing-body-v217 .pricing-showcase.v217{padding:80px 0;background:radial-gradient(circle at 10% 0,rgba(239,205,127,.15),transparent 25%),radial-gradient(circle at 92% 12%,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,#063a2c,#084b39 55%,#06392b)}
  .landing-body-v217 .luxury-grid{gap:20px;align-items:stretch}
  .landing-body-v217 .public-plan-card{padding:28px;border-radius:26px;display:flex;flex-direction:column}
  .landing-body-v217 .public-plan-card.featured{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 64px rgba(0,0,0,.23)}
  .landing-body-v217 .public-plan-card h3{font-size:34px}
  .landing-body-v217 .plan-price-row strong{font-size:48px}
  .landing-body-v217 .public-plan-card ul{margin-bottom:22px}
  .landing-body-v217 .public-plan-card .btn{margin-top:auto;min-height:48px}
  .landing-body-v217 .pricing-benefit-strip{margin-top:24px;gap:12px}
  .landing-body-v217 .pricing-benefit-strip span{min-height:58px;border-radius:16px;background:rgba(255,255,255,.075)}

  .landing-body-v217 .testimonials-wrap{padding-top:76px}
  .landing-body-v217 .benefit-proof-grid article{padding:24px;border-radius:22px;background:linear-gradient(180deg,#fff,#fffaf4)}
  .landing-body-v217 .benefit-proof-grid p b{display:block;color:#173128;font-size:16px;margin-bottom:6px}
  .landing-body-v217 .benefit-proof-grid small{display:block;margin-top:12px;color:#9a7939;font-weight:800}

  .landing-body-v217 .final-cta-panel{margin:24px auto 72px;padding:34px 38px;border-radius:28px;background:radial-gradient(circle at 88% 0,rgba(239,205,127,.19),transparent 28%),linear-gradient(135deg,#063a2c,#0a6048);box-shadow:0 28px 60px rgba(9,64,48,.19)}
  .landing-body-v217 .final-cta-panel h2{font-size:40px;max-width:720px}
  .landing-body-v217 .final-cta-panel p{max-width:720px}

  .landing-body-v217 .faq-luxury{padding-bottom:82px}
  .landing-body-v217 .faq-grid-luxury{gap:16px}
  .landing-body-v217 .faq-grid-luxury details{padding:20px;border-radius:20px;background:linear-gradient(180deg,#fff,#fffaf4)}
  .landing-body-v217 .faq-grid-luxury summary{font-size:14px}

  .landing-footer-pro{padding:36px 0 18px;background:radial-gradient(circle at 100% 0,rgba(238,203,121,.08),transparent 26%),linear-gradient(180deg,#063426,#04271d)}
  .landing-body-v217 .footer-grid{gap:34px}
}


/* v0.2.25 - Modul Audit Aset */
.audit-page{padding-bottom:96px}.audit-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:30px;background:radial-gradient(circle at 88% 12%,rgba(219,182,113,.22),transparent 25%),linear-gradient(135deg,#0a4d3b,#0f7458);color:#fff;box-shadow:0 24px 58px rgba(10,67,51,.16);margin-bottom:22px}.audit-hero h1{margin:8px 0 10px;font-size:40px;letter-spacing:-.045em;line-height:1.03}.audit-hero p{margin:0;max-width:720px;color:#dceae5;line-height:1.7}.audit-hero-badge{width:148px;height:148px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;align-content:center;gap:3px;flex:0 0 auto}.audit-hero-badge svg{width:34px;height:34px;color:#f0d187}.audit-hero-badge b{font-size:34px}.audit-hero-badge span{font-size:12px;color:#d9e7e2}.audit-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.audit-create{position:sticky;top:110px}.audit-session-list{min-width:0}.audit-session-card{display:block;padding:18px 20px;border:1px solid #eadfce;border-radius:22px;background:#fffdf9;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(20,31,24,.05);margin-bottom:12px;transition:.2s ease}.audit-session-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(20,31,24,.08)}.audit-session-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.audit-session-top h3{margin:5px 0 0;font-size:19px}.audit-ref{font-size:10px;letter-spacing:.14em;font-weight:900;color:#a3772c}.audit-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0 10px}.audit-progress>div{height:8px;border-radius:999px;background:#eee7dc;overflow:hidden}.audit-progress i{display:block;height:100%;background:linear-gradient(90deg,#0f7a5a,#d8b15b);border-radius:inherit}.audit-progress span{font-size:12px;font-weight:900;color:#456056}.audit-session-meta{display:flex;gap:14px;flex-wrap:wrap;color:#728078;font-size:12px}.audit-session-meta b{color:#19372d}.audit-session-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.audit-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.audit-toolbar-actions .btn svg,.audit-create .btn svg{width:18px;height:18px}.audit-session-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:28px;background:linear-gradient(135deg,#fffefb,#f8f2e8);border:1px solid #e9ddca;box-shadow:0 16px 36px rgba(20,31,24,.06);margin-bottom:16px}.audit-session-hero h1{margin:5px 0 8px;font-size:34px;letter-spacing:-.04em}.audit-session-hero p{margin:0;color:#6a7871}.audit-session-info{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.audit-session-info span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e8dece;font-size:11px;font-weight:800;color:#607169}.audit-ring{--progress:0;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#0f7a5a calc(var(--progress)*1%),#eadfce 0);position:relative;flex:0 0 auto}.audit-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fffdf8}.audit-ring b,.audit-ring span{position:relative;z-index:1}.audit-ring b{font-size:24px;color:#153d30}.audit-ring span{font-size:10px;color:#728078}.audit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.audit-kpis article{padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #eadfce;box-shadow:0 10px 24px rgba(20,31,24,.04)}.audit-kpis span{display:block;color:#77867e;font-size:11px}.audit-kpis strong{display:block;margin-top:7px;font-size:28px;color:#19392f}.audit-kpis article.warn strong{color:#b77519}.audit-inspection-panel{margin-bottom:16px;border-top:4px solid #0f7a5a}.audit-inspection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.audit-inspection-head h2{margin:5px 0 4px;font-size:28px}.audit-inspection-head p{margin:0;color:#75837c}.audit-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.audit-result-choice{position:relative;cursor:pointer}.audit-result-choice input{position:absolute;opacity:0;pointer-events:none}.audit-result-choice span{display:flex;align-items:center;justify-content:center;min-height:70px;padding:14px;border-radius:18px;border:1px solid #e6ddcf;background:#fffdf9;text-align:center;font-size:13px;font-weight:850;color:#43574e;transition:.18s ease}.audit-result-choice input:checked+span{border-color:#0f7a5a;background:#edf8f2;color:#0d684e;box-shadow:0 0 0 3px rgba(15,122,90,.09)}.audit-result-choice.damaged input:checked+span,.audit-result-choice.not_found input:checked+span{border-color:#c24f43;background:#fff0ee;color:#a83d34}.audit-result-choice.maintenance input:checked+span,.audit-result-choice.disposal input:checked+span{border-color:#d49a35;background:#fff8e8;color:#9a6713}.audit-observation-grid{margin-top:0}.audit-evidence-input span{display:flex;gap:8px;align-items:center}.audit-evidence-input svg{width:18px;height:18px}.audit-evidence-grid{display:grid;grid-template-columns:repeat(4,120px);gap:10px;margin:14px 0}.audit-evidence-grid img{width:120px;height:90px;object-fit:cover;border-radius:14px;border:1px solid #e2d9cb}.audit-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.audit-offline-status{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fff7e5;border:1px solid #edd8a4;color:#825d16;font-size:12px}.audit-offline-status.success{background:#ecf8f1;border-color:#cae9d7;color:#176343}.audit-findings{margin-bottom:16px}.audit-finding{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #eee5d8}.audit-finding:last-child{border-bottom:0}.audit-finding b{margin-right:8px}.audit-finding p{margin:7px 0 3px;color:#5f7068;font-size:13px}.audit-finding small{color:#7b6a48}.audit-review-actions{display:flex;gap:8px;flex:0 0 auto}.audit-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.audit-list-head h3{margin:5px 0 0}.audit-search-wrap{display:flex;gap:8px}.audit-search-wrap input,.audit-search-wrap select{min-width:220px}.audit-asset-list{display:grid;gap:8px}.audit-asset-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #ebe1d3;border-radius:17px;background:#fffdf9;text-decoration:none;color:inherit}.audit-asset-row:hover{background:#fff}.audit-row-status{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f2f4ef;color:#73817a}.audit-row-status svg{width:19px;height:19px}.audit-row-status.ok{background:#eaf8f0;color:#0c7455}.audit-row-status.warn{background:#fff5df;color:#a36b13}.audit-row-status.danger{background:#fff0ee;color:#b53e35}.audit-row-status.info{background:#eef5fb;color:#32698e}.audit-row-copy b{display:block;font-size:13px}.audit-row-copy span{display:block;margin-top:3px;font-size:11px;color:#73817a}.audit-row-result{text-align:right}.audit-row-result small{display:block;margin-top:4px;font-size:10px;color:#8b6c31}.audit-close-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#0b4435,#0f6b52);color:#fff}.audit-close-card b{font-size:16px}.audit-close-card p{margin:5px 0 0;color:#d8e8e2;font-size:12px}.audit-scanner[hidden]{display:none}.audit-scanner{position:fixed;inset:0;z-index:100;background:rgba(3,21,16,.78);display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.audit-scanner-card{width:min(520px,100%);padding:16px;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.3)}.audit-scanner-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.audit-scanner-head b{display:block}.audit-scanner-head small{display:block;color:#718078;margin-top:3px}.audit-scanner-head button{width:38px;height:38px;border:0;border-radius:12px;background:#f2eee6;font-size:23px;cursor:pointer}.audit-scanner video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#10271f;border-radius:18px}.audit-scan-status{padding:10px 2px;color:#64736c;font-size:12px}.audit-manual-scan{display:grid;grid-template-columns:1fr auto;gap:8px}.audit-manual-scan input{min-width:0}.audit-scope-field[hidden]{display:none!important}.audit-bottom-nav{display:none}
@media(max-width:1000px){.audit-layout{grid-template-columns:1fr}.audit-create{position:static}.audit-kpis{grid-template-columns:1fr 1fr}.audit-result-grid{grid-template-columns:1fr 1fr}.audit-list-head{align-items:stretch;flex-direction:column}.audit-search-wrap{width:100%}.audit-search-wrap input,.audit-search-wrap select{min-width:0;flex:1}}
@media(max-width:900px){.audit-bottom-nav{display:flex}.audit-page{padding-bottom:108px}.audit-hero{padding:22px;border-radius:24px}.audit-hero h1{font-size:30px}.audit-hero-badge{width:100px;height:100px;border-radius:22px}.audit-hero-badge b{font-size:26px}.audit-session-hero{padding:20px;border-radius:22px}.audit-session-hero h1{font-size:28px}}
@media(max-width:640px){.audit-page{padding:12px 10px 110px}.audit-hero{display:block;padding:18px;border-radius:20px}.audit-hero h1{font-size:25px}.audit-hero p{font-size:13px}.audit-hero-badge{display:none}.audit-layout{gap:14px}.audit-create,.audit-session-card,.audit-inspection-panel,.audit-findings,.audit-assets-panel{border-radius:18px}.audit-session-toolbar{align-items:stretch;flex-direction:column}.audit-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.audit-toolbar-actions .btn{justify-content:center;padding:11px}.audit-session-hero{padding:17px;border-radius:19px;align-items:flex-start}.audit-session-hero h1{font-size:23px}.audit-session-hero p{font-size:12px}.audit-ring{width:78px;height:78px}.audit-ring b{font-size:18px}.audit-kpis{grid-template-columns:1fr 1fr;gap:8px}.audit-kpis article{padding:12px;border-radius:16px}.audit-kpis strong{font-size:23px}.audit-inspection-head h2{font-size:22px}.audit-result-grid{grid-template-columns:1fr 1fr;gap:8px}.audit-result-choice span{min-height:58px;padding:10px;font-size:11px;border-radius:14px}.audit-evidence-grid{grid-template-columns:repeat(2,1fr)}.audit-evidence-grid img{width:100%;height:110px}.audit-form-actions{display:grid;grid-template-columns:1fr 1fr}.audit-finding{align-items:flex-start;flex-direction:column}.audit-review-actions{width:100%}.audit-review-actions form{flex:1}.audit-review-actions .btn{width:100%}.audit-search-wrap{display:grid;grid-template-columns:1fr}.audit-asset-row{grid-template-columns:38px minmax(0,1fr);padding:11px;border-radius:15px}.audit-row-status{width:36px;height:36px}.audit-row-result{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-row-result small{margin:0}.audit-close-card{align-items:stretch;flex-direction:column;padding:17px;border-radius:18px}.audit-close-card .btn{width:100%}.audit-manual-scan{grid-template-columns:1fr}.audit-scanner-card{padding:13px;border-radius:20px}}

/* v0.2.26 - butang premium, kad lebih kemas, sentuhan mudah alih yang lebih mewah */
.btn,a.btn,button.btn{
  position:relative;
  isolation:isolate;
  min-height:48px;
  padding:13px 18px;
  border-radius:18px;
  font-weight:900;
  letter-spacing:-.01em;
  border:1px solid rgba(16,56,42,.10);
  box-shadow:0 14px 30px rgba(17,39,30,.07),inset 0 1px 0 rgba(255,255,255,.45);
  overflow:hidden;
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 42%);
  pointer-events:none;
}
.btn>*{position:relative;z-index:1}
.btn svg{width:18px;height:18px}
.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(17,39,30,.10),inset 0 1px 0 rgba(255,255,255,.45)}
.btn:active{transform:translateY(0);box-shadow:0 10px 20px rgba(17,39,30,.10),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.primary{
  color:#fff;
  border-color:rgba(6,54,42,.18);
  background:linear-gradient(135deg,#0e5f49 0%,#11846a 56%,#0a4a39 100%);
  box-shadow:0 18px 36px rgba(7,76,59,.20),0 8px 18px rgba(215,176,102,.10);
}
.btn.primary:hover{box-shadow:0 22px 40px rgba(7,76,59,.24),0 10px 18px rgba(215,176,102,.12)}
.btn.light{
  color:#153329;
  border-color:#ebddc5;
  background:linear-gradient(180deg,#fffefc,#fff8f0);
  box-shadow:0 12px 26px rgba(17,39,30,.06),inset 0 1px 0 rgba(255,255,255,.75);
}
.btn.soft{
  color:#7b5718;
  border-color:#ebcc83;
  background:linear-gradient(135deg,#fff7e8 0%,#f7dfaa 100%);
  box-shadow:0 14px 28px rgba(131,93,26,.14),inset 0 1px 0 rgba(255,255,255,.55);
}
.btn.glass{
  color:#fff;
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  box-shadow:0 14px 28px rgba(6,45,35,.16),inset 0 1px 0 rgba(255,255,255,.16);
}
.btn.danger{
  color:#fff;
  border-color:rgba(145,29,29,.18);
  background:linear-gradient(135deg,#c64b41,#a82e2e);
  box-shadow:0 16px 30px rgba(168,46,46,.18);
}

input,select,textarea{
  min-height:50px;
  border-radius:18px;
  padding:14px 15px;
  background:linear-gradient(180deg,#fbfcfb,#f5f8f7);
  border-color:#dde6df;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
textarea{min-height:120px}
input:focus,select:focus,textarea:focus{
  background:#fff;
  border-color:#8cc7b1;
  box-shadow:0 0 0 4px rgba(15,107,82,.10),0 10px 24px rgba(13,48,38,.05);
}

.premium-form,
.signature-grid section,
.discrepancy-card,
.audit-create,
.audit-session-card,
.audit-inspection-panel,
.audit-findings,
.audit-assets-panel,
.audit-scanner-card{
  border-radius:24px;
  border:1px solid #eadfce;
  background:linear-gradient(180deg,#fffefc,#fff9f4);
  box-shadow:0 18px 34px rgba(20,31,24,.05);
}

.form-section{padding-bottom:14px;margin-bottom:2px}
.form-section>span{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(145deg,#eef8f2,#fcf1df);
  border:1px solid #eadfce;
  box-shadow:inset 0 -4px 10px rgba(215,176,102,.10);
}
.form-section b{font-size:15px}
.form-section small{font-size:11px}

.receipt-masjid-banner,
.audit-session-hero{
  background:radial-gradient(circle at top right,rgba(215,176,102,.12),transparent 34%),linear-gradient(180deg,#fffdf9,#f8f3ea);
  border:1px solid #eadfce;
  box-shadow:0 16px 32px rgba(20,31,24,.05);
}
.audit-hero{
  box-shadow:0 28px 56px rgba(8,68,53,.17);
}
.audit-result-choice span{
  min-height:74px;
  border-radius:20px;
  background:linear-gradient(180deg,#fffefb,#fbf7ef);
  box-shadow:0 8px 18px rgba(20,31,24,.03);
}
.audit-result-choice input:checked+span{box-shadow:0 0 0 3px rgba(15,122,90,.10),0 14px 26px rgba(15,122,90,.08)}
.audit-form-actions,
.receipt-buttons,
.audit-toolbar-actions,
.audit-review-actions{gap:10px}

.bottom-nav{
  left:max(10px,env(safe-area-inset-left));
  right:max(10px,env(safe-area-inset-right));
  bottom:max(10px,env(safe-area-inset-bottom));
  width:auto;
  padding:10px 10px calc(10px + env(safe-area-inset-bottom));
  border:1px solid rgba(220,204,175,.85);
  border-radius:26px;
  background:rgba(255,252,247,.96);
  box-shadow:0 18px 34px rgba(11,39,31,.12);
  gap:2px;
}
.bottom-nav a{
  padding:2px 1px;
  gap:4px;
  font-size:9px;
  line-height:1.15;
  color:#65756f;
}
.bottom-nav a span{
  width:34px;
  height:34px;
  border-radius:12px;
  margin:0 auto 2px;
  border:1px solid transparent;
  transition:.2s ease;
}
.bottom-nav a.active{
  color:#0f6b52;
}
.bottom-nav a.active span{
  background:linear-gradient(145deg,#edf8f2,#fff4de);
  border-color:#eadab5;
  box-shadow:0 8px 16px rgba(15,107,82,.10);
}
.bottom-nav a.add-action{
  color:#8b6723;
}
.bottom-nav a.add-action span{
  width:46px;
  height:40px;
  margin-top:-20px;
  border-radius:14px;
  border:1px solid rgba(13,93,72,.10);
  background:linear-gradient(135deg,#0f6b52 0%,#0c7b60 52%,#0a4a39 100%);
  color:#fff;
  box-shadow:0 16px 26px rgba(15,107,82,.22),0 8px 18px rgba(215,176,102,.10);
}
.bottom-nav a.add-action.active span{background:linear-gradient(135deg,#0f6b52 0%,#0c7b60 52%,#0a4a39 100%);border-color:rgba(13,93,72,.10)}
.bottom-nav.audit-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}

@media(max-width:900px){
  .page-body{padding:14px}
  .receipt-layout,.audit-layout{gap:14px}
}
@media(max-width:640px){
  .topbar{height:76px;padding:0 11px}
  .topbar h2{font-size:18px;max-width:172px;line-height:1.05}
  .topbar-right{gap:8px}
  .page-body{padding:10px 10px 98px}
  .premium-form,
  .signature-grid section,
  .discrepancy-card,
  .audit-create,
  .audit-session-card,
  .audit-inspection-panel,
  .audit-findings,
  .audit-assets-panel{border-radius:22px}
  .form-section{gap:12px;padding-bottom:15px}
  label{gap:8px}
  input,select,textarea{font-size:16px}
  .receipt-masjid-banner{padding:16px;border-radius:20px}
  .receipt-buttons,
  .audit-form-actions,
  .audit-toolbar-actions,
  .audit-review-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .receipt-buttons .btn,
  .audit-form-actions .btn,
  .audit-toolbar-actions .btn,
  .audit-review-actions .btn,
  .form-footer .btn{width:100%}
  .audit-hero{padding:20px;border-radius:24px}
  .audit-hero h1{font-size:28px;line-height:1.05}
  .audit-hero p{font-size:13px;line-height:1.65}
  .audit-session-hero{padding:18px;border-radius:20px;display:block}
  .audit-session-hero h1{font-size:24px}
  .audit-session-info{margin-top:10px}
  .audit-ring{margin-top:16px;width:84px;height:84px}
  .audit-kpis article{padding:13px;border-radius:18px}
  .audit-kpis strong{font-size:24px}
  .audit-result-grid{grid-template-columns:1fr 1fr;gap:8px}
  .audit-result-choice span{min-height:64px;font-size:11px;padding:10px}
  .bottom-nav{padding:9px 8px calc(9px + env(safe-area-inset-bottom));border-radius:24px}
  .bottom-nav a{font-size:9px}
  .bottom-nav a span{width:32px;height:32px;border-radius:11px}
  .bottom-nav a.add-action span{width:42px;height:38px;margin-top:-18px}
}
@media(max-width:420px){
  .topbar h2{max-width:150px}
  .crumb{font-size:9px;letter-spacing:.13em}
  .bottom-nav{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
  .bottom-nav a{font-size:8px}
  .bottom-nav a span{width:30px;height:30px}
  .bottom-nav a.add-action span{width:40px;height:36px}
}

/* v0.2.27 - Penjenamaan Tersuai + API v1 */
.settings-premium-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.settings-tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border-radius:24px;background:linear-gradient(180deg,#fffefd,#fff9f3);border:1px solid #eadfce;box-shadow:0 16px 34px rgba(20,31,24,.05)}
.settings-tool-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),#0a4939);color:#fff;box-shadow:0 14px 26px color-mix(in srgb,var(--brand) 24%,transparent)}
.settings-tool-icon svg{width:21px;height:21px}.settings-tool-card h3{margin:2px 0 5px;font-size:18px}.settings-tool-card p{margin:0;color:var(--muted);font-size:12px}.feature-lock{font-size:10px;font-weight:900;color:#8b6a2b;background:#fff6e3;border:1px solid #eed8a6;padding:7px 10px;border-radius:999px;white-space:nowrap}
.tenant-feature-override{margin-top:18px}.tenant-override-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.tenant-override-card{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:12px;align-items:center;padding:14px;border:1px solid #eadfce;border-radius:18px;background:#fffdf9}.tenant-override-card b,.tenant-override-card small{display:block}.tenant-override-card small{color:var(--muted);font-size:10px;margin-top:3px}.tenant-override-card select{min-height:44px;padding:10px 12px}.tenant-override-card .btn{min-height:44px;padding:10px 14px}
.feature-gate-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 24%),linear-gradient(180deg,#faf7f1,#f5f1e9)}.feature-gate-card{width:min(560px,100%);padding:34px;border-radius:30px;background:#fff;border:1px solid #eadfce;box-shadow:0 30px 80px rgba(20,31,24,.12);text-align:center}.feature-gate-card .brand-mark{margin:0 auto 20px}.feature-gate-card h1{font-size:34px;letter-spacing:-.04em}.feature-gate-card p{color:var(--muted);line-height:1.7}.feature-gate-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}
.standalone-shell{min-height:100vh;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 18%),linear-gradient(180deg,#faf7f1,#f5f1e9)}.standalone-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(24px,calc((100vw - 1240px)/2));background:rgba(255,252,247,.92);backdrop-filter:blur(18px);border-bottom:1px solid #eadfce}.standalone-brand{display:flex;align-items:center;gap:12px;color:var(--text)}.standalone-brand img{width:44px;height:44px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid #eadfce}.standalone-brand b,.standalone-brand small{display:block}.standalone-brand small{color:var(--muted);font-size:11px}.standalone-body{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:28px 0 54px}
.branding-hero,.api-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--brand) 92%,#06281f),var(--brand));color:#fff;box-shadow:0 24px 54px color-mix(in srgb,var(--brand) 18%,transparent);margin-bottom:18px}.branding-hero h1,.api-hero h1{font-size:38px;letter-spacing:-.045em;margin:6px 0 8px}.branding-hero p,.api-hero p{margin:0;color:#dfebe7;max-width:720px}.branding-preview-chip{display:flex;gap:8px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}.branding-preview-chip i{display:block;width:34px;height:34px;border-radius:12px;border:2px solid rgba(255,255,255,.55)}
.branding-layout,.api-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start}.brand-color-input{padding:6px;height:54px}.branding-check{display:flex;align-items:center;grid-template-columns:auto 1fr}.branding-check input{width:20px;min-height:20px}.branding-live-preview{position:sticky;top:94px}.branding-preview-card{overflow:hidden;border-radius:24px;border:1px solid #e6dcc9;background:#fff;box-shadow:0 18px 40px rgba(20,31,24,.08)}.branding-preview-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,var(--preview-primary),color-mix(in srgb,var(--preview-primary) 72%,#07291f));color:#fff}.branding-preview-header img{width:46px;height:46px;border-radius:13px;object-fit:contain;background:#fff}.branding-preview-header b,.branding-preview-header small{display:block}.branding-preview-header small{font-size:10px;color:#e4f0ec}.branding-preview-body{padding:20px}.branding-preview-body>span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#94712c}.branding-preview-body h2{margin:5px 0 16px}.branding-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.branding-preview-stats i{height:52px;border-radius:14px;background:linear-gradient(145deg,#eef8f2,#fff3de);border:1px solid #eadfce}.branding-preview-body button{width:100%;margin-top:16px;padding:12px;border:0;border-radius:15px;background:var(--preview-primary);color:#fff;font-weight:900}
.api-rate-badge{min-width:150px;text-align:center;padding:16px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}.api-rate-badge b,.api-rate-badge small{display:block}.api-rate-badge b{font-size:34px}.api-rate-badge small{color:#dce9e4}.api-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.api-scope{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e7ddce;border-radius:15px;background:#fffdf9}.api-scope input{width:20px;min-height:20px}.api-scope b,.api-scope small{display:block}.api-scope small{font-size:9px;color:var(--muted)}.api-docs code{display:block;margin:8px 0;padding:11px 12px;border-radius:12px;background:#0b2e25;color:#d9f0e7;overflow:auto;font-size:11px}.api-token-reveal{margin-bottom:18px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#fff6df,#fffdf8);border:1px solid #e8c978;box-shadow:0 16px 36px rgba(139,100,27,.10)}.api-token-reveal>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#906a20}.api-token-reveal code{display:block;margin:10px 0;padding:13px;border-radius:13px;background:#0b2e25;color:#e5f7ef;word-break:break-all}.api-token-reveal p{margin:10px 0 0;color:#78684a;font-size:11px}.api-key-list,.api-log-list{margin-top:18px}.api-key-row,.api-log-list article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;border-top:1px solid #eee4d5}.api-key-row b,.api-key-row code,.api-key-row small,.api-log-list b,.api-log-list small{display:block}.api-key-row code{margin:4px 0;color:#0e6c53;font-size:11px}.api-key-row small,.api-log-list small{color:var(--muted);font-size:10px}.api-key-row>div:last-child,.api-log-list article>div:last-child{text-align:right}.api-key-row form{margin-top:7px}
@media(max-width:900px){.settings-premium-tools,.tenant-override-grid,.branding-layout,.api-layout{grid-template-columns:1fr}.settings-tool-card{grid-template-columns:auto minmax(0,1fr)}.settings-tool-card>.btn,.settings-tool-card>.feature-lock{grid-column:1/-1}.tenant-override-card{grid-template-columns:1fr 1fr}.tenant-override-card>div{grid-column:1/-1}.branding-live-preview{position:static}.branding-hero,.api-hero{padding:22px;border-radius:24px}.branding-hero h1,.api-hero h1{font-size:30px}}
@media(max-width:640px){.standalone-topbar{padding:10px}.standalone-body{width:min(100% - 20px,1240px);padding-top:16px}.standalone-topbar .btn{min-height:40px;padding:9px 11px;font-size:11px}.branding-hero,.api-hero{display:block;padding:19px;border-radius:21px}.branding-hero h1,.api-hero h1{font-size:26px}.branding-hero p,.api-hero p{font-size:12px}.branding-preview-chip,.api-rate-badge{margin-top:14px;width:max-content}.api-scope-grid{grid-template-columns:1fr}.tenant-override-card{grid-template-columns:1fr}.settings-tool-card{padding:16px;border-radius:20px}.feature-gate-card{padding:24px 18px;border-radius:24px}.feature-gate-actions{display:grid;grid-template-columns:1fr}.api-key-row,.api-log-list article{align-items:flex-start;flex-direction:column}.api-key-row>div:last-child,.api-log-list article>div:last-child{text-align:left;width:100%}}

/* v0.2.28 - portal khas masjid */
.portal-url-badge{margin:14px 0 4px;padding:13px 15px;border-radius:17px;background:linear-gradient(135deg,#eef8f2,#fff5e2);border:1px solid #eadfc8;box-shadow:0 10px 22px rgba(20,31,24,.04)}
.portal-url-badge span,.portal-admin-preview span,.portal-settings-card span{display:block;color:#987132;font-size:9px;font-weight:900;letter-spacing:.14em}
.portal-url-badge b{display:block;margin-top:3px;color:#17362b;font-size:13px}.portal-login-logo{object-fit:contain;background:#fff;padding:3px;border:1px solid rgba(230,211,174,.8);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.portal-admin-preview,.portal-settings-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;border-radius:20px;background:radial-gradient(circle at top right,rgba(215,176,102,.12),transparent 32%),linear-gradient(180deg,#fffefb,#f7f2e8);border:1px solid #e9ddc8;box-shadow:0 12px 28px rgba(20,31,24,.05)}
.portal-admin-preview b,.portal-settings-card b{display:block;margin-top:4px;color:#17382d;font-size:13px;word-break:break-all}.portal-admin-preview small,.portal-settings-card small{display:block;margin-top:4px;color:#718078;font-size:10px}
.tenant-portal-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border-radius:14px;background:#f5faf7;border:1px solid #dfece5;color:#245243}.tenant-portal-link span{font-size:10px;font-weight:900;color:#8b6b32;letter-spacing:.08em;text-transform:uppercase}.tenant-portal-link b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.portal-admin-preview,.portal-settings-card{align-items:stretch;flex-direction:column;padding:14px;border-radius:18px}.portal-admin-preview .btn,.portal-settings-card .btn{width:100%}.portal-auth .login-card.premium{padding-top:24px}.portal-url-badge{margin-top:12px}}

/* v0.2.29 - Sidebar desktop premium dan lebih tersusun */
.sidebar.sidebar-premium{
  width:auto;
  padding:18px 14px 14px;
  gap:0;
  background:
    radial-gradient(circle at 24% 0%,rgba(219,182,113,.15),transparent 23%),
    linear-gradient(180deg,#06291f 0%,#073126 44%,#061f18 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:18px 0 48px rgba(4,27,21,.08);
}
.sidebar-premium .sidebar-brand{
  min-height:72px;
  margin:0 2px 14px;
  padding:9px 10px 16px;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sidebar-premium .sidebar-brand .tenant-logo.sm,
.sidebar-premium .sidebar-brand .brand-mark.sm{
  width:44px;
  height:44px;
  border-radius:15px;
  flex:0 0 44px;
  box-shadow:0 12px 25px rgba(0,0,0,.20),0 0 0 1px rgba(239,208,137,.10);
}
.sidebar-premium .brand-copy{min-width:0;flex:1}
.sidebar-premium .brand-copy strong{
  display:block;
  font-size:16px;
  line-height:1.2;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar-premium .brand-copy small{
  display:block;
  margin-top:4px;
  max-width:176px;
  color:#94b1a7;
  font-size:10px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar-premium .sidebar-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 2px 12px;
  scrollbar-width:thin;
  scrollbar-color:rgba(223,188,111,.22) transparent;
}
.sidebar-premium .sidebar-scroll::-webkit-scrollbar{width:5px}
.sidebar-premium .sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(223,188,111,.22);border-radius:999px}
.sidebar-premium .sidebar-group{padding:6px 0 8px}
.sidebar-premium .sidebar-group+.sidebar-group{
  margin-top:4px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.055);
}
.sidebar-premium .sidebar-label{
  padding:0 12px 8px;
  color:#7fa094;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  line-height:1;
}
.sidebar-premium .sidebar-nav{display:grid;gap:4px}
.sidebar-premium .sidebar-nav a{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  min-height:45px;
  gap:10px;
  padding:5px 10px 5px 7px;
  border-radius:14px;
  border:1px solid transparent;
  color:#c2d4ce;
  font-size:12px;
  font-weight:760;
  line-height:1.15;
  transition:.18s ease;
}
.sidebar-premium .sidebar-nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.035);
  transform:translateX(1px);
}
.sidebar-premium .sidebar-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(219,182,113,.18),rgba(15,117,88,.20));
  border-color:rgba(230,198,126,.12);
  box-shadow:inset 3px 0 0 #ddb66d,0 10px 22px rgba(0,0,0,.11);
}
.sidebar-premium .sidebar-nav .nav-icon{
  width:34px;
  height:34px;
  border-radius:11px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.045);
  color:#9db8af;
  box-shadow:none;
}
.sidebar-premium .sidebar-nav a.active .nav-icon{
  color:#ffe0a0;
  background:linear-gradient(145deg,rgba(219,182,113,.20),rgba(219,182,113,.08));
  border-color:rgba(232,199,125,.14);
}
.sidebar-premium .sidebar-nav .nav-icon svg{width:17px;height:17px}
.sidebar-premium .nav-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-premium .nav-count{
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#61420e;
  background:linear-gradient(145deg,#f9df9f,#d9ac51);
  border:1px solid rgba(255,255,255,.12);
  font-size:9px;
  font-weight:950;
  box-shadow:0 6px 14px rgba(0,0,0,.13);
}
.sidebar-premium .sidebar-bottom{
  margin:6px 2px 0;
  padding:12px 8px 0;
  border-top:1px solid rgba(255,255,255,.075);
}
.sidebar-premium .account-mini{
  padding:9px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.05);
}
.sidebar-premium .account-mini .avatar{
  width:36px;
  height:36px;
  background:linear-gradient(145deg,#f3e0b2,#d6aa59);
  color:#16382d;
  box-shadow:0 7px 16px rgba(0,0,0,.15);
}
.sidebar-premium .account-copy{min-width:0}
.sidebar-premium .account-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.sidebar-premium .account-copy small{font-size:9px;color:#86a69b}
.sidebar-premium .logout{
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:9px;
  min-height:40px;
  margin-top:7px;
  padding:5px 8px;
  border-radius:12px;
  color:#9fb8b0;
  font-size:11px;
  font-weight:800;
}
.sidebar-premium .logout:hover{color:#fff;background:rgba(255,255,255,.055)}
.sidebar-premium .logout .nav-icon.tiny{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.04)}
@media(max-width:1100px){.sidebar.sidebar-premium{padding-left:11px;padding-right:11px}.sidebar-premium .sidebar-nav a{padding-right:8px}.sidebar-premium .brand-copy small{max-width:150px}}
@media(max-width:900px){.sidebar.sidebar-premium{display:none}}

/* v0.2.30 - pembetulan sidebar penuh sampai bawah viewport */
.sidebar.sidebar-premium{
  height:100vh;
  min-height:100vh;
  max-height:100vh;
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  align-self:start;
  overflow:hidden;
  box-sizing:border-box;
  position:sticky;
  top:0;
}
.sidebar-premium .sidebar-brand{
  flex:0 0 auto;
}
.sidebar-premium .sidebar-scroll{
  flex:1 1 auto;
  min-height:0;
  overscroll-behavior:contain;
  padding-bottom:10px;
}
.sidebar-premium .sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  padding-bottom:max(2px,env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(6,31,24,0),rgba(6,31,24,.92) 18%,#061f18 100%);
}
@supports not (height:100dvh){
  .sidebar.sidebar-premium{height:100vh;min-height:100vh;max-height:100vh}
}
@media(max-height:720px) and (min-width:901px){
  .sidebar.sidebar-premium{padding-top:12px;padding-bottom:10px}
  .sidebar-premium .sidebar-brand{min-height:60px;margin-bottom:8px;padding-top:5px;padding-bottom:10px}
  .sidebar-premium .sidebar-group{padding-top:3px;padding-bottom:5px}
  .sidebar-premium .sidebar-group+.sidebar-group{padding-top:8px;margin-top:2px}
  .sidebar-premium .sidebar-label{padding-bottom:5px}
  .sidebar-premium .sidebar-nav{gap:2px}
  .sidebar-premium .sidebar-nav a{min-height:41px}
  .sidebar-premium .sidebar-bottom{padding-top:8px}
  .sidebar-premium .account-mini{padding:7px}
  .sidebar-premium .logout{min-height:36px;margin-top:4px}
}

/* v0.2.32 - tutorial pemasangan subdomain cPanel */
.subdomain-help-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #e8dcc7;border-radius:20px;background:radial-gradient(circle at 92% 12%,rgba(215,176,102,.13),transparent 30%),linear-gradient(180deg,#fffdf8,#fbf6ed);box-shadow:0 12px 28px rgba(20,31,24,.04)}
.subdomain-help-copy{display:flex;align-items:center;gap:12px;min-width:0}.subdomain-help-copy>div{min-width:0}.subdomain-help-copy b,.subdomain-help-copy small{display:block}.subdomain-help-copy b{font-size:13px;color:#17382d}.subdomain-help-copy small{margin-top:3px;color:#76817c;font-size:10px;line-height:1.5}.subdomain-help-icon{width:38px;height:38px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#0f6b52,#0a4939);color:#f4d691;font-weight:950;box-shadow:0 10px 20px rgba(15,107,82,.16)}
.subdomain-help-actions{display:flex;gap:8px;flex:0 0 auto}.subdomain-help-actions .btn{min-height:42px;padding:10px 13px;font-size:10px}
.subdomain-tutorial-modal{z-index:180;background:rgba(4,25,19,.72);backdrop-filter:blur(10px);padding:18px;overflow:auto}.subdomain-tutorial-card{width:min(760px,100%);max-height:min(860px,calc(100dvh - 36px));overflow:auto;padding:26px;border-radius:28px;background:radial-gradient(circle at top right,rgba(215,176,102,.13),transparent 28%),#fffdf9;border:1px solid #eadcc4;box-shadow:0 32px 90px rgba(1,25,18,.28)}
.tutorial-modal-head{padding-right:42px}.tutorial-modal-head h3{font-size:26px;letter-spacing:-.035em;margin:8px 0 6px}.tutorial-modal-head p{margin:0;color:#6c7a73}.tutorial-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f7e9c8;border:1px solid #e9cd8e;color:#7c5a1d;font-size:9px;font-weight:950;letter-spacing:.16em}
.tutorial-steps{display:grid;gap:10px;margin:20px 0}.tutorial-steps article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #eae1d3;border-radius:17px;background:rgba(255,255,255,.78)}.tutorial-steps article i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0f6b52,#0a4939);color:#fff;font-style:normal;font-weight:950;box-shadow:0 8px 16px rgba(15,107,82,.15)}.tutorial-steps b,.tutorial-steps small{display:block}.tutorial-steps b{font-size:12px;color:#17382d}.tutorial-steps small{margin-top:4px;color:#6f7d76;line-height:1.55}.tutorial-steps code,.guide-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tutorial-warning{display:flex;gap:10px;padding:13px 14px;border-radius:16px;background:#fff6e4;border:1px solid #efd9a8;color:#75551c;font-size:11px;line-height:1.55}.tutorial-warning b{flex:0 0 auto}.tutorial-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px}.tutorial-modal-actions .btn{font-size:10px}
.tutorial-page-body{min-height:100vh;background:radial-gradient(circle at 5% 0,rgba(215,176,102,.20),transparent 21%),radial-gradient(circle at 95% 5%,rgba(15,107,82,.10),transparent 23%),linear-gradient(180deg,#f7f2e9,#f4f7f3)}.subdomain-guide-shell{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:34px 0 50px}.subdomain-guide-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:30px;padding:38px;border-radius:34px;background:radial-gradient(circle at 87% 10%,rgba(215,176,102,.25),transparent 30%),linear-gradient(135deg,#0a4435,#0f6b52 62%,#0a4939);color:#fff;box-shadow:0 32px 72px rgba(6,58,44,.20)}.subdomain-guide-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.055em;line-height:1.02;margin:12px 0}.subdomain-guide-hero p{font-size:15px;line-height:1.7;color:#dceae5;max-width:720px}.guide-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.guide-domain-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.guide-domain-card span,.guide-domain-card b,.guide-domain-card small{display:block}.guide-domain-card span{font-size:9px;letter-spacing:.18em;color:#f1d693;font-weight:950}.guide-domain-card b{font-size:21px;margin:8px 0 5px}.guide-domain-card small{color:#d4e5df;word-break:break-all}.subdomain-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.guide-step-card{display:grid;grid-template-columns:58px 1fr;gap:17px;padding:24px;border:1px solid #e9decd;border-radius:25px;background:linear-gradient(180deg,#fffefd,#fff9f3);box-shadow:0 16px 34px rgba(20,31,24,.05)}.guide-step-no{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#edf8f2,#fcf1df);border:1px solid #e7d7b8;color:#0e644d;font-size:16px;font-weight:950}.guide-step-card h2{font-size:22px;letter-spacing:-.035em;margin:4px 0 8px}.guide-step-card p{margin:0 0 12px;color:#687770;line-height:1.65}.guide-screen-hint,.guide-example{padding:12px 13px;border-radius:14px;background:#f4f8f5;border:1px solid #e2ebe5;color:#315447;font-size:11px}.guide-example span,.guide-example b{display:block}.guide-example span{color:#8a7a5b;font-size:9px;font-weight:900}.guide-example b{margin-top:3px}.guide-code{display:block;padding:12px 13px;border-radius:14px;background:#0d3127;color:#f3dfad;font-size:12px;overflow:auto;white-space:nowrap;margin:8px 0 12px}.guide-note{font-size:10px!important;color:#80908a!important}.guide-text-link{display:inline-block;font-size:11px;font-weight:850;margin-top:3px}.guide-checklist{display:flex;flex-wrap:wrap;gap:7px}.guide-checklist span{padding:7px 9px;border-radius:999px;background:#eef8f2;color:#0c674d;border:1px solid #d8eadf;font-size:10px;font-weight:850}.guide-troubleshoot{margin-top:18px;padding:26px;border:1px solid #e9decd;border-radius:28px;background:#fffdfa;box-shadow:0 16px 34px rgba(20,31,24,.05)}.guide-troubleshoot h2{font-size:28px;margin:5px 0 18px}.guide-trouble-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-trouble-grid article{padding:15px;border-radius:17px;background:#f8f6f0;border:1px solid #ebe2d4}.guide-trouble-grid b{font-size:12px;color:#1b392f}.guide-trouble-grid p{margin:5px 0 0;color:#6f7d76;font-size:10px;line-height:1.55}.guide-footer-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#fff6df,#f9f2e8);border:1px solid #e8d5ac}.guide-footer-card b{font-size:16px}.guide-footer-card p{margin:5px 0 0;color:#6f766d;font-size:11px;max-width:760px}
@media(max-width:820px){.subdomain-help-card{align-items:stretch;flex-direction:column}.subdomain-help-actions{display:grid;grid-template-columns:1fr 1fr}.subdomain-guide-hero{grid-template-columns:1fr;padding:27px}.subdomain-guide-grid{grid-template-columns:1fr}.guide-trouble-grid{grid-template-columns:1fr}.guide-footer-card{align-items:stretch;flex-direction:column}.guide-footer-card .btn{width:100%}}
@media(max-width:560px){.subdomain-help-actions{grid-template-columns:1fr}.subdomain-tutorial-card{padding:20px 15px;border-radius:22px}.tutorial-modal-head h3{font-size:21px}.tutorial-steps article{grid-template-columns:34px 1fr;padding:11px}.tutorial-steps article i{width:32px;height:32px}.tutorial-modal-actions{display:grid;grid-template-columns:1fr}.tutorial-modal-actions .btn{width:100%}.subdomain-guide-shell{width:min(100% - 20px,1180px);padding:12px 0 30px}.subdomain-guide-hero{padding:22px;border-radius:24px}.subdomain-guide-hero h1{font-size:31px}.guide-domain-card{padding:17px;border-radius:18px}.guide-domain-card b{font-size:16px}.guide-step-card{grid-template-columns:44px 1fr;padding:17px;border-radius:20px}.guide-step-no{width:42px;height:42px;border-radius:14px;font-size:13px}.guide-step-card h2{font-size:18px}.guide-troubleshoot{padding:18px;border-radius:21px}.guide-troubleshoot h2{font-size:22px}.guide-footer-card{padding:18px;border-radius:20px}}

/* v0.2.33 - pusat subdomain automatik wildcard */
.wildcard-settings-panel{margin-top:16px;padding:22px 24px;background:radial-gradient(circle at 93% 8%,rgba(215,176,102,.15),transparent 28%),linear-gradient(180deg,#fffefd,#fff9f2)}
.wildcard-settings-panel .panel-head{align-items:flex-start;margin-bottom:18px}.wildcard-settings-panel .panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px;max-width:760px}
.wildcard-master-status{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:950;white-space:nowrap;border:1px solid}.wildcard-master-status.ready{background:#eaf8f0;border-color:#cce9d8;color:#0c6e50}.wildcard-master-status.pending{background:#fff6e6;border-color:#eed8aa;color:#936315}
.wildcard-config-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:14px}.wildcard-config-grid .full{grid-column:1/-1}.wildcard-enable{align-self:end;min-height:50px;padding:13px 15px;border-radius:18px;background:#f6f8f5;border:1px solid #e2e8e3}
.wildcard-example{padding:16px 18px;border-radius:19px;background:linear-gradient(135deg,#0b4938,#0e6c52);color:#fff;box-shadow:0 16px 30px rgba(11,73,56,.14)}.wildcard-example span,.wildcard-example b,.wildcard-example small{display:block}.wildcard-example span{font-size:9px;letter-spacing:.16em;color:#f0d58f;font-weight:950}.wildcard-example b{font-size:19px;margin:5px 0;word-break:break-all}.wildcard-example small{font-size:10px;color:#dce9e4}
.wildcard-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wildcard-status-grid article{padding:15px 16px;border-radius:18px;border:1px solid #eadfce;background:#fffdf9}.wildcard-status-grid span,.wildcard-status-grid b,.wildcard-status-grid small{display:block}.wildcard-status-grid span{font-size:9px;color:#7b847f;font-weight:900;letter-spacing:.08em}.wildcard-status-grid b{margin:5px 0 3px;font-size:15px}.wildcard-status-grid small{font-size:9px;color:#7f8c86;word-break:break-all}.wildcard-status-grid article.ok{background:#f0faf4;border-color:#d4eadc}.wildcard-status-grid article.ok b{color:#0b6f50}.wildcard-status-grid article.warn{background:#fffaf0;border-color:#eddcb8}.wildcard-status-grid article.warn b{color:#9a6817}
.wildcard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.wildcard-actions>div{display:flex;gap:8px;flex-wrap:wrap}.wildcard-last-check{display:block;color:#7d8983;font-size:9px;line-height:1.55}
@media(max-width:760px){.wildcard-config-grid{grid-template-columns:1fr}.wildcard-config-grid .full{grid-column:1}.wildcard-status-grid{grid-template-columns:1fr}.wildcard-actions{align-items:stretch;flex-direction:column}.wildcard-actions>div{display:grid;grid-template-columns:1fr}.wildcard-actions .btn{width:100%}.wildcard-settings-panel{padding:17px;border-radius:21px}.wildcard-settings-panel .panel-head{gap:10px;flex-direction:column}.wildcard-example b{font-size:16px}}

/* v0.2.34 - sidebar desktop fixed penuh viewport */
@media (min-width:901px){
  :root{--app-sidebar-width:272px}
  html,body{min-height:100%}
  .app-shell{
    display:block!important;
    min-height:100vh;
    min-height:100dvh;
  }
  .sidebar.sidebar-premium{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    right:auto!important;
    width:var(--app-sidebar-width)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:auto!important;
    overflow:hidden!important;
    z-index:80;
  }
  .sidebar-premium .sidebar-scroll{
    flex:1 1 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .sidebar-premium .sidebar-bottom{
    flex:0 0 auto!important;
    margin-top:0!important;
  }
  .content{
    width:calc(100% - var(--app-sidebar-width));
    margin-left:var(--app-sidebar-width);
    min-width:0;
  }
}
@media (min-width:901px) and (max-width:1180px){
  :root{--app-sidebar-width:240px}
}
@media (max-width:900px){
  .content{width:auto;margin-left:0}
}

/* v0.2.35 - landing page premium generasi baharu */
.landing-body-v235{background:linear-gradient(180deg,#fbf8f1 0%,#f8f4eb 46%,#fffdf9 100%);color:#10241c}
.landing-body-v235 .landing-wrap{width:min(1220px,calc(100% - 42px));margin-inline:auto}
.landing-topbar.v235{position:sticky;top:0;z-index:90;background:rgba(5,51,39,.94);border-bottom:1px solid rgba(231,197,118,.16);backdrop-filter:blur(20px);box-shadow:0 12px 36px rgba(4,35,27,.12)}
.landing-topbar.v235 .topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.landing-topbar.v235 .landing-brand-emblem{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#118264,#073e30);border:1px solid rgba(238,204,124,.33);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.landing-topbar.v235 .landing-brand.luxury b{font-size:16px}.landing-topbar.v235 .landing-brand.luxury small{color:#c9ded6;font-size:10.5px}
.landing-topbar.v235 .landing-nav{display:flex;align-items:center;gap:5px;padding:4px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:15px}
.landing-topbar.v235 .landing-nav a{padding:8px 12px;border-radius:11px;font-size:12px;color:#dce9e4;font-weight:800}.landing-topbar.v235 .landing-nav a:hover{background:rgba(255,255,255,.08);color:#f0d28d}
.landing-topbar.v235 .landing-top-actions{display:flex;gap:8px}.landing-topbar.v235 .landing-top-actions .btn{min-height:40px;padding:9px 14px;border-radius:13px;font-size:11px}

.landing-hero-v235{position:relative;padding:66px 0 52px;overflow:hidden}.landing-hero-v235:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 13%,rgba(224,185,91,.22),transparent 22%),radial-gradient(circle at 90% 18%,rgba(15,123,91,.10),transparent 26%);pointer-events:none}
.hero-grid-v235{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(600px,1.12fr);align-items:center;gap:54px}
.hero-copy-v235{position:relative;z-index:2}.hero-copy-v235 .landing-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fffdf9;border:1px solid #e5d8c0;color:#1d5a46;font-size:9px;font-weight:950;letter-spacing:.11em;box-shadow:0 10px 28px rgba(29,51,43,.05)}.hero-copy-v235 .landing-chip svg{width:16px;height:16px}
.hero-copy-v235 h1{margin:19px 0 20px;max-width:610px;font-size:clamp(48px,5vw,70px);line-height:.99;letter-spacing:-.057em;text-wrap:balance}.hero-copy-v235 h1 em{font-style:normal;color:#0f765a;position:relative}.hero-copy-v235 h1 em:after{content:"";position:absolute;left:2%;right:0;bottom:-5px;height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(218,174,74,.58),rgba(218,174,74,0));z-index:-1}
.hero-copy-v235>p{max-width:590px;margin:0;color:#5c6c64;font-size:16px;line-height:1.78}.hero-copy-v235 .hero-action-row{display:flex;gap:11px;margin-top:26px}.hero-copy-v235 .hero-main,.hero-copy-v235 .hero-secondary{min-width:205px;min-height:58px;border-radius:17px;display:grid;gap:1px}.hero-copy-v235 .hero-action-row small{font-size:9px;opacity:.74;font-weight:650}.hero-trust-v235{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-trust-v235 span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #eadfcd;background:rgba(255,253,249,.84);border-radius:999px;color:#53645c;font-size:10px;font-weight:800}.hero-trust-v235 svg{width:14px;height:14px;color:#0f765a}

.hero-product-v235{position:relative;min-height:575px;display:grid;align-items:center}.product-window-v235{position:relative;z-index:2;overflow:hidden;border-radius:29px;background:#fff;border:1px solid #e5dac8;box-shadow:0 38px 90px rgba(15,45,35,.18),0 8px 22px rgba(217,177,89,.09);transform:perspective(1400px) rotateY(-1.2deg)}
.product-bar-v235{height:46px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #eee5d7;background:linear-gradient(180deg,#fffdf9,#faf6ef)}.product-bar-v235>span{width:7px;height:7px;border-radius:50%;background:#d9cec0}.product-bar-v235 b{margin-left:7px;font-size:10px;color:#52635b}.product-bar-v235 em{margin-left:auto;font-style:normal;padding:5px 8px;border-radius:999px;background:#eaf8f0;color:#15704f;font-size:8px;font-weight:900}
.product-layout-v235{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:430px}.product-layout-v235 aside{padding:15px 12px;background:radial-gradient(circle at top,rgba(230,194,107,.14),transparent 24%),linear-gradient(180deg,#063c2d,#084f3c);display:flex;flex-direction:column;align-items:center;gap:14px}.product-layout-v235 aside strong{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#d8af57,#f0d58f);color:#184334;font-size:10px}.product-layout-v235 aside i{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.07);position:relative}.product-layout-v235 aside i:after{content:"";position:absolute;inset:9px;border-radius:4px;border:1px solid rgba(255,255,255,.45)}.product-layout-v235 aside i.active{background:rgba(225,190,105,.18);box-shadow:inset 2px 0 0 #e2bd68}
.product-main-v235{padding:19px;background:#fcfaf6}.product-title-v235{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.product-title-v235 small{display:block;font-size:7.5px;color:#9a7c40;letter-spacing:.16em;font-weight:950}.product-title-v235 b{display:block;font-size:18px;margin-top:3px}.product-title-v235>span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:#0f765a;color:#fff;font-size:8px;font-weight:850}.product-title-v235 svg{width:12px;height:12px}.product-stats-v235{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.product-stats-v235 article{padding:12px;border:1px solid #ebe1d2;border-radius:15px;background:linear-gradient(180deg,#fff,#fffaf2)}.product-stats-v235 small,.product-stats-v235 b,.product-stats-v235 em{display:block}.product-stats-v235 small{font-size:8px;color:#718078}.product-stats-v235 b{font-size:20px;margin:3px 0;letter-spacing:-.04em}.product-stats-v235 em{font-style:normal;font-size:7.5px;color:#9a7b3c}
.product-content-v235{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:9px}.product-content-v235>section{padding:13px;border:1px solid #ebe1d2;border-radius:16px;background:#fff}.mini-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.mini-heading b{font-size:10px}.mini-heading small{font-size:7.5px;color:#8b9992}.product-content-v235 ul{list-style:none;padding:0;margin:0}.product-content-v235 li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #f0ece5}.product-content-v235 li>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#edf7f2;color:#0f765a}.product-content-v235 li svg{width:13px;height:13px}.product-content-v235 li b,.product-content-v235 li small{display:block}.product-content-v235 li b{font-size:8.5px}.product-content-v235 li small{font-size:7px;color:#83918a}.product-content-v235 li em{font-style:normal;font-size:6.5px;color:#88703c;background:#fbf4e5;border-radius:999px;padding:4px 6px}.product-chart-v235{display:grid;place-items:center;align-content:start}.product-chart-v235 .mini-heading{width:100%}.ring-v235{width:92px;height:92px;border-radius:50%;margin:10px auto 12px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#fff 55%,transparent 56%),conic-gradient(#0f765a 0 92%,#e6ddce 92%)}.ring-v235 b{font-size:18px}.ring-v235 small{font-size:7px;color:#74837c}.ring-legend-v235{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:6.5px;color:#6e7e76}.ring-legend-v235 span{display:flex;align-items:center;gap:3px}.ring-legend-v235 i{width:5px;height:5px;border-radius:50%;background:#0f765a}.ring-legend-v235 span:nth-child(2) i{background:#d8af57}.ring-legend-v235 span:nth-child(3) i{background:#d9ddd8}
.phone-v235{position:absolute;right:-22px;bottom:-14px;z-index:4;width:190px;padding:16px 13px 14px;border:7px solid #15342a;border-radius:29px;background:linear-gradient(180deg,#fffefb,#f7f3eb);box-shadow:0 30px 64px rgba(7,34,26,.26);transform:rotate(2.5deg)}.phone-notch-v235{width:68px;height:13px;border-radius:999px;background:#15342a;margin:-10px auto 13px}.phone-v235>small,.phone-v235>b,.phone-v235>span{display:block}.phone-v235>small{font-size:7px;color:#91713a;letter-spacing:.1em}.phone-v235>b{font-size:14px;margin:3px 0}.phone-v235>span{font-size:8px;color:#74827b}.phone-qr-v235{width:70px;height:70px;margin:13px auto;background:linear-gradient(90deg,#173d30 12%,transparent 12% 24%,#173d30 24% 38%,transparent 38% 52%,#173d30 52% 65%,transparent 65% 78%,#173d30 78%),linear-gradient(#173d30 12%,#fff 12% 24%,#173d30 24% 38%,#fff 38% 52%,#173d30 52% 65%,#fff 65% 78%,#173d30 78%);border:7px solid #fff;outline:1px solid #e4dbcd}.phone-v235>em{display:flex;align-items:center;justify-content:center;gap:5px;font-style:normal;font-size:8px;font-weight:850;padding:7px;border-radius:10px;background:#eaf7ef;color:#0b6a4c}.phone-v235>em svg{width:11px;height:11px}.phone-v235 button{width:100%;margin-top:9px;border:0;border-radius:10px;background:#0f765a;color:#fff;padding:8px;font-size:7.5px;font-weight:900}
.floating-proof-v235{position:absolute;left:-24px;bottom:28px;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #eadcc4;border-radius:15px;background:rgba(255,253,248,.95);box-shadow:0 16px 38px rgba(17,43,34,.13);backdrop-filter:blur(12px)}.floating-proof-v235>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eaf7f1;color:#0f765a}.floating-proof-v235 svg{width:16px;height:16px}.floating-proof-v235 b,.floating-proof-v235 small{display:block}.floating-proof-v235 b{font-size:9px}.floating-proof-v235 small{font-size:7.5px;color:#79877f;margin-top:2px}

.premium-strip-v235{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:2px}.premium-strip-v235 article{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e8ddcb;border-radius:18px;background:linear-gradient(180deg,#fff,#fffaf3);box-shadow:0 12px 28px rgba(22,43,35,.045)}.premium-strip-v235 article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f7f0,#fbefd9);color:#0f765a;border:1px solid #eadcc2}.premium-strip-v235 svg{width:17px;height:17px}.premium-strip-v235 b,.premium-strip-v235 small{display:block}.premium-strip-v235 b{font-size:11px}.premium-strip-v235 small{font-size:8.5px;color:#76857d;margin-top:2px}

.v235-features{padding:88px 0 82px}.section-lead-v235{max-width:650px;margin:12px auto 0;color:#6b7a72;line-height:1.7}.section-lead-v235.light{color:#c8dcd4}.feature-bento-v235{display:grid;grid-template-columns:1.15fr .92fr .92fr;gap:15px;align-items:stretch}.feature-bento-v235 article{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:290px;padding:24px;border:1px solid #e9decc;border-radius:26px;background:linear-gradient(180deg,#fffefb,#fff9f2);box-shadow:0 18px 40px rgba(20,41,33,.06);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feature-bento-v235 article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(223,182,85,.09),transparent 30%);pointer-events:none}.feature-bento-v235 article:hover{transform:translateY(-4px);box-shadow:0 24px 46px rgba(20,41,33,.10);border-color:#e0cfb1}.feature-icon-box{position:relative;z-index:1;width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#edf7f1,#fbf1de);color:#0f765a;border:1px solid #eadbc2;box-shadow:0 18px 34px rgba(20,41,33,.08);margin-bottom:18px;flex:0 0 auto}.feature-icon-box svg{width:34px;height:34px;display:block;stroke-width:1.7}.feature-bento-v235 .feature-large-v235{grid-row:span 2;min-height:595px;padding:30px;background:radial-gradient(circle at 90% 0,rgba(223,182,85,.14),transparent 28%),linear-gradient(145deg,#0b513e,#0f7257);color:#fff;border-color:rgba(255,255,255,.08);box-shadow:0 28px 64px rgba(8,58,44,.22)}.feature-large-v235 .feature-icon-box{width:86px;height:86px;border-radius:26px;background:rgba(255,255,255,.10);color:#f0d18a;border-color:rgba(255,255,255,.13);box-shadow:none}.feature-large-v235 .feature-icon-box svg{width:42px;height:42px}.feature-large-v235>span{position:relative;z-index:1;display:block;margin-top:6px;font-size:8px;letter-spacing:.16em;font-weight:950;color:#e6c878}.feature-large-v235 h3{position:relative;z-index:1;font-size:30px;line-height:1.08;margin:10px 0 12px;letter-spacing:-.035em;max-width:430px}.feature-large-v235 p{position:relative;z-index:1;color:#d6e6e0;line-height:1.72;max-width:450px}.feature-bento-v235 article:not(.feature-large-v235)>b{position:relative;z-index:1;display:block;font-size:18px;line-height:1.2;margin:6px 0 8px;letter-spacing:-.03em}.feature-bento-v235 article:not(.feature-large-v235)>p{position:relative;z-index:1;color:#68776f;font-size:12px;line-height:1.72;margin:0;max-width:320px}.feature-tags-v235{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:20px;position:relative;z-index:1}.feature-tags-v235 i{font-style:normal;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);font-size:8px;color:#e7f0ed}

.workflow-v235{padding:80px 0;background:radial-gradient(circle at 8% 0,rgba(223,185,95,.13),transparent 25%),linear-gradient(180deg,#063b2d,#084c3a)}.workflow-grid-v235{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-grid-v235 article{position:relative;padding:27px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));backdrop-filter:blur(10px);color:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(4,31,24,.13)}.workflow-grid-v235 article>strong{position:absolute;right:14px;top:3px;font-size:66px;line-height:1;color:rgba(238,204,126,.08);letter-spacing:-.08em}.workflow-grid-v235 article>div{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(226,190,101,.13);color:#edcd82;border:1px solid rgba(226,190,101,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.workflow-grid-v235 svg{width:20px;height:20px}.workflow-grid-v235 b{display:block;font-size:17px;margin:17px 0 7px}.workflow-grid-v235 p{margin:0;color:#c9ddd5;line-height:1.65;font-size:12px}

.pricing-showcase.v235{padding:84px 0;background:linear-gradient(180deg,#fbf8f1,#f6f1e7)}.pricing-showcase.v235 .section-heading.light span{color:#9b7632}.pricing-showcase.v235 .section-heading.light h2{color:#173128}.v235-grid{align-items:stretch}.v235-grid .public-plan-card{display:flex;flex-direction:column;padding:27px;border-radius:25px;background:#fff;border:1px solid #e8dcc8;box-shadow:0 18px 42px rgba(18,43,34,.07)}.v235-grid .public-plan-card.featured{background:radial-gradient(circle at 90% 0,rgba(228,190,98,.17),transparent 30%),linear-gradient(180deg,#0a513d,#083f31);color:#fff;border-color:rgba(226,190,100,.23);transform:translateY(-8px);box-shadow:0 28px 60px rgba(8,58,44,.23)}.v235-grid .public-plan-card.featured p,.v235-grid .public-plan-card.featured small,.v235-grid .public-plan-card.featured .annual-note{color:#c9ddd5}.v235-grid .public-plan-card.featured .plan-price-row strong{color:#fff}.v235-grid .public-plan-card.featured .plan-mini-meta span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.10);color:#dce9e4}.v235-grid .public-plan-card.featured li{color:#e2ece8}.v235-grid .public-plan-card ul li{display:flex;align-items:flex-start;gap:7px}.v235-grid .public-plan-card ul li svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:#0f765a}.v235-grid .public-plan-card.featured ul li svg{color:#edcd82}.trial-chip-v235{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:11px 0 2px;padding:7px 9px;border-radius:999px;background:#f9f1df;color:#87631f;font-size:9px;font-weight:900}.featured .trial-chip-v235{background:rgba(234,201,123,.14);color:#efd18a}.trial-chip-v235 svg{width:13px;height:13px}.v235-grid .public-plan-card .btn{margin-top:auto}.v235-payment-strip{background:#0a4a38;border-color:#0b5b45}.v235-payment-strip span{background:rgba(255,255,255,.07)!important;color:#dce9e4!important;border-color:rgba(255,255,255,.08)!important}

.outcomes-v235{padding:76px 0 68px}.outcome-grid-v235{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.outcome-grid-v235 article{padding:24px;border:1px solid #e9decc;border-radius:24px;background:linear-gradient(180deg,#fffefb,#fffaf4);box-shadow:0 16px 34px rgba(20,41,33,.05)}.outcome-grid-v235 article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#edf8f2,#fff0d6);color:#0f765a;border:1px solid #e8d9bd}.outcome-grid-v235 svg{width:19px;height:19px}.outcome-grid-v235 b{display:block;font-size:16px;margin:15px 0 7px}.outcome-grid-v235 p{margin:0;color:#6c7b73;line-height:1.65;font-size:12px}
.v235-cta{margin:18px auto 82px!important;padding:44px 46px!important;border-radius:32px!important;background:radial-gradient(circle at 90% 0,rgba(236,202,120,.20),transparent 27%),linear-gradient(135deg,#06382b,#0b624a)!important;box-shadow:0 28px 64px rgba(8,58,44,.20)}.v235-cta .cta-copy>span{font-size:8px;letter-spacing:.16em;color:#e8c879;font-weight:950}.v235-cta h2{font-size:40px!important;margin:7px 0 8px!important}.v235-cta p{color:#d0e2dc!important}.v235-faq{padding-bottom:84px}.v235-faq .faq-grid-luxury{grid-template-columns:1fr 1fr}.v235-faq details{border-radius:20px!important;background:#fffdf9!important}
.v235-footer{background:radial-gradient(circle at 100% 0,rgba(234,197,111,.09),transparent 27%),linear-gradient(180deg,#053326,#03241b)}.footer-muted-v235{display:block;color:#91aaa1;font-size:11px;line-height:1.5}

@media(max-width:1080px){.hero-grid-v235{grid-template-columns:1fr;gap:32px}.hero-copy-v235{text-align:center}.hero-copy-v235 h1,.hero-copy-v235>p{margin-inline:auto}.hero-copy-v235 .hero-action-row,.hero-trust-v235{justify-content:center}.hero-product-v235{width:min(760px,100%);margin-inline:auto}.premium-strip-v235{grid-template-columns:1fr 1fr}.feature-bento-v235{grid-template-columns:1fr 1fr}.feature-large-v235{grid-column:span 2;grid-row:auto!important}.landing-topbar.v235 .landing-nav{display:none}}
@media(max-width:720px){
  .landing-body-v235 .landing-wrap{width:calc(100% - 20px)}
  .landing-topbar.v235 .topbar-inner{min-height:67px;gap:8px}.landing-topbar.v235 .landing-brand-emblem{width:40px;height:40px;border-radius:13px}.landing-topbar.v235 .landing-brand.luxury b{font-size:13px}.landing-topbar.v235 .landing-brand.luxury small{font-size:8px}.landing-topbar.v235 .landing-top-actions{gap:5px}.landing-topbar.v235 .landing-top-actions .btn{min-height:38px;padding:8px 10px;font-size:9px}.landing-topbar.v235 .landing-top-actions .outline-gold{display:none}
  .landing-hero-v235{padding:18px 0 26px}.hero-grid-v235{gap:18px}.hero-copy-v235{padding:21px 17px 18px;border-radius:25px;background:radial-gradient(circle at 95% 0,rgba(236,199,111,.19),transparent 31%),linear-gradient(145deg,#073d2f,#0c6a50);color:#fff;text-align:left;box-shadow:0 20px 46px rgba(6,51,39,.17)}.hero-copy-v235 .landing-chip{padding:7px 9px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12);color:#f0d596;font-size:7px;box-shadow:none}.hero-copy-v235 h1{font-size:34px;line-height:1.01;margin:14px 0 12px;letter-spacing:-.045em}.hero-copy-v235 h1 em{color:#f0d18a}.hero-copy-v235 h1 em:after{display:none}.hero-copy-v235>p{font-size:12px;line-height:1.65;color:#d5e6e0}.hero-copy-v235 .hero-action-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.hero-copy-v235 .hero-main,.hero-copy-v235 .hero-secondary{min-width:0;min-height:52px;padding:10px;border-radius:14px}.hero-copy-v235 .hero-secondary{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.14);box-shadow:none}.hero-copy-v235 .hero-action-row span{font-size:10px}.hero-copy-v235 .hero-action-row small{font-size:7px}.hero-trust-v235{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.hero-trust-v235 span{justify-content:flex-start;padding:7px 8px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.10);color:#deebe6;font-size:7.5px}.hero-trust-v235 svg{color:#edcf87;width:12px;height:12px}
  .hero-product-v235{min-height:350px}.product-window-v235{border-radius:21px;transform:none}.product-bar-v235{height:35px;padding:0 10px}.product-layout-v235{grid-template-columns:43px 1fr;min-height:285px}.product-layout-v235 aside{padding:10px 7px;gap:9px}.product-layout-v235 aside strong{width:28px;height:28px}.product-layout-v235 aside i{width:24px;height:24px}.product-main-v235{padding:11px}.product-title-v235{margin-bottom:8px}.product-title-v235 b{font-size:13px}.product-title-v235>span{padding:6px;font-size:6px}.product-stats-v235{gap:5px}.product-stats-v235 article{padding:8px;border-radius:11px}.product-stats-v235 small{font-size:6px}.product-stats-v235 b{font-size:15px}.product-stats-v235 em{font-size:5.5px}.product-content-v235{grid-template-columns:1fr;margin-top:6px}.product-content-v235>section{padding:9px;border-radius:12px}.product-chart-v235{display:none}.product-content-v235 li{grid-template-columns:23px 1fr auto;padding:5px 0}.product-content-v235 li>span{width:22px;height:22px}.product-content-v235 li b{font-size:6.5px}.product-content-v235 li small,.product-content-v235 li em{font-size:5.5px}.phone-v235{width:128px;right:-4px;bottom:-10px;padding:12px 8px 9px;border-width:5px;border-radius:22px}.phone-notch-v235{width:46px;height:9px;margin:-8px auto 9px}.phone-v235>b{font-size:9px}.phone-v235>small,.phone-v235>span{font-size:5.5px}.phone-qr-v235{width:46px;height:46px;margin:8px auto;border-width:4px}.phone-v235>em{font-size:5.5px;padding:5px}.phone-v235 button{font-size:5.5px;padding:6px}.floating-proof-v235{left:5px;bottom:-16px;padding:8px;border-radius:12px}.floating-proof-v235>span{width:26px;height:26px}.floating-proof-v235 b{font-size:7px}.floating-proof-v235 small{font-size:5.5px}
  .premium-strip-v235{grid-template-columns:1fr 1fr;gap:7px;margin-top:28px}.premium-strip-v235 article{display:block;padding:12px;border-radius:16px}.premium-strip-v235 article>span{width:33px;height:33px;margin-bottom:8px}.premium-strip-v235 b{font-size:9px}.premium-strip-v235 small{font-size:7px;line-height:1.35}
  .v235-features{padding:48px 0}.landing-body-v235 .section-heading{margin-bottom:17px}.landing-body-v235 .section-heading span{font-size:8px}.landing-body-v235 .section-heading h2{font-size:25px;line-height:1.08}.section-lead-v235{font-size:11px;margin-top:8px}.feature-bento-v235{grid-template-columns:1fr;gap:10px}.feature-large-v235{grid-column:auto;grid-row:auto!important;min-height:auto}.feature-bento-v235 article,.feature-bento-v235 .feature-large-v235{min-height:auto;padding:18px;border-radius:20px}.feature-large-v235 h3{font-size:23px}.feature-large-v235 p{font-size:11px}.feature-bento-v235 article:not(.feature-large-v235)>b{font-size:14px}.feature-bento-v235 article:not(.feature-large-v235)>p{font-size:10.5px}.feature-icon-box{width:44px!important;height:44px!important;border-radius:14px!important;margin-bottom:12px!important}.feature-icon-box svg{width:20px!important;height:20px!important}.feature-large-v235 .feature-icon-box{width:50px!important;height:50px!important}.feature-large-v235 .feature-icon-box svg{width:24px!important;height:24px!important}
  .workflow-v235{padding:44px 0}.workflow-grid-v235{grid-template-columns:1fr;gap:8px}.workflow-grid-v235 article{padding:18px;border-radius:18px}.workflow-grid-v235 article>strong{font-size:52px}.workflow-grid-v235 b{font-size:14px;margin-top:12px}.workflow-grid-v235 p{font-size:10.5px}
  .pricing-showcase.v235{padding:46px 0}.v235-grid{grid-template-columns:1fr!important;gap:10px!important}.v235-grid .public-plan-card,.v235-grid .public-plan-card.featured{padding:20px;border-radius:20px;transform:none}.v235-grid .public-plan-card h3{font-size:25px}.v235-grid .plan-price-row strong{font-size:36px}.v235-payment-strip{grid-template-columns:1fr!important}
  .outcomes-v235{padding:44px 0}.outcome-grid-v235{grid-template-columns:1fr;gap:8px}.outcome-grid-v235 article{padding:17px;border-radius:18px}.outcome-grid-v235 b{font-size:13px}.outcome-grid-v235 p{font-size:10.5px}
  .v235-cta{margin:2px 10px 44px!important;padding:23px 20px!important;border-radius:22px!important}.v235-cta h2{font-size:27px!important}.v235-cta p{font-size:11px}.v235-cta .cta-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:7px}.v235-cta .btn{padding:10px;font-size:9px;min-height:44px}
  .v235-faq{padding-bottom:44px}.v235-faq .faq-grid-luxury{grid-template-columns:1fr}.v235-faq details{padding:15px!important;border-radius:17px!important}.v235-faq summary{font-size:12px!important}.v235-faq details p{font-size:10.5px}
  .v235-footer .footer-grid{grid-template-columns:1fr!important;gap:18px!important}.v235-mobile-cta{display:flex!important}
}
@media(max-width:390px){.hero-copy-v235 h1{font-size:30px}.hero-copy-v235 .hero-action-row{grid-template-columns:1fr}.premium-strip-v235{grid-template-columns:1fr 1fr}.product-stats-v235 article:nth-child(3){display:none}.product-stats-v235{grid-template-columns:1fr 1fr}.feature-bento-v235 article,.feature-bento-v235 .feature-large-v235{padding:16px}.feature-bento-v235 article:not(.feature-large-v235)>b{font-size:13px}}


/* v0.2.46 — Premium UI Foundation
   Satu lapisan akhir untuk typography, contrast, touch targets dan PWA mobile.
   Legacy rules dikekalkan untuk kestabilan fungsi; komponen baharu/aktif distandardkan di sini. */
:root{
  --ui-bg:#f7f5ef;
  --ui-surface:#fffdf9;
  --ui-surface-strong:#ffffff;
  --ui-text:#12261e;
  --ui-muted:#52665d;
  --ui-subtle:#6a7d74;
  --ui-line:#e5dac8;
  --ui-brand:#0f7156;
  --ui-brand-dark:#084633;
  --ui-gold:#d9ae52;
  --ui-danger:#a82118;
  --ui-success:#087447;
  --ui-focus:rgba(15,113,86,.18);
  --ui-card-shadow:0 16px 42px rgba(15,48,38,.07);
}
body{font-size:15px;line-height:1.6;color:var(--ui-text);text-rendering:optimizeLegibility}
.muted,.hint,.subscription-note,.tenant-quota-meter small{color:var(--ui-muted)!important}
label{font-size:14px;line-height:1.45;color:#1c382e}
label small{font-size:12px;line-height:1.5;color:var(--ui-muted)}
input,select,textarea{min-height:46px;font-size:14px;line-height:1.45;color:var(--ui-text);border-color:var(--ui-line);background:var(--ui-surface-strong)}
textarea{min-height:110px}
input::placeholder,textarea::placeholder{color:#778981;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#5aa88e;box-shadow:0 0 0 4px var(--ui-focus)}
.btn{min-height:44px;padding:11px 16px;font-size:13px;line-height:1.25;border-radius:14px}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(217,174,82,.58);outline-offset:2px}
.eyebrow,.section-kicker{font-size:11px;line-height:1.25;letter-spacing:.16em}
.crumb{font-size:11px;line-height:1.3;color:#6b7a73}
.net{font-size:11px;line-height:1.2}
.user-chip b{font-size:13px}.user-chip small{font-size:11px;color:var(--ui-muted)}
.sidebar-premium .sidebar-label{font-size:10.5px;line-height:1.3;color:#9ab2a9}
.sidebar-premium .brand-copy small{font-size:11px;color:#b8d0c7}
.sidebar-premium .sidebar-nav a{font-size:13px;line-height:1.3}
.sidebar-premium .nav-count{font-size:10px}
.sidebar-premium .account-copy b{font-size:12px}.sidebar-premium .account-copy small{font-size:10.5px;color:#a9c0b8}
.stat span{font-size:12px;color:#596d63}.stat strong{line-height:1.08}.stat small{font-size:11px;color:#65786f}
.panel h3{line-height:1.25}.panel p{color:var(--ui-muted)}
.badge{font-size:11px;line-height:1.2;padding:6px 9px}
.table-wrap{overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:720px}
.table-wrap thead th,th{font-size:11px;line-height:1.35;color:#6b745f}
.table-wrap td,td{font-size:13px;line-height:1.5;color:var(--ui-text)}
td small,.list-main span,.reference-row small,.existing-image-head small,.media-action small,.pwa-report-list small,.support-ticket-row small,.timeline-meta span,.timeline-item small,.storage-stats span,.storage-stats small{font-size:11.5px;line-height:1.45;color:var(--ui-muted)}
.list-main b,.asset-card-top b,.receipt-history b{color:var(--ui-text)}
.asset-card-top small,.asset-meta small,.receipt-history small,.receipt-report-kpis small,.subscription-limits small{font-size:11px;line-height:1.45;color:var(--ui-muted)}
.asset-meta b{font-size:12.5px;line-height:1.35}
.asset-card-actions .btn,.maintenance-actions a,.row-actions a,.pwa-report-actions .btn,.subdomain-help-actions .btn,.tutorial-modal-actions .btn{font-size:12px}
.form-section small,.feature-status small,.role-guide span,.report-identity small,.media-selection-status,.subdomain-help-copy small,.guide-note,.guide-checklist span,.guide-trouble-grid p,.portal-admin-preview small,.portal-settings-card small{font-size:11.5px;line-height:1.5}
.form-section b,.panel-head b{color:var(--ui-text)}
.empty-state{color:var(--ui-text)}.empty-state span{color:var(--ui-muted)}
.alert,.toast{font-size:13px;line-height:1.55}
.topbar{border-bottom-color:var(--ui-line)}
.topbar h2{line-height:1.15}
.page-intro p{color:var(--ui-muted);font-size:14px}
.premium-hero p{font-size:15px;line-height:1.65}
.subscription-status,.renewal-banner span,.self-current-plan span{font-size:11px}
.feature-lock,.feature-lock-badge,.premium-pill{font-size:11px;line-height:1.35}
.portal-url-badge span,.portal-admin-preview span,.portal-settings-card span,.api-scope small,.api-token-reveal>span,.branding-preview-body>span{font-size:10.5px}

/* PWA/mobile: jangan mengecilkan kandungan untuk muat banyak menu; benarkan nav mendatar. */
@media(max-width:900px){
  body{font-size:15px}
  .page-body{padding:16px 14px calc(92px + env(safe-area-inset-bottom))}
  .page-intro{align-items:flex-start;flex-direction:column;gap:12px}.page-intro h1{font-size:28px;line-height:1.08}.page-intro p{font-size:14px}
  .topbar{height:auto;min-height:72px;padding:11px 14px}.topbar h2{font-size:23px}.topbar-right{gap:8px}.user-chip{display:none}.mobile-logo{display:block}
  .stats{grid-template-columns:1fr 1fr;gap:10px}.stat{min-width:0}.stat span{font-size:11.5px}.stat small{font-size:10.5px}
  .grid2,.grid3{grid-template-columns:1fr!important}
  .bottom-nav{display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding:5px max(5px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-right));min-height:72px}
  .bottom-nav::-webkit-scrollbar{display:none}
  .bottom-nav a{flex:0 0 68px;min-width:68px;min-height:58px;padding:7px 5px 6px;font-size:11px!important;line-height:1.15;gap:4px;white-space:nowrap}
  .bottom-nav a span{min-height:22px}.bottom-nav a span svg{width:20px;height:20px}
  .bottom-nav a.add-action{flex-basis:72px;min-width:72px}
  .bottom-nav a.add-action span{width:34px;height:34px}
  .asset-mobile-card,.panel,.search-card,.report-card,.info-panel,.plan-editor,.tenant-card{border-radius:20px}
  .table-wrap table{min-width:680px}
}
@media(max-width:640px){
  .auth-bg{padding:0}.login-card.premium{padding:32px 20px calc(34px + env(safe-area-inset-bottom))}.login-card h2{font-size:30px}.login-card p.muted{font-size:14px}.login-card label{font-size:14px}.login-card input{font-size:15px}
  .login-luxury-strip small{font-size:11px}.visual-pills span{font-size:11px}
  .page-body{padding-inline:12px}.premium-hero{padding:22px 18px}.premium-hero h1{font-size:30px}.premium-hero p{font-size:14px}
  .stats{grid-template-columns:1fr 1fr}.stat strong{font-size:26px}
  .btn{font-size:13px}
  .badge{font-size:10.5px}
  .asset-card-top small,.asset-meta small{font-size:11px}.asset-meta b{font-size:12px}
}
@media(max-width:390px){
  .stats{grid-template-columns:1fr}
  .topbar h2{font-size:21px;max-width:230px}
  .bottom-nav a{flex-basis:66px;min-width:66px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* v0.2.50 - Platform Dashboard UX */
.platform-dashboard-v250{padding-bottom:8px}
.platform-dashboard-v250 .platform-hero-v250{padding:26px 28px}
.platform-dashboard-v250 .platform-hero-v250 .hero-orb{width:128px;height:128px}
.platform-dashboard-v250 .platform-hero-v250 .hero-orb span{font-size:36px}
.platform-dashboard-v250 .platform-stats-v250{margin:14px 0}
.platform-dashboard-v250 .platform-stats-v250 .stat.needs-action{border-color:#efd7a6;background:linear-gradient(180deg,#fffdf8,#fff8e9)}
.platform-dashboard-v250 .platform-stats-v250 .stat.needs-action:before{background:linear-gradient(90deg,#d59a24,rgba(213,154,36,.08))}
.platform-dashboard-v250 .platform-stats-v250 .stat.needs-action .stat-icon{color:#8a5b00;background:linear-gradient(145deg,#fff6dd,#f9e5b7)}
.platform-attention-v250{margin-bottom:16px;padding:18px 20px}
.platform-attention-v250:before{background:linear-gradient(90deg,#d9b46b,rgba(217,180,107,.06))}
.platform-attention-v250.all-clear:before{background:linear-gradient(90deg,#2c9b72,rgba(44,155,114,.06))}
.platform-attention-head-v250{margin-bottom:12px}
.platform-attention-head-v250 h3{font-size:18px}
.platform-version-v250{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#f5f1e8;border:1px solid #e8dbc5;color:#78684c;font-size:10.5px;font-weight:850;white-space:nowrap}
.attention-grid-v250{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.attention-item-v250{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:13px;border:1px solid #eadfce;border-radius:17px;background:#fffdf9;color:var(--text);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.attention-item-v250:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(20,31,24,.07);border-color:#dcc8a5}
.attention-icon-v250{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f5f3ec;color:#0f7357}
.attention-icon-v250 svg{width:20px;height:20px}
.attention-item-v250.warning .attention-icon-v250{background:#fff3d9;color:#9a6500}
.attention-item-v250.support .attention-icon-v250{background:#edf7f2;color:#0f7357}
.attention-item-v250.payment .attention-icon-v250{background:#eef4fb;color:#3d6284}
.attention-item-v250 b{display:block;font-size:13px;line-height:1.35}
.attention-item-v250 small{display:block;margin-top:4px;color:var(--ui-muted,#687b71);font-size:11px;line-height:1.45}
.attention-item-v250 em{grid-column:2;font-style:normal;font-size:10.5px;font-weight:850;color:#0f7357}
.attention-clear-v250{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:17px;background:#f0f8f3;border:1px solid #d8eadf}
.attention-clear-v250>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#dff2e7;color:#0c7a55}
.attention-clear-v250>span svg{width:21px;height:21px}
.attention-clear-v250 b{display:block;font-size:13px;color:#14382b}
.attention-clear-v250 small{display:block;margin-top:3px;font-size:11.5px;line-height:1.45;color:#5d756a}
.platform-lower-grid-v250 .panel{min-width:0}
.platform-plans-v250 .plan-mini{padding:12px 0}
.platform-plans-v250 .plan-mini>div{min-width:0}
.platform-plans-v250 .plan-mini b{font-size:13px}
.platform-plans-v250 .plan-mini small{line-height:1.4}

@media(max-width:900px){
  .platform-dashboard-v250{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .platform-dashboard-v250 .platform-hero-v250{padding:20px 18px}
  .platform-dashboard-v250 .platform-hero-v250 h1{font-size:29px}
  .platform-dashboard-v250 .platform-hero-v250 p{font-size:13.5px}
  .platform-dashboard-v250 .platform-hero-v250 .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .platform-dashboard-v250 .platform-hero-v250 .hero-actions .btn{min-height:42px;padding:10px 8px;font-size:11.5px;justify-content:center;text-align:center}
  .platform-dashboard-v250 .platform-stats-v250{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;margin:12px 0}
  .platform-dashboard-v250 .platform-stats-v250 .stat{padding:13px!important;min-height:132px}
  .platform-dashboard-v250 .platform-stats-v250 .stat-icon{width:32px;height:32px;margin-bottom:9px;border-radius:10px}
  .platform-dashboard-v250 .platform-stats-v250 .stat span{font-size:11.5px}
  .platform-dashboard-v250 .platform-stats-v250 .stat strong{font-size:23px}
  .platform-dashboard-v250 .platform-stats-v250 .stat small{font-size:10.5px;line-height:1.3}
  .platform-attention-v250{padding:15px;margin-bottom:12px}
  .platform-attention-head-v250{align-items:flex-start}
  .platform-attention-head-v250 h3{font-size:16px}
  .attention-grid-v250{grid-template-columns:1fr}
  .attention-item-v250{grid-template-columns:38px minmax(0,1fr);padding:12px}
  .attention-icon-v250{width:38px;height:38px;border-radius:12px}
  .attention-item-v250 b{font-size:12.5px}.attention-item-v250 small{font-size:11px}.attention-item-v250 em{font-size:10.5px}
  .platform-lower-grid-v250{gap:12px}
}
@media(max-width:390px){
  .platform-dashboard-v250 .platform-stats-v250{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .platform-dashboard-v250 .platform-stats-v250 .stat{min-height:128px;padding:12px!important}
  .platform-dashboard-v250 .platform-stats-v250 .stat strong{font-size:21px}
  .platform-version-v250{font-size:9.5px;padding:5px 8px}
}

/* v0.2.51 - Bottom Navigation Auto Center */
@media(max-width:900px){
  /* Menu pendek (contoh 5 butang) diletakkan di tengah supaya baki ruang kiri/kanan seimbang. */
  .bottom-nav.nav-centered{
    justify-content:center;
    column-gap:4px;
    overflow-x:hidden;
  }
  .bottom-nav.nav-centered a{
    flex:0 0 68px;
    min-width:68px;
  }
  /* Menu panjang kekal boleh ditatal; item pertama tidak terpotong akibat centering. */
  .bottom-nav.nav-scroll{
    justify-content:flex-start;
    overflow-x:auto;
  }
}
@media(max-width:390px){
  .bottom-nav.nav-centered{column-gap:2px}
  .bottom-nav.nav-centered a{flex-basis:64px;min-width:64px}
}



/* v0.2.52 - Mobile Account Menu + Log Keluar */
.mobile-account{display:none;position:relative;flex:0 0 auto}
.mobile-account-toggle{appearance:none;border:1px solid #ded8ca;background:rgba(255,255,255,.94);min-width:46px;height:44px;padding:4px 7px 4px 5px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:3px;color:#173f32;box-shadow:0 8px 22px rgba(20,31,24,.07);cursor:pointer}
.mobile-account-toggle:hover{background:#fff;border-color:#d6c8ae}
.mobile-account-toggle[aria-expanded="true"]{border-color:#d6b567;box-shadow:0 0 0 3px rgba(217,174,82,.12),0 10px 24px rgba(20,31,24,.08)}
.mobile-account-avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#0f7458,#0a4a39);color:#fff;font-size:13px;font-weight:950;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mobile-account-avatar.large{width:42px;height:42px;border-radius:14px;font-size:16px;flex:0 0 auto}
.mobile-account-chevron{font-size:15px;line-height:1;color:#718179;transform:translateY(-1px);transition:transform .16s ease}
.mobile-account-toggle[aria-expanded="true"] .mobile-account-chevron{transform:rotate(180deg) translateY(1px)}
.mobile-account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:min(286px,calc(100vw - 24px));padding:10px;border-radius:20px;background:rgba(255,253,249,.98);border:1px solid #e6dccb;box-shadow:0 24px 60px rgba(15,42,32,.18);backdrop-filter:blur(20px)}
.mobile-account-menu[hidden]{display:none!important}
.mobile-account-head{display:flex;align-items:center;gap:11px;padding:7px 7px 10px;min-width:0}
.mobile-account-head>div{min-width:0}.mobile-account-head b,.mobile-account-head small{display:block}.mobile-account-head b{font-size:13px;color:#173c30;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-account-head small{margin-top:2px;font-size:11px;color:#728179}
.mobile-account-divider{height:1px;background:#ece3d5;margin:2px 2px 7px}
.mobile-account-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 9px;border-radius:13px;color:#29483d;text-decoration:none;font-size:12.5px;font-weight:850}
.mobile-account-link:hover,.mobile-account-link:focus-visible{background:#f1f7f3;color:#0d624b}
.mobile-account-link.danger{color:#a33c32}.mobile-account-link.danger:hover,.mobile-account-link.danger:focus-visible{background:#fff0ee;color:#8f3028}
.mobile-account-icon{width:30px;height:30px;border-radius:10px;background:#edf5f1;display:grid;place-items:center;flex:0 0 auto}.mobile-account-icon svg{width:17px;height:17px}.mobile-account-link.danger .mobile-account-icon{background:#fff0ee}
@media(max-width:900px){
  .topbar-right{position:relative}
  .mobile-account{display:block}
  .topbar-right .net{flex:0 0 auto}
}
@media(max-width:430px){
  .topbar{padding-left:11px!important;padding-right:11px!important}
  .topbar-right{gap:6px!important}
  .mobile-account-toggle{min-width:43px;height:42px;border-radius:14px;padding-inline:5px}
  .mobile-account-avatar{width:30px;height:30px;border-radius:10px}
  .mobile-account-chevron{display:none}
  .topbar h2{max-width:190px!important}
}
@media(max-width:360px){
  .topbar-right .net{font-size:0;padding:7px;width:30px;height:30px;justify-content:center}
  .topbar-right .net:before{margin:0}
  .topbar h2{max-width:172px!important}
}

/* v0.4.6 · audit visual penuh PWA */
.receipt-field{display:contents}.receipt-field>span{display:none}.remove-receipt-row>span{display:none}
@media(max-width:640px){
  body{font-size:14px;background:#f6f4ef}
  .topbar{min-height:66px!important;padding:8px 10px!important;gap:8px;background:rgba(255,255,255,.97)!important;box-shadow:0 2px 12px rgba(20,42,33,.06)}
  .topbar-left{min-width:0;gap:9px}.topbar-left>div:last-child{min-width:0}.mobile-logo .brand-mark.tiny,.mobile-logo .tenant-logo.tiny{width:34px;height:34px;border-radius:10px}
  .topbar .crumb{display:block;max-width:155px;font-size:8px;line-height:1.35;letter-spacing:.13em;white-space:normal}
  .topbar h2{max-width:160px!important;margin-top:2px;font-size:17px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-right .net{width:29px;height:29px;padding:0!important;font-size:0!important;justify-content:center;border-radius:10px}
  .mobile-account-toggle{min-width:38px;height:38px;padding:3px;border-radius:11px}.mobile-account-avatar{width:30px;height:30px}
  .page-body{padding:15px 10px calc(92px + env(safe-area-inset-bottom))}
  .page-intro{gap:7px;margin-bottom:14px}.page-intro .section-kicker{font-size:9px}.page-intro h1{font-size:25px;line-height:1.08;margin:3px 0 2px}.page-intro p{font-size:12px;line-height:1.58}
  .compliance-note{padding:14px 15px;border-radius:16px}.compliance-note p{font-size:12px;line-height:1.6}
  .panel,.premium-form{padding:14px!important;border-radius:16px!important}
  .form-section{padding:8px 0 12px;margin-top:6px!important}.form-section>span{width:38px;height:38px;flex:0 0 38px}.form-section b{font-size:14px}.form-section small{font-size:10px;line-height:1.4}
  .premium-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.premium-form select,.premium-form textarea,.receipt-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.receipt-form select,.receipt-form textarea{width:100%;min-height:46px;font-size:16px}
  .premium-form input[type="checkbox"],.premium-form input[type="radio"],.receipt-form input[type="checkbox"],.receipt-form input[type="radio"],.check-grid input{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0!important;flex:0 0 20px}
  .checklist-card{padding:12px;border-radius:15px}.checklist-card>b{font-size:13px}.check-grid{gap:7px}.check-grid label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:54px;padding:10px 12px;font-size:12px;line-height:1.35;text-align:left}
  .receipt-items-head{gap:10px;margin-top:8px}.receipt-items-head b{font-size:14px}.receipt-items-head small{font-size:10px}.receipt-items-head .btn{font-size:13px!important}
  .compliance-receipt-items .receipt-item{display:grid;grid-template-columns:1fr 1fr;gap:11px 8px;padding:13px;border-radius:16px;background:#f8faf8}
  .compliance-receipt-items .receipt-field{display:grid;gap:6px;min-width:0;padding:0!important;font-size:11px;font-weight:800;color:#53675e}
  .compliance-receipt-items .receipt-field>span{display:block;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:#71827a}
  .compliance-receipt-items .receipt-field:before{display:none!important}
  .compliance-receipt-items .receipt-field:nth-child(3),.compliance-receipt-items .receipt-field:nth-child(7),.compliance-receipt-items .receipt-field:nth-child(8){grid-column:1/-1}
  .compliance-receipt-items .receipt-field input{padding:11px 12px;border-radius:11px;background:#fff}
  .compliance-receipt-items .receipt-diff{min-height:46px;background:#fff7e7}
  .compliance-receipt-items .remove-receipt-row{grid-column:1/-1!important;width:100%;height:40px;padding:8px!important;font-size:14px;border-radius:11px}.remove-receipt-row>span{display:inline;margin-left:5px;font-size:11px;font-weight:800}
  .signature-grid.three>section{padding:14px;border-radius:16px}.signature-grid.three h3{font-size:14px}.signature-box{border-radius:13px}
  .receipt-footer{padding-top:16px!important}.receipt-footer .offline-form-status{font-size:10px}.receipt-buttons .btn{min-height:48px;font-size:13px!important}
  .app-bottom-nav{left:0!important;right:0!important;bottom:0!important;min-height:64px!important;padding:3px 5px calc(3px + env(safe-area-inset-bottom))!important;border-radius:18px 18px 0 0!important;border:1px solid #e6ddcf;border-bottom:0;background:rgba(255,253,249,.98)!important;box-shadow:0 -5px 18px rgba(21,43,34,.09)!important}
  .app-bottom-nav>a,.mobile-more-button{min-height:54px!important;padding:4px 2px!important;font-size:8px!important;gap:1px!important}
  .app-bottom-nav>a span,.mobile-more-button span{width:29px!important;height:29px!important;border-radius:9px!important}.app-bottom-nav>a span svg,.mobile-more-button span svg{width:17px!important;height:17px!important}
  .app-bottom-nav .add-action{background:transparent!important;box-shadow:none!important}.app-bottom-nav .add-action span{width:32px!important;height:32px!important;margin:0!important;box-shadow:none!important}.app-bottom-nav .add-action.active span{background:#0f6b52!important;color:#fff}
}
@media(max-width:360px){.topbar .crumb{max-width:125px}.topbar h2{max-width:130px!important}.page-intro h1{font-size:23px}.compliance-receipt-items .receipt-item{grid-template-columns:1fr}.compliance-receipt-items .receipt-field{grid-column:1!important}}


/* v0.2.53 - Premium PWA Login Refresh */
.login-form-v253{width:100%}
.login-form-v253 .auth-field-v253{gap:8px}
.auth-label-v253{display:block;font-size:13px;font-weight:850;color:#193329}
.auth-input-wrap-v253{position:relative;display:block}
.login-card .auth-input-wrap-v253 input{padding-left:48px;padding-right:48px;height:54px;border-radius:17px;background:#f8fbf9;border:1px solid #dce7df;font-size:15px;font-weight:650;color:#13251d;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 22px rgba(21,46,35,.025)}
.login-card .auth-input-wrap-v253 input::placeholder{color:#96a59e;font-weight:600}
.login-card .auth-input-wrap-v253 input:focus{background:#fff;border-color:#75bd9f;box-shadow:0 0 0 4px rgba(15,115,87,.10),0 12px 25px rgba(15,115,87,.07)}
.auth-input-icon-v253{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;display:grid;place-items:center;color:#0f7357;pointer-events:none}
.auth-input-icon-v253 svg,.auth-password-toggle-v253 svg{width:20px;height:20px;display:block}
.auth-password-toggle-v253{position:absolute;right:9px;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:#65776e;display:grid;place-items:center;cursor:pointer;padding:0}
.auth-password-toggle-v253:hover,.auth-password-toggle-v253:focus-visible{background:#edf6f1;color:#0f7357;outline:none}
.auth-password-toggle-v253 [hidden]{display:none!important}
.login-submit-v253{letter-spacing:.01em;gap:10px!important}
.login-submit-v253>span{font-size:19px;line-height:1;transition:transform .16s ease}
.login-submit-v253:hover>span{transform:translateX(2px)}
.auth-secure-v253{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:7px;color:#72847b;text-align:center}
.auth-secure-v253>span{width:24px;height:24px;border-radius:9px;background:#eef7f2;color:#0f7357;display:grid;place-items:center;flex:0 0 auto}
.auth-secure-v253 svg{width:15px;height:15px}.auth-secure-v253 small{font-size:11px;line-height:1.35}

@media(max-width:640px){
  .auth-bg{display:block;min-height:100dvh;background:#f8f5ef!important}
  .login-shell{min-height:100dvh!important;display:flex!important;flex-direction:column!important;background:#f8f5ef!important;overflow:visible!important}
  .login-visual{display:flex!important;min-height:0!important;padding:calc(20px + env(safe-area-inset-top)) 18px 42px!important;gap:12px!important;border-radius:0 0 30px 30px!important;background-image:linear-gradient(145deg,rgba(7,63,49,.94),rgba(15,115,87,.89) 56%,rgba(11,94,73,.87)),url("../img/login-masjid-hero.svg"),url("../img/islamic-pattern.svg")!important;background-position:center,center top,top right!important}
  .login-visual:after{width:230px!important;height:230px!important;right:-110px!important;bottom:-125px!important;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.02)!important}
  .brand-lockup{gap:10px!important}.brand-lockup .brand-mark{width:40px!important;height:40px!important;border-radius:13px!important;font-size:12px!important}.brand-lockup strong{font-size:15px!important;line-height:1.2}.brand-lockup small{font-size:10.5px!important;line-height:1.3;margin-top:2px}
  .login-copy{margin-top:5px!important;padding-right:0!important}.login-copy .eyebrow{font-size:9px!important;letter-spacing:.2em!important}.login-copy h1{font-size:26px!important;line-height:1.06!important;letter-spacing:-.035em!important;margin:7px 0 9px!important;max-width:330px!important}.login-copy p{font-size:12.5px!important;line-height:1.55!important;max-width:335px!important;margin-bottom:0!important}
  .visual-pills{gap:6px!important;margin-top:1px!important}.visual-pills span{padding:6px 9px!important;font-size:9.5px!important;line-height:1!important}
  .login-float-card,.login-luxury-strip{display:none!important}
  .login-card.premium{width:calc(100% - 24px)!important;min-height:0!important;margin:-22px 12px calc(18px + env(safe-area-inset-bottom))!important;padding:25px 20px 22px!important;border-radius:25px!important;border:1px solid #e8decd!important;background:linear-gradient(180deg,#fffefd,#fffaf4)!important;box-shadow:0 24px 60px rgba(23,40,31,.13),0 5px 15px rgba(217,180,107,.08)!important;justify-content:flex-start!important;position:relative!important;z-index:4!important}
  .login-card.premium:before{display:block!important;content:""!important;position:absolute!important;left:24px!important;right:24px!important;top:0!important;bottom:auto!important;width:auto!important;height:3px!important;background:linear-gradient(90deg,transparent,#d9b46b,transparent)!important;border-radius:0 0 6px 6px!important}
  .login-card .mobile-brand{display:none!important}
  .login-card .eyebrow.dark{font-size:9.5px!important;letter-spacing:.22em!important;margin-top:1px!important}.login-card h2{font-size:27px!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:7px 0 8px!important}.login-card p.muted{font-size:13px!important;line-height:1.5!important;margin-bottom:15px!important}
  .login-card form.login-form-v253{gap:13px!important;margin-top:0!important}.auth-label-v253{font-size:12.5px!important}.login-card .auth-input-wrap-v253 input{height:52px!important;font-size:15px!important;border-radius:16px!important;padding-left:46px!important;padding-right:46px!important}
  .auth-input-icon-v253{left:14px}.auth-password-toggle-v253{right:7px;width:38px;height:38px}
  .auth-help{margin-top:-3px!important}.auth-help a{font-size:12.5px!important}.login-card .btn.primary.wide.login-submit-v253{height:52px!important;border-radius:16px!important;font-size:15.5px!important;margin-top:0!important}
  .auth-secure-v253{margin-top:13px}.auth-secure-v253 small{font-size:10.5px}.public-plan-link{margin-top:10px!important;font-size:11.5px!important}
}
@media(max-width:360px){
  .login-visual{padding-left:15px!important;padding-right:15px!important}.login-copy h1{font-size:24px!important}.login-copy p{font-size:12px!important}.visual-pills span{font-size:9px!important;padding:6px 8px!important}
  .login-card.premium{width:calc(100% - 18px)!important;margin-left:9px!important;margin-right:9px!important;padding-left:17px!important;padding-right:17px!important}.login-card h2{font-size:25px!important}
}

/* v0.3.0 · JAWI 2026 Asset Compliance */
.compliance-note{display:flex;gap:14px;align-items:flex-start;padding:15px 17px;margin:0 0 18px;border:1px solid #e6d7b8;border-radius:17px;background:#fffaf0;color:#5b4a26}.compliance-note b{flex:0 0 auto;color:#795b1a}.compliance-note span{color:#675d49}
.compliance-code-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 18px;border:1px solid #d9e5df;border-radius:18px;overflow:hidden;background:#d9e5df}.compliance-code-banner>div{padding:14px 16px;background:#f9fbfa}.compliance-code-banner span,.official-code-preview span{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#7c8a84}.compliance-code-banner b,.official-code-preview b{display:block;margin-top:4px;font-size:16px;color:#103c30;word-break:break-word}.official-code-preview{padding:14px 16px;border-radius:16px;background:#edf7f3;border:1px solid #cfe4da}
.classification-hint{padding:14px 16px;border-radius:16px;border:1px solid #dce5e1;background:#f7faf8;display:grid;gap:3px}.classification-hint b{color:#173f34}.classification-hint span{color:#63736d;font-size:13px}.classification-hint.ok{background:#eff9f3;border-color:#cde8d7}.classification-hint.warn{background:#fff8e8;border-color:#ead8a9}.classification-hint.danger{background:#fff1ef;border-color:#efc8c2}
.compliance-identity-warning small{display:inline-block;margin-top:5px}.warning-text{display:block;color:#a45c13!important;font-weight:700!important}.registration-deadline{display:block;margin-top:12px;padding:10px;border-radius:12px;background:#fff8e8;color:#72591f}
.checklist-card{padding:15px;border:1px solid #dfe7e3;border-radius:16px;background:#fafcfb}.checklist-card>b{display:block;margin-bottom:9px}.check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.check-grid label{display:flex;align-items:center;gap:8px;padding:10px 11px;background:#fff;border:1px solid #e4eae7;border-radius:12px;font-weight:700}.check-grid input{width:auto;margin:0}
.decision-card{display:grid;grid-template-columns:minmax(0,1fr) 1.4fr;gap:16px;align-items:end;padding:15px;border-radius:16px;background:#f7faf8;border:1px solid #dfe7e3}.decision-card p{margin:0;color:#687871;font-size:12px}.signature-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.compliance-receipt-items{overflow-x:auto}.compliance-receipt-items .receipt-item{min-width:1150px;grid-template-columns:120px 130px minmax(180px,1.4fr) 90px 90px 90px minmax(150px,1fr) minmax(150px,1fr) 38px}.compliance-receipt-items .receipt-item.header{font-size:10px}.compliance-receipt-items input{min-width:0}
.compliance-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.official-report-card{display:flex;flex-direction:column;min-height:135px;padding:18px;border:1px solid #e2ded4;border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);color:var(--text);transition:.18s transform,.18s border-color,.18s box-shadow}.official-report-card:hover{transform:translateY(-2px);border-color:#c9dbd2;box-shadow:var(--shadow)}.official-report-card span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#9b7427}.official-report-card b{margin-top:8px;font-size:18px;line-height:1.2}.official-report-card small{margin-top:auto;color:var(--muted)}.compliance-dashboard{margin-top:18px}
.stock-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.35fr);gap:16px;align-items:start}.stock-workspace{display:grid;gap:16px}.stock-list{display:grid;gap:8px}.stock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e5ebe8;border-radius:14px;background:#fbfcfb;color:var(--text)}.stock-row.active{border-color:#8ebdad;background:#edf7f3}.stock-row div b,.stock-row div small,.stock-row>span small,.stock-row>span b{display:block}.stock-row small{color:var(--muted)}.stock-row>span{text-align:right}.stock-row>span b{font-size:18px;color:var(--brand-dark)}
.tenant-identity-mini{margin:10px 0;padding:10px 12px;border-radius:12px;background:#edf7f3;border:1px solid #d5e8df;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.tenant-identity-mini.warn{background:#fff8e8;border-color:#ecdcb5}.tenant-identity-mini span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#75857e}.tenant-identity-mini b{text-align:center}.tenant-identity-mini small{text-align:right;color:#718078}.label-warning-card{background:#fff5e5!important;border-color:#ecd3a0!important}.label-warning-card .info-kicker{color:#9a6414!important}.label-warning-card h2{color:#6d4c17}.label-warning-card p{color:#795f35!important}
@media(max-width:900px){.compliance-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-layout{grid-template-columns:1fr}.signature-grid.three{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-card{grid-template-columns:1fr}.compliance-code-banner{grid-template-columns:1fr}}
@media(max-width:640px){.compliance-report-grid{grid-template-columns:1fr}.official-report-card{min-height:112px;padding:15px}.check-grid{grid-template-columns:1fr}.compliance-note{display:block}.compliance-note b{display:block;margin-bottom:4px}.tenant-identity-mini{grid-template-columns:1fr}.tenant-identity-mini b,.tenant-identity-mini small{text-align:left}.stock-row{padding:12px}.classification-hint{font-size:13px}}

/* v0.3.0 · compliance dashboard, guide and official-report filters */
.tenant-compliance-mini{margin:18px 0}.tenant-compliance-mini>p{margin:12px 0 0;color:var(--muted);font-size:12.5px}.compliance-mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.compliance-mini-kpis a{padding:13px 14px;border:1px solid #dfe8e4;border-radius:15px;background:#fafcfb;color:var(--text)}.compliance-mini-kpis small,.compliance-mini-kpis b{display:block}.compliance-mini-kpis small{font-size:10.5px;color:var(--muted);line-height:1.35}.compliance-mini-kpis b{font-size:23px;margin-top:4px;color:var(--brand-dark)}
.report-filter-v300{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(210px,.85fr) minmax(190px,.8fr) auto;gap:12px;align-items:end;margin-bottom:18px}.report-filter-v300 h3{margin:3px 0 4px}.report-filter-v300 p{margin:0;color:var(--muted);font-size:12px}.report-filter-v300 label{min-width:0}.compliance-kpis-v300{grid-template-columns:repeat(3,minmax(0,1fr))!important}.depreciation-card{padding:17px;border:1px solid #dce6e1;border-radius:18px;background:linear-gradient(145deg,#f8fbf9,#fffaf0)}.depreciation-card h3{margin:4px 0 12px}.depreciation-card>p{margin:10px 0 0;color:var(--muted);font-size:12px}.depreciation-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.depreciation-kpis span{padding:11px 12px;border:1px solid #e0e7e3;border-radius:13px;background:#fff}.depreciation-kpis small,.depreciation-kpis b{display:block}.depreciation-kpis small{font-size:9.5px;color:var(--muted)}.depreciation-kpis b{margin-top:3px;font-size:13px}
.compliance-source-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:16px;border:1px solid #e4d9c5;border-radius:17px;background:#fffaf1}.compliance-source-note b{color:#75591c;flex:0 0 auto}.compliance-source-note span{color:#635b4e}.guide-steps-v300{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px}.guide-steps-v300 article{padding:13px 11px;border:1px solid #dce6e1;border-radius:16px;background:#fff;min-width:0}.guide-steps-v300 article>span{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#eaf5f0;color:var(--brand-dark);font-weight:900;font-size:11px}.guide-steps-v300 b,.guide-steps-v300 small{display:block}.guide-steps-v300 b{margin-top:8px;font-size:12px;color:#173f34}.guide-steps-v300 small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.guide-grid-v300{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card-v300 h3{margin:4px 0 14px}.classification-guide-v300{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.classification-guide-v300>div{padding:12px;border-radius:14px;background:#f6faf8;border:1px solid #dce7e2}.classification-guide-v300 b,.classification-guide-v300 strong,.classification-guide-v300 small{display:block}.classification-guide-v300 b{font-size:10px;color:var(--brand)}.classification-guide-v300 strong{margin:4px 0;font-size:15px}.classification-guide-v300 small{font-size:10px;color:var(--muted)}.guide-warning-v300{display:flex;gap:9px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff6df;border:1px solid #ead6a5;color:#6c5726;font-size:11px}.guide-code-v300{padding:16px;border-radius:15px;background:#103f34;color:#fff}.guide-code-v300 small,.guide-code-v300 b{display:block}.guide-code-v300 small{color:#cbded7}.guide-code-v300 b{font-size:19px;margin-top:5px;word-break:break-word}.guide-card-v300 ul,.guide-list-v300{padding-left:20px;margin:13px 0 0}.guide-card-v300 li{margin:6px 0;color:#465a53}.document-map-v300{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.document-map-v300 span{padding:10px;border:1px solid #e2e7e4;border-radius:12px;background:#fafbfa;font-size:11px}.document-map-v300 b{color:var(--brand-dark)}.annual-calendar-v300,.depreciation-guide-v300{margin-top:16px}.annual-grid-v300{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.annual-grid-v300 article{padding:14px;border-radius:15px;border:1px solid #dfe7e3;background:#fafcfb}.annual-grid-v300 b,.annual-grid-v300 strong,.annual-grid-v300 small{display:block}.annual-grid-v300 b{font-size:10px;color:#9a7225}.annual-grid-v300 strong{margin:5px 0;color:#173f34}.annual-grid-v300 small{font-size:10.5px;color:var(--muted)}.depreciation-table-v300{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.depreciation-table-v300 span{padding:12px;border:1px solid #dfe6e2;border-radius:13px;background:#fbfcfb}.depreciation-table-v300 b,.depreciation-table-v300 small{display:block}.depreciation-table-v300 small{margin-top:3px;color:var(--muted);font-size:10.5px}
@media(max-width:1100px){.guide-steps-v300{grid-template-columns:repeat(4,minmax(0,1fr))}.report-filter-v300{grid-template-columns:1fr 1fr}.report-filter-v300>div{grid-column:1/-1}.depreciation-table-v300{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.compliance-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid-v300{grid-template-columns:1fr}.annual-grid-v300{grid-template-columns:repeat(2,minmax(0,1fr))}.depreciation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.compliance-kpis-v300{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.guide-steps-v300{grid-template-columns:repeat(2,minmax(0,1fr))}.classification-guide-v300{grid-template-columns:1fr}.document-map-v300{grid-template-columns:1fr}.annual-grid-v300{grid-template-columns:1fr}.depreciation-table-v300{grid-template-columns:1fr 1fr}.report-filter-v300{grid-template-columns:1fr}.report-filter-v300>div{grid-column:auto}.report-filter-v300 .btn{width:100%}.compliance-source-note{display:block}.compliance-source-note b{display:block;margin-bottom:4px}}

/* v0.3.2 · borang pendaftaran aset berlangkah */

/* v0.3.3 · pemilih katalog Kod Nasional */
.national-picker{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.national-picker>label{margin:0}.national-picker-code small{display:block;margin-top:6px;color:var(--muted);line-height:1.45}.national-results{position:absolute;z-index:40;top:78px;left:0;width:calc(50% - 7px);max-height:330px;overflow:auto;background:#fff;border:1px solid #d8e3de;border-radius:15px;box-shadow:0 18px 44px rgba(9,58,44,.18);padding:7px}.national-result{display:flex;width:100%;flex-direction:column;gap:4px;text-align:left;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.national-result:hover,.national-result:focus{background:#edf7f3;outline:none}.national-result b{font-size:13px}.national-result span,.national-empty{font-size:12px;color:var(--muted)}.national-empty{padding:14px}.national-results[hidden]{display:none}@media(max-width:760px){.national-picker{grid-template-columns:1fr}.national-results{top:78px;width:100%}}
.stock-signature-field{padding:14px;border:1px solid #e8dece;border-radius:17px;background:#fffdf9}.stock-signature-field>b,.stock-signature-field>small{display:block}.stock-signature-field>b em{margin-left:6px;color:#b42318;font-size:10px;font-style:normal}.stock-signature-field>small{margin-top:4px;color:var(--muted);line-height:1.45}.stock-signature-field .signature-box{max-width:520px;height:115px}

/* v0.3.5 · navigasi aplikasi telefon */
.sidebar-premium .nav-text small{display:block;margin-top:2px;color:#86a69b;font-size:9px;font-weight:600;line-height:1.15}.mobile-more-sheet,.mobile-more-backdrop{display:none}
@media(max-width:900px){
  body.mobile-menu-open{overflow:hidden}.app-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible!important;min-height:72px}.app-bottom-nav>a,.mobile-more-button{min-width:0!important;width:auto;min-height:56px;border:0;background:transparent;color:#66766f;font:800 10px/1.1 inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;padding:5px 2px;cursor:pointer}.app-bottom-nav>a span,.mobile-more-button span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px}.mobile-more-button span svg{width:20px;height:20px}.app-bottom-nav>a.active,.mobile-more-button.active{color:#0f6b52}.mobile-more-button.active span{background:linear-gradient(145deg,#edf8f2,#fff4de);border:1px solid #eadab5}.app-bottom-nav .add-action{color:#8b6723}
  .mobile-more-backdrop{display:block;position:fixed;inset:0;z-index:89;background:rgba(4,24,18,.5);backdrop-filter:blur(3px)}.mobile-more-backdrop[hidden]{display:none}.mobile-more-sheet{display:block;position:fixed;z-index:90;left:0;right:0;bottom:0;max-height:min(82vh,680px);overflow:auto;padding:8px 16px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fffdf9;box-shadow:0 -24px 70px rgba(4,31,23,.25)}.mobile-more-sheet[hidden]{display:none}.mobile-more-handle{width:44px;height:5px;margin:2px auto 13px;border-radius:999px;background:#d9d7cf}.mobile-more-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-more-sheet header b,.mobile-more-sheet header small{display:block}.mobile-more-sheet header b{font-size:18px;color:#153d30}.mobile-more-sheet header small{margin-top:3px;color:#75837c}.mobile-more-sheet header button{width:40px;height:40px;border:0;border-radius:13px;background:#f2eee6;color:#40564d;font-size:25px}.mobile-more-sheet nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-more-sheet nav a{min-height:64px;padding:11px 12px;border:1px solid #e9dfd1;border-radius:17px;background:#fff;color:#243e35;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-decoration:none}.mobile-more-sheet nav a>span{width:38px;height:38px;border-radius:12px;background:#edf6f2;color:#0f6b52;display:grid;place-items:center}.mobile-more-sheet nav a svg{width:19px;height:19px}.mobile-more-sheet nav a b{font-size:12px;line-height:1.25}.mobile-more-sheet nav a i{font-style:normal;color:#8b978f;font-size:20px}.mobile-more-sheet nav a.active{border-color:#c9dfd5;background:#eef8f3}.mobile-more-sheet nav .mobile-more-logout{grid-column:1/-1;background:#fff4f1;color:#a83d34}.mobile-more-sheet nav .mobile-more-logout>span{background:#ffe9e5;color:#b33e35}
}
@media(max-width:430px){.mobile-more-sheet nav{grid-template-columns:1fr}.mobile-more-sheet nav .mobile-more-logout{grid-column:auto}.app-bottom-nav>a,.mobile-more-button{font-size:9px}.app-bottom-nav{left:6px;right:6px}}
@media(max-width:640px){.premium-form input,.premium-form select,.premium-form textarea,.btn{min-height:46px;font-size:16px}.premium-form textarea{min-height:100px}.form-footer{position:sticky;bottom:78px;z-index:12;padding:10px;border-radius:16px;background:rgba(255,253,249,.96);box-shadow:0 -8px 22px rgba(12,48,37,.08)}.form-footer .btn{width:100%}.panel{border-radius:18px}.page-intro h1{font-size:26px}.page-intro p{line-height:1.55}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}}

/* v0.3.6 · kawalan akses pelanggan */
.access-adjust-panel{margin-bottom:16px;border-top:4px solid #0f6b52}.access-adjust-panel .panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.access-adjust-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:13px}.access-adjust-grid .full{grid-column:1/-1}.access-adjust-grid label small{display:block;margin-top:5px;color:var(--muted)}.access-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.access-presets span{font-size:11px;font-weight:800;color:#61736a}.access-presets button{border:1px solid #d9e3de;border-radius:999px;background:#f4faf7;color:#0f6b52;padding:8px 11px;font-weight:800;cursor:pointer}.access-presets button:hover{background:#e8f5ef}.access-preview{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:15px;background:linear-gradient(135deg,#edf8f2,#fff8e9);border:1px solid #d9e8df}.access-preview span{color:#65766e}.access-preview b{color:#0f5f48}.platform-hero-v250 .hero-actions{flex-wrap:wrap}@media(max-width:700px){.access-adjust-grid{grid-template-columns:1fr}.access-adjust-grid>*{grid-column:1!important}.access-preview{display:grid}.access-adjust-panel{padding:15px}.platform-dashboard-v250 .platform-hero-v250 .hero-actions{grid-template-columns:1fr!important}}

/* v0.3.7 · gaya operasi institusi — padat, tenang dan bukan rupa templat pemasaran */
:root{--bg:#f4f3ef;--surface:#fff;--surface2:#f7f7f4;--line:#dedfd9;--shadow:0 3px 12px rgba(25,43,36,.045);--shadow-sm:0 2px 7px rgba(25,43,36,.035)}
input,select,textarea{border-radius:8px;padding:11px 12px}.btn{border-radius:8px;box-shadow:none!important}.btn.primary{background:#0d654d}.panel,.stat,.search-card,.report-card,.plan-editor,.info-panel,.table-wrap{border-radius:11px;box-shadow:var(--shadow-sm)}.badge{border-radius:6px}.section-kicker{letter-spacing:.13em}.page-body{max-width:1480px}.table-wrap{border-color:#d9ddd7}th{background:#f1f2ee;color:#596a62}th,td{padding:12px 13px}.form-section>span,.stat-icon,.list-avatar{border-radius:7px}
@media(min-width:901px){
  :root{--app-sidebar-width:248px}.app-shell{grid-template-columns:var(--app-sidebar-width) minmax(0,1fr)!important}.content{width:calc(100% - var(--app-sidebar-width))!important;margin-left:var(--app-sidebar-width)!important}
  .sidebar.sidebar-premium{width:var(--app-sidebar-width)!important;padding:16px 12px 12px;background:#0b2d23!important;border-right:1px solid #163d32;box-shadow:none}.sidebar.sidebar-premium:before{display:none}.sidebar-premium .sidebar-brand{min-height:64px;margin:0 0 10px;padding:6px 8px 13px}.sidebar-premium .sidebar-brand .brand-mark.sm,.sidebar-premium .sidebar-brand .tenant-logo.sm{width:39px;height:39px;flex-basis:39px;border-radius:9px;box-shadow:none}.sidebar-premium .brand-copy strong{font-size:15px}.sidebar-premium .sidebar-group{padding:4px 0 7px}.sidebar-premium .sidebar-group+.sidebar-group{padding-top:10px}.sidebar-premium .sidebar-label{padding:0 9px 7px;font-size:8px;color:#86a49a}.sidebar-premium .sidebar-nav{gap:2px}.sidebar-premium .sidebar-nav a{min-height:42px;padding:4px 8px 4px 5px;border:0;border-radius:7px;font-size:11.5px}.sidebar-premium .sidebar-nav a:hover{transform:none;background:#123b30}.sidebar-premium .sidebar-nav a.active{background:#174638;box-shadow:inset 3px 0 0 #d2a84e;border:0}.sidebar-premium .sidebar-nav .nav-icon{width:32px;height:32px;border:0;border-radius:6px;background:#153d32}.sidebar-premium .sidebar-nav a.active .nav-icon{background:#255244;color:#f0cb78;border:0}.sidebar-premium .nav-text small{color:#87a79c;font-size:8px}.sidebar-premium .account-mini{border-radius:8px;background:#123a2f}.sidebar-premium .account-mini .avatar{border-radius:7px;box-shadow:none}.sidebar-premium .logout{border-radius:7px}
  .topbar{height:68px;padding:0 24px;background:#fff;border-bottom:1px solid #dfe1dc;backdrop-filter:none}.topbar h2{font-size:19px}.crumb{font-size:8px}.net{border-radius:6px}.page-body{padding:24px 26px 34px}
  .platform-dashboard-v250 .platform-hero-v250{min-height:172px;padding:25px 27px 23px 31px;border:1px solid #d8ddd7;border-left:5px solid #0d654d;border-radius:11px;background:#fff;color:#172d25;box-shadow:var(--shadow)}.platform-dashboard-v250 .platform-hero-v250:after{display:none}.platform-dashboard-v250 .platform-hero-v250 .eyebrow{color:#9a7126}.platform-dashboard-v250 .platform-hero-v250 h1{max-width:800px;margin:5px 0 7px;font-size:33px;line-height:1.12;letter-spacing:-.025em}.platform-dashboard-v250 .platform-hero-v250 p{color:#617269;font-size:13px}.platform-dashboard-v250 .platform-hero-v250 .hero-actions{margin-top:17px}.platform-dashboard-v250 .platform-hero-v250 .btn{min-height:38px;padding:8px 13px;border:1px solid #d4dcd7;background:#fff;color:#194437}.platform-dashboard-v250 .platform-hero-v250 .btn:first-child{background:#0d654d;border-color:#0d654d;color:#fff}.platform-dashboard-v250 .platform-hero-v250 .hero-orb{width:150px;height:94px;border-radius:9px;background:#f1f5f2;border:1px solid #d8e1db;box-shadow:none}.platform-dashboard-v250 .platform-hero-v250 .hero-orb span{font-size:31px;color:#0d654d}.platform-dashboard-v250 .platform-hero-v250 .hero-orb small{color:#66776f;margin-top:3px}
  .platform-dashboard-v250 .platform-stats-v250{gap:10px;margin:12px 0}.platform-dashboard-v250 .platform-stats-v250 .stat{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto auto;column-gap:11px;min-height:105px;padding:15px!important;border-radius:9px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.platform-dashboard-v250 .platform-stats-v250 .stat:before{display:none}.platform-dashboard-v250 .platform-stats-v250 .stat-icon{grid-row:1/4;width:34px;height:34px;margin:1px 0 0}.platform-dashboard-v250 .platform-stats-v250 .stat span,.platform-dashboard-v250 .platform-stats-v250 .stat strong,.platform-dashboard-v250 .platform-stats-v250 .stat small{grid-column:2}.platform-dashboard-v250 .platform-stats-v250 .stat strong{font-size:22px;margin:0}.platform-dashboard-v250 .platform-stats-v250 .stat.needs-action{background:#fffaf0;border-color:#e6d4aa}
  .platform-attention-v250{padding:16px 18px;border-top:3px solid #c79536}.platform-attention-v250:before{display:none}.platform-version-v250{border-radius:6px;background:#f2f1ec}.attention-item-v250{border-radius:8px;background:#fff;padding:11px}.attention-icon-v250{border-radius:7px}.attention-item-v250:hover{transform:none;box-shadow:none;border-color:#cdbd9e}.platform-lower-grid-v250{gap:12px}.platform-lower-grid-v250 .panel{padding:17px 18px}.plan-mini,.list-row{padding:11px 0}
}
@media(max-width:900px){body{background:#f3f2ee}.topbar{background:#fff}.premium-hero{border-radius:16px}.panel,.stat,.search-card,.report-card,.plan-editor,.info-panel,.table-wrap{border-radius:13px}.platform-dashboard-v250 .platform-hero-v250{background:linear-gradient(145deg,#124c3c,#0d654d);border-radius:15px}.app-bottom-nav{border-radius:18px}.mobile-more-sheet{border-radius:20px 20px 0 0}}

/* v0.3.8 · pusat notifikasi dan peti masuk */
.push-device-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;border-left:4px solid var(--primary,#0d654d)}.push-device-card>div{flex:1}.push-device-card h3{margin:3px 0}.push-device-card p{margin:4px 0;color:var(--muted)}.push-device-card [data-push-status]{display:block;color:#496158}.push-device-card .btn{white-space:nowrap}@media(max-width:640px){.push-device-card{display:grid}.push-device-card .btn{width:100%}}

/* v0.4.0 · operasi luar talian */
.offline-form-status{padding:10px 12px;border:1px solid #d9e4dd;border-radius:10px;background:#f6faf7;color:#53675d;font-size:11px}.offline-form-status.success{background:#edf8f1;border-color:#bcdcc8;color:#17633f}.offline-form-status.danger{background:#fff2ef;border-color:#efc8bf;color:#9a392a}.net.offline{background:#fff0d9;color:#895914;border-color:#e6c483}.sync-box{line-height:1.45}

/* v0.4.1 · pemasangan PWA dan pengurusan peranti */
.pwa-install-banner{position:fixed;z-index:180;left:50%;bottom:86px;transform:translateX(-50%);width:min(520px,calc(100% - 24px));padding:14px;border:1px solid #cfe0d6;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(7,43,32,.22);backdrop-filter:blur(18px)}.pwa-install-banner[hidden]{display:none}.pwa-install-banner [data-pwa-main]{display:flex;gap:12px;align-items:flex-start}.pwa-install-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#15936f,#07563f);color:#fff;font-weight:900}.pwa-install-banner b{display:block;font-size:15px}.pwa-install-banner p{margin:4px 0 10px;color:#5d7067;font-size:11px;line-height:1.45}.pwa-install-banner .btn{min-height:38px;padding:8px 13px}.pwa-ios-guide ol{margin:10px 0 14px;padding-left:22px;color:#4d6157;font-size:12px}.pwa-ios-guide li+li{margin-top:7px}.push-device-management{margin:14px 0}.push-device-management .panel-head p{margin:3px 0;color:var(--muted)}.push-device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.push-device-row b,.push-device-row small{display:block}.push-device-row small{margin-top:3px;color:var(--muted);font-size:10px}.push-device-row.inactive{opacity:.65}@media(min-width:769px){.pwa-install-banner{display:none!important}}@media(max-width:640px){.push-device-row{align-items:flex-start}.push-device-row .btn{padding:8px 10px;font-size:10px}}

/* v0.4.2 · pengesahan persediaan offline */
.offline-ready-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:12px;border:1px solid #dfe6e1;border-radius:12px;background:#f8faf8}.offline-ready-box span{font-size:11px;font-weight:750;color:#687970}.offline-ready-box span.ready{color:#17633f}.offline-ready-box span.not-ready{color:#9a5527}.offline-ready-box .btn{padding:8px 10px;min-height:36px;font-size:10px}@media(max-width:640px){.offline-ready-box{display:grid}.offline-ready-box .btn{width:100%}}

/* v0.4.3 · ikon PWA berjenama */
img.pwa-install-icon{display:block;object-fit:cover;border:0;padding:0;background:#0d654d}

/* v0.4.4 · pemasangan dan onboarding notifikasi */
.pwa-install-banner [hidden],.push-onboarding[hidden],.push-onboarding-backdrop[hidden]{display:none!important}.pwa-install-banner{padding:18px;border-radius:24px;border-color:#d5e5dc;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(244,250,246,.98));box-shadow:0 24px 70px rgba(4,48,34,.28)}.pwa-install-banner [data-pwa-main]{display:block}.pwa-install-head{display:flex;align-items:center;gap:12px}.pwa-install-kicker{display:block;margin-bottom:3px;color:#0d7656;font-size:9px;font-weight:900;letter-spacing:.14em}.pwa-install-banner .pwa-install-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px;box-shadow:0 8px 20px rgba(7,82,59,.2)}.pwa-install-banner p{margin:11px 0 9px;font-size:12px}.pwa-install-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.pwa-install-features span{padding:5px 8px;border-radius:999px;background:#eaf5ef;color:#176346;font-size:9px;font-weight:800}.pwa-install-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pwa-install-actions .btn{justify-content:center}.pwa-ios-guide{padding:2px}.push-onboarding-backdrop{position:fixed;inset:0;z-index:210;background:rgba(3,28,20,.58);backdrop-filter:blur(6px)}.push-onboarding{position:fixed;z-index:211;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 28px));padding:25px;border:1px solid #d5e5dc;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3);text-align:center}.push-onboarding-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 13px;border-radius:20px;background:#eaf6ef;font-size:28px}.push-onboarding h2{margin:3px 0 7px;font-size:23px}.push-onboarding p{margin:0 0 13px;color:#5b6d64;font-size:12px;line-height:1.55}.push-onboarding [data-push-onboarding-status]{min-height:18px;margin-bottom:8px;font-size:10px}.push-onboarding [data-push-onboarding-status].success{color:#17633f}.push-onboarding [data-push-onboarding-status].danger{color:#a13b2c}.push-onboarding .btn+.btn{margin-top:7px}@media(max-width:390px){.pwa-install-banner{bottom:78px;padding:15px}.pwa-install-features{gap:4px}.pwa-install-features span{font-size:8px}.pwa-install-banner b{font-size:14px}}
.notification-admin-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:14px;align-items:start}.notification-compose{margin:0}.notification-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:0}.notification-channels legend{font-weight:800;margin-bottom:7px}.notification-channels label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fafbf8}.notification-channels input{width:18px;min-height:18px;margin-top:2px}.notification-channels b,.notification-channels small{display:block}.notification-channels small{font-size:9px}.notification-channels .disabled{opacity:.55}.notification-history article{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.notification-history article b,.notification-history article small{display:block}.notification-history article small{margin-top:3px;color:var(--muted);font-size:10px}.notification-history article>div:last-child{text-align:right}.notification-inbox article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;padding:17px 5px;border-top:1px solid var(--line)}.notification-inbox article.unread{margin:0 -10px;padding:17px 15px;background:#f1f8f4;border-left:3px solid #0d654d}.notification-state{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#eaf3ee;color:#0d654d}.notification-state svg{width:19px;height:19px}.notification-inbox p{margin:5px 0;color:#52665d;line-height:1.55}.notification-inbox small{color:var(--muted)}.notification-inbox article>div:last-child{display:grid;gap:7px;align-content:start}.notification-inbox form{margin:0}@media(max-width:960px){.notification-admin-layout{grid-template-columns:1fr}.notification-channels{grid-template-columns:1fr 1fr}}@media(max-width:640px){.notification-channels{grid-template-columns:1fr}.notification-history article{display:grid}.notification-history article>div:last-child{text-align:left}.notification-inbox article{grid-template-columns:38px minmax(0,1fr)}.notification-inbox article>div:last-child{grid-column:2}.notification-inbox article>div:last-child .btn{width:100%}}
.asset-form-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:4px}.asset-form-steps button{appearance:none;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;padding:11px;border:1px solid #dfe7e3;border-radius:14px;background:#fafcfb;color:var(--text);cursor:pointer}.asset-form-steps button>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e9f2ee;color:var(--brand-dark);font-weight:900}.asset-form-steps button b{font-size:12px;line-height:1.2}.asset-form-steps button small{margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.2}.asset-form-steps button.active{border-color:#6ca991;background:#edf7f3;box-shadow:0 0 0 2px rgba(15,107,82,.08)}.asset-form-steps button.active>span{background:var(--brand);color:#fff}.asset-form-steps button.done>span{background:#d7eadf}.asset-form-help{display:flex;gap:8px;padding:12px 14px;border-radius:14px;background:#fff9eb;border:1px solid #eadcb7;color:#66572f;font-size:12px}.asset-form-help b{flex:0 0 auto}.asset-step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #e5ebe8}.asset-step-actions span{color:var(--muted);font-size:12px;font-weight:700}.compliance-asset-form.is-step-form>[data-asset-step][hidden],.compliance-asset-form.is-step-form>.form-footer[hidden],.compliance-asset-form.is-step-form .asset-step-actions>[hidden]{display:none!important}.compliance-asset-form.is-step-form>.form-section{scroll-margin-top:90px}
@media(max-width:900px){.asset-form-steps{grid-template-columns:repeat(5,minmax(115px,1fr));overflow-x:auto;padding-bottom:5px}.asset-form-steps button{min-width:115px;grid-template-columns:27px 1fr;padding:9px}.asset-form-steps button>span{width:27px;height:27px}.asset-form-steps button small{display:none}}
@media(max-width:640px){.asset-form-help{display:block}.asset-form-help b,.asset-form-help span{display:block}.asset-form-help span{margin-top:3px}.asset-step-actions{position:sticky;bottom:74px;z-index:5;margin:0 -12px -12px;padding:10px 12px;background:rgba(255,255,255,.96);box-shadow:0 -8px 20px rgba(20,50,40,.07)}.asset-step-actions .btn{min-height:44px}.asset-step-actions span{font-size:10px}}
.stock-movement-choice{border:0;margin:0;padding:0}.stock-movement-choice legend{margin-bottom:7px;font-weight:800}.stock-movement-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stock-movement-choice label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe7e3;border-radius:14px;background:#fafcfb;cursor:pointer}.stock-movement-choice input{width:auto;margin:0}.stock-movement-choice label:has(input:checked){border-color:#6ca991;background:#edf7f3}.stock-movement-choice b,.stock-movement-choice small{display:block}.stock-movement-choice small{margin-top:2px;color:var(--muted);font-weight:400}
.receipt-form>.full{grid-column:1/-1}.signature-grid.three{gap:12px}.signature-grid.three>section{min-width:0;display:flex;flex-direction:column;padding:17px}.signature-grid.three h3{min-height:44px;margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid #eee4d5;font-size:15px;line-height:1.35}.signature-grid.three label{min-width:0}.signature-grid.three input{width:100%;min-width:0}.signature-grid.three .signature-box{height:118px;margin-top:auto}.signature-grid.three .signature-box>span{right:54px;white-space:normal}.receipt-registration-panel h3{margin:4px 0 6px}.receipt-registration-panel>p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.5}.receipt-registration-panel article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.receipt-registration-panel article b,.receipt-registration-panel article small{display:block}.receipt-registration-panel article small{margin-top:2px;color:var(--muted);font-size:9px}.receipt-registration-panel article .btn{flex:0 0 auto;padding:8px 10px;font-size:9px}
@media(max-width:1200px){.signature-grid.three{grid-template-columns:1fr 1fr}.signature-grid.three>section:last-child{grid-column:1/-1}.signature-grid.three>section:last-child .signature-box{height:105px}}
@media(max-width:640px){.compliance-receipt-items{overflow:visible}.compliance-receipt-items .receipt-item.header{display:none}.compliance-receipt-items .receipt-item{display:grid;grid-template-columns:1fr 1fr;min-width:0;padding:12px;margin-bottom:10px;border:1px solid #dfe7e3;border-radius:15px;background:#fafcfb}.compliance-receipt-items .receipt-item>*{position:relative;min-width:0;padding-top:20px}.compliance-receipt-items .receipt-item>*:before{content:attr(data-mobile-label);position:absolute;top:1px;left:2px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.compliance-receipt-items .receipt-item>*:nth-child(3),.compliance-receipt-items .receipt-item>*:nth-child(7),.compliance-receipt-items .receipt-item>*:nth-child(8){grid-column:1/-1}.compliance-receipt-items .receipt-item .remove-receipt-row{grid-column:1/-1;padding:9px}.stock-movement-choice{grid-template-columns:1fr}}
@media(max-width:640px){.signature-grid.three{grid-template-columns:1fr}.signature-grid.three>section:last-child{grid-column:auto}.signature-grid.three h3{min-height:0}.signature-grid.three .signature-box,.signature-grid.three>section:last-child .signature-box{height:120px}.receipt-registration-panel article{align-items:flex-start;flex-direction:column}.receipt-registration-panel article .btn{width:100%}}

/* v0.4.5 · pembaikan borang PWA: tiada medan terlindung oleh bar tindakan */
@media(max-width:640px){
  html{scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  .content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .page-body{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .premium-form,.form-grid,.compliance-asset-form,.receipt-form{grid-template-columns:minmax(0,1fr)!important;min-width:0;overflow:visible}
  .premium-form>*,.form-grid>*,.compliance-asset-form>*,.receipt-form>*{min-width:0;max-width:100%}
  .premium-form input,.premium-form select,.premium-form textarea,.receipt-form input,.receipt-form select,.receipt-form textarea{display:block;width:100%;max-width:100%;box-sizing:border-box}
  .premium-form textarea,.receipt-form textarea{resize:vertical}
  .form-footer,.asset-step-actions{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    width:100%;
    margin:18px 0 0!important;
    padding:14px 0 0!important;
    border-radius:0!important;
    border-top:1px solid #e5ebe8;
    background:transparent!important;
    box-shadow:none!important;
  }
  .asset-step-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;grid-column:1/-1}
  .asset-step-actions [data-step-prev]{grid-column:1;grid-row:1}
  .asset-step-actions [data-step-status]{grid-column:1;grid-row:2;text-align:left;line-height:1.3}
  .asset-step-actions [data-step-next]{grid-column:2;grid-row:1/3;min-width:118px}
  .asset-step-actions .btn{max-width:100%;white-space:normal}
  .compliance-asset-form.is-step-form>[data-asset-step]:not([hidden]){scroll-margin-top:82px}
  .receipt-footer,.smtp-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .receipt-buttons,.smtp-actions>div{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px;width:100%}
  .receipt-buttons .btn,.smtp-actions .btn{width:100%;margin:0!important}
  .table-wrap,.receipt-items-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .bottom-nav.app-bottom-nav{bottom:0;min-height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:360px){
  .asset-step-actions{grid-template-columns:1fr 1fr}
  .asset-step-actions [data-step-prev]{grid-column:1;grid-row:1}
  .asset-step-actions [data-step-next]{grid-column:2;grid-row:1;min-width:0}
  .asset-step-actions [data-step-status]{grid-column:1/-1;grid-row:2;text-align:center}
}

/* v0.4.6 final cascade guards */
@media(max-width:640px){
  .premium-form input[type="checkbox"],.premium-form input[type="radio"],.receipt-form input[type="checkbox"],.receipt-form input[type="radio"],.check-grid input{display:inline-block!important;width:20px!important;max-width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0!important;flex:0 0 20px}
  .check-grid label{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important}
  .compliance-receipt-items{overflow:visible!important}
  .compliance-receipt-items .receipt-item{grid-template-columns:1fr 1fr!important;gap:11px 8px!important;padding:13px!important}
  .compliance-receipt-items .receipt-field{display:grid!important;gap:6px!important;min-width:0!important;padding:0!important}
  .compliance-receipt-items .receipt-field:before{display:none!important;content:none!important}
  .compliance-receipt-items .receipt-field>span{display:block!important;position:static!important;font-size:9px!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.06em;color:#71827a}
  .compliance-receipt-items .receipt-field:nth-child(3),.compliance-receipt-items .receipt-field:nth-child(7),.compliance-receipt-items .receipt-field:nth-child(8){grid-column:1/-1!important}
  .compliance-receipt-items .remove-receipt-row{grid-column:1/-1!important;width:100%!important;height:40px!important;padding:8px!important}
  .app-bottom-nav{left:0!important;right:0!important;bottom:0!important;border-radius:18px 18px 0 0!important}
}
@media(max-width:360px){.compliance-receipt-items .receipt-item{grid-template-columns:1fr!important}.compliance-receipt-items .receipt-field{grid-column:1!important}}

/* v0.4.7 · diagnosis push notification */
.push-device-card [data-push-status].success{color:#17633f}.push-device-card [data-push-status].danger{color:#a13b2c}.push-device-card [data-push-test]{white-space:nowrap}
@media(max-width:640px){.push-device-card [data-push-enable],.push-device-card [data-push-disable],.push-device-card [data-push-test]{width:100%}}

/* v0.4.8 · pusat perhatian makluman */
.notification-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #dde6e1;border-radius:12px;background:#fff;color:#405a50}.notification-bell svg{width:20px;height:20px}.notification-bell:hover,.notification-bell.has-unread{color:#0d654d;background:#eef8f3;border-color:#c9dfd5}.notification-badge{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#c43c2f;color:#fff;font-size:8px;font-weight:900}.notification-badge[hidden]{display:none}.notification-template>span{font-weight:800}.notification-template small{font-weight:500;color:var(--muted)}
@media(max-width:640px){.notification-bell{width:36px;height:36px;flex-basis:36px;border-radius:11px}.notification-bell svg{width:18px;height:18px}.notification-badge{right:-4px;top:-5px}.topbar-right{gap:5px!important}}

/* v0.4.9 · arkib dan diagnostik push */
.notification-tools-link{margin-left:auto}.notification-tools-page{display:grid;gap:16px}.notification-diagnostic-hero h1{margin:6px 0;font-size:30px}.notification-diagnostic-hero>p{color:var(--muted);max-width:800px}.notification-diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.notification-diagnostic-grid article{padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8faf8}.notification-diagnostic-grid small,.notification-diagnostic-grid b{display:block}.notification-diagnostic-grid b{margin-top:5px;font-size:25px;color:#0d654d}.notification-admin-list article,.notification-archive-list article,.notification-failure-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.notification-admin-list b,.notification-admin-list small,.notification-archive-list b,.notification-archive-list small,.notification-failure-list b,.notification-failure-list small{display:block}.notification-admin-list small,.notification-archive-list small,.notification-failure-list small{margin-top:3px;color:var(--muted)}.notification-failure-list code{max-width:48%;white-space:normal;color:#9c382e}.archive-actions{display:flex;align-items:flex-start;gap:8px}.archive-actions form{margin:0}.archive-actions details{position:relative}.archive-actions summary{list-style:none;cursor:pointer}.archive-actions summary::-webkit-details-marker{display:none}.permanent-delete-form{position:absolute;z-index:20;right:0;top:48px;width:min(360px,calc(100vw - 36px));padding:16px;border:1px solid #efc7c0;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(45,20,16,.2)}.permanent-delete-form p{font-size:11px;color:#8f3b32}.permanent-delete-form label{margin-top:10px}.btn.danger{background:#fff0ee;border:1px solid #edc8c1;color:#a4382f}
@media(max-width:720px){.notification-tools-link{width:100%;margin:0}.notification-diagnostic-grid{grid-template-columns:1fr 1fr}.notification-admin-list article,.notification-archive-list article,.notification-failure-list article{align-items:stretch;flex-direction:column}.notification-admin-list .btn{width:100%}.notification-failure-list code{max-width:100%}.archive-actions{display:grid;grid-template-columns:1fr 1fr}.archive-actions .btn{width:100%}.permanent-delete-form{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto}}
.inbox-bulk-actions{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}.notification-inbox .inbox-delete{color:#a4382f}
@media(max-width:640px){.inbox-bulk-actions{display:grid;grid-template-columns:1fr}.inbox-bulk-actions .btn{width:100%}}

/* v0.4.10 · panel Padam Kekal tidak lagi terapung/terpotong */
.notification-archive-list article{align-items:flex-start}.notification-archive-list article>div:first-child{flex:1;min-width:0;padding-top:9px}.archive-actions{flex:0 1 470px;justify-content:flex-end;flex-wrap:wrap}.archive-actions details{position:static;min-width:116px}.archive-actions details[open]{flex:1 0 100%;width:100%}.archive-actions details[open]>summary{margin-left:auto;width:max-content}.permanent-delete-form{position:static!important;inset:auto!important;width:100%!important;margin-top:10px;padding:17px;border:1px solid #efc7c0;border-radius:14px;background:#fff8f6;box-shadow:none}.permanent-delete-form p{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff0ed}.permanent-delete-form label{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:10px}.permanent-delete-form label+label{margin-top:9px}.permanent-delete-form .btn{margin-top:12px}.archive-actions details[open]>summary:after{content:' ×';font-weight:900}
@media(max-width:720px){.notification-archive-list article>div:first-child{padding-top:0}.archive-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.archive-actions details[open]{grid-column:1/-1}.archive-actions details[open]>summary{width:100%;margin:0}.permanent-delete-form{margin-top:8px!important;padding:14px!important}.permanent-delete-form label{grid-template-columns:1fr;gap:6px}.permanent-delete-form input{font-size:16px}.permanent-delete-form .btn{width:100%}}

/* v0.4.11 · ujian push mengikut peranti */
.push-device-row>div:first-child{flex:1;min-width:0}.push-device-actions{display:flex;gap:7px}.push-device-row [data-device-test-status]{margin-top:5px;font-weight:700}.push-device-row [data-device-test-status].success{color:#17633f}.push-device-row [data-device-test-status].danger,.device-push-error{color:#a13b2c!important}
@media(max-width:640px){.push-device-row{display:grid}.push-device-actions{display:grid;grid-template-columns:1fr 1fr}.push-device-actions .btn{width:100%}}

/* v0.4.14 · pusat makluman dalaman masjid */
.tenant-notification-center{margin-bottom:16px}.tenant-notification-note{display:flex;gap:9px;padding:12px 14px;border:1px solid #cfe3d8;border-radius:12px;background:#f1f8f4;color:#345b4b}.tenant-notification-note span{font-size:10px}.notification-source{display:inline-flex;margin-bottom:7px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notification-source.platform{background:#fff1cf;color:#79520c}.notification-source.masjid{background:#e6f5ed;color:#126044}.notification-source+b{display:block}
@media(max-width:640px){.tenant-notification-center{display:block}.tenant-notification-center>.panel+ .panel{margin-top:12px}.tenant-notification-note{display:grid}}

/* v0.4.15 · akses push mengikut pelan */
.plan-push-access{margin:14px 0}.plan-push-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.plan-push-options label{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8faf8}.plan-push-options input{width:19px;min-height:19px}.plan-push-options b,.plan-push-options small{display:block}.plan-push-options small{margin-top:4px;color:var(--muted)}.notification-channels label.disabled{opacity:.55;background:#f1f1ef}.notice[data-internal-push-locked]{margin-bottom:14px}
@media(max-width:700px){.plan-push-options{grid-template-columns:1fr}.plan-push-access .form-footer{display:grid;gap:10px}.plan-push-access .btn{width:100%}}

/* v0.4.17 · navigasi pelanggan ringkas dan komersial */
.sidebar-premium .sidebar-more{margin:5px 0 0;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.sidebar-premium .sidebar-more summary{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:5px 9px;border-radius:8px;color:#a8c0b7;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer;list-style:none}.sidebar-premium .sidebar-more summary::-webkit-details-marker{display:none}.sidebar-premium .sidebar-more summary>span{display:flex;align-items:center;gap:10px}.sidebar-premium .sidebar-more summary i{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#143c31;color:#a9c7bc;font-style:normal}.sidebar-premium .sidebar-more summary i svg{width:16px;height:16px}.sidebar-premium .sidebar-more summary>b{font-size:15px;transition:transform .18s}.sidebar-premium .sidebar-more[open] summary>b{transform:rotate(180deg)}.sidebar-premium .sidebar-more summary:hover{background:#123b30;color:#fff}.sidebar-premium .sidebar-subnav{margin-top:4px;padding-left:9px;border-left:1px solid rgba(213,177,99,.22)}.sidebar-premium .sidebar-subnav a{min-height:38px!important;font-size:10.5px!important}.sidebar-premium .sidebar-subnav .nav-icon{width:29px!important;height:29px!important}.sidebar-premium .sidebar-subnav .nav-icon svg{width:15px!important;height:15px!important}

/* v0.4.18 · pembersihan storan notifikasi */
.notification-cleanup-panel{border-left:4px solid #c69230}.notification-cleanup-panel .panel-head p{max-width:760px;margin:5px 0;color:var(--muted)}.cleanup-protection{display:flex;gap:10px;padding:13px 15px;border:1px solid #d7e5dc;border-radius:12px;background:#f3f8f5;color:#38584b}.cleanup-protection span{font-size:10px}@media(max-width:640px){.cleanup-protection{display:grid}.notification-cleanup-panel .form-footer{display:grid;gap:10px}.notification-cleanup-panel .btn{width:100%}}
\n\n/* v0.4.20 · Makluman ialah inbox, Push Notification ialah penghantaran */\n.notification-purpose-banner{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff}.notification-purpose-banner>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#eef6f2;color:#0e6a50}.notification-purpose-banner svg{width:19px;height:19px}.notification-purpose-banner b,.notification-purpose-banner small{display:block}.notification-purpose-banner small{margin-top:3px;color:var(--muted);line-height:1.45}.notification-purpose-banner.push-purpose{border-color:#c9ded4;background:#f1f8f4}.notification-purpose-banner.inbox-purpose{border-color:#eadab5;background:#fffaf0}.notification-purpose-banner.inbox-purpose>span{background:#fff0c9;color:#805b16}.notification-channel-primary{border-color:#a9d1bf!important;background:#edf8f3!important}.notification-channel-primary em{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#0e6a50;color:#fff;font-size:7px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.notification-receive-settings{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.notification-settings-heading h3{margin:4px 0 3px}.notification-settings-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.notification-inbox{margin-bottom:0}.notification-inbox article:first-child{border-top:0}\n@media(max-width:640px){.notification-purpose-banner{align-items:flex-start}.notification-channel-primary em{margin-left:3px}.notification-receive-settings{margin-top:14px;padding-top:14px}}\n
/* v0.4.22 — KPI dashboard Pentadbir Utama boleh ditekan terus */
.platform-dashboard-v250 .platform-stats-v250 .stat-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.platform-dashboard-v250 .platform-stats-v250 .stat-link:hover{
  transform:translateY(-2px);
  border-color:#d9bd82;
  box-shadow:0 18px 38px rgba(20,55,42,.11);
}
.platform-dashboard-v250 .platform-stats-v250 .stat-link:focus-visible{
  outline:3px solid rgba(15,122,90,.28);
  outline-offset:3px;
}
.platform-dashboard-v250 .platform-stats-v250 .stat-card-arrow{
  position:absolute;
  top:16px;
  right:16px;
  width:26px;
  height:26px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(15,122,90,.07);
  border:1px solid rgba(15,122,90,.10);
  color:#0f6f55;
  font-size:14px;
  font-style:normal;
  font-weight:900;
  line-height:1;
  transition:transform .18s ease,background .18s ease;
}
.platform-dashboard-v250 .platform-stats-v250 .stat-link:hover .stat-card-arrow{
  transform:translateX(2px);
  background:rgba(15,122,90,.12);
}
.platform-dashboard-v250 .platform-stats-v250 .stat-link.needs-action .stat-card-arrow{
  color:#8a5b00;
  background:rgba(213,154,36,.12);
  border-color:rgba(213,154,36,.18);
}
#perlu-perhatian,#senarai-masjid{scroll-margin-top:92px}
@media(max-width:640px){
  .platform-dashboard-v250 .platform-stats-v250 .stat-card-arrow{top:10px;right:10px;width:23px;height:23px;font-size:12px}
  .platform-dashboard-v250 .platform-stats-v250 .stat-link:hover{transform:none}
  #perlu-perhatian,#senarai-masjid{scroll-margin-top:76px}
}

/* v0.4.23 — Pusat Pelanggan & Langganan Pentadbir Utama */
.customer-center-intro{align-items:flex-end}.customer-intro-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px}.customer-kpis .stat{min-height:122px}.customer-kpis .stat-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.customer-kpis .stat-link:hover{transform:translateY(-2px);border-color:#d8bc83;box-shadow:0 16px 34px rgba(20,55,42,.10)}.customer-kpis .stat-link:focus-visible{outline:3px solid rgba(15,122,90,.25);outline-offset:2px}.customer-kpis .stat-link.needs-action{background:#fffaf0;border-color:#e7d4aa}.customer-kpis .stat-card-arrow{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#eef6f2;color:#0f6b52;font-style:normal;font-weight:900;font-size:12px}.customer-center-grid{align-items:start;margin-bottom:16px}.customer-plan-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(100px,.75fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}.customer-plan-row:first-of-type{border-top:0}.customer-plan-row b,.customer-plan-row small{display:block}.customer-plan-row small{margin-top:3px;color:var(--muted)}.customer-plan-row>strong{text-align:right;color:#0f654d;font-size:14px;white-space:nowrap}.customer-plan-row>strong small{display:inline;font-size:9px}.customer-plan-meter{height:7px;border-radius:999px;background:#edf1ef;overflow:hidden}.customer-plan-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0e6a50,#d4ae61)}.customer-health{display:grid;gap:0}.customer-health .panel-head{margin-bottom:2px}.customer-health>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}.customer-health>a span{font-size:12px;font-weight:750}.customer-health>a b{display:grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:999px;background:#eef6f2;color:#0f654d}.customer-list-panel{overflow:visible}.customer-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(170px,.8fr) auto auto;align-items:end;gap:9px;margin:12px 0 15px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f8faf8}.customer-filters label{display:grid;gap:5px;font-size:10px;font-weight:800}.customer-filters input,.customer-filters select{min-height:42px}.customer-table td b,.customer-table td small{display:block}.customer-table td small{margin-top:3px;color:var(--muted);white-space:nowrap}.customer-flags{display:flex;gap:5px;flex-wrap:wrap}.customer-flags span{padding:4px 7px;border-radius:999px;background:#fff1df;color:#875817;font-size:8px;font-weight:900;white-space:nowrap}.customer-360{margin-bottom:16px;border-left:4px solid #0f6b52}.customer-360-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.customer-identity{display:flex;align-items:center;gap:11px;min-width:0}.customer-identity h2{margin:3px 0;font-size:23px}.customer-identity small{color:var(--muted)}.customer-360-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.customer-360-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:15px}.customer-360-grid article{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8faf8}.customer-360-grid small,.customer-360-grid b,.customer-360-grid span{display:block}.customer-360-grid small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.customer-360-grid b{margin:5px 0 2px;font-size:15px;overflow:hidden;text-overflow:ellipsis}.customer-360-grid span{color:#6b7b74;font-size:9px}.customer-360-lower{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin-top:11px}.customer-storage,.customer-last-payment{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-storage>div:first-child{display:flex;justify-content:space-between;gap:10px}.customer-storage span,.customer-last-payment span,.customer-last-payment small{color:var(--muted);font-size:9px}.customer-storage-track{height:8px;margin-top:10px;border-radius:999px;background:#edf1ef;overflow:hidden}.customer-storage-track i{display:block;height:100%;border-radius:inherit;background:#0f6b52}.customer-last-payment small,.customer-last-payment b,.customer-last-payment span{display:block}.customer-last-payment b{font-size:18px;margin:3px 0}.customer-mini-orders{margin-top:13px}.customer-mini-orders>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:8px}.customer-mini-orders span{display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8faf8}.customer-mini-orders strong{font-size:10px}.customer-mini-orders small{color:var(--muted);font-size:8px}.customer-mini-orders em{font-style:normal;font-size:10px;font-weight:900;color:#0f654d}.badge.info{background:#eef4ff;color:#345f98}.badge.muted{background:#f0f1ef;color:#65716c}#senarai-pelanggan,#customer-detail{scroll-margin-top:92px}
@media(max-width:1100px){.customer-360-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-mini-orders>div{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-filters{grid-template-columns:1fr 1fr 1fr}.customer-filters .btn{width:100%}}
@media(max-width:760px){.customer-center-intro .customer-intro-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:10px}.customer-center-intro .customer-intro-actions .btn{width:100%;margin:0}.customer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.customer-kpis .stat{min-height:126px}.customer-plan-row{grid-template-columns:1fr auto}.customer-plan-meter{grid-column:1/-1;grid-row:2}.customer-filters{grid-template-columns:1fr 1fr}.customer-filters label:first-of-type{grid-column:1/-1}.customer-360-head{display:grid}.customer-360-actions{justify-content:flex-start}.customer-360-actions .btn{flex:1}.customer-360-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-360-lower{grid-template-columns:1fr}.customer-mini-orders>div{grid-template-columns:1fr 1fr}.customer-table-wrap{margin-left:-14px;margin-right:-14px}.customer-table{min-width:1040px}#senarai-pelanggan,#customer-detail{scroll-margin-top:76px}}
@media(max-width:420px){.customer-center-intro .customer-intro-actions{grid-template-columns:1fr}.customer-kpis .stat strong{font-size:20px}.customer-filters{grid-template-columns:1fr}.customer-filters label{grid-column:1!important}.customer-360-grid{grid-template-columns:1fr 1fr}.customer-mini-orders>div{grid-template-columns:1fr}.customer-storage>div:first-child{display:grid}.customer-identity{align-items:flex-start}}


/* v0.4.24 — Tenant KPI drill-down + SMTP helper */
.tenant-dashboard-stats .stat-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.tenant-dashboard-stats .stat-link:hover{transform:translateY(-2px);border-color:#d8bc83;box-shadow:0 16px 34px rgba(20,55,42,.10)}
.tenant-dashboard-stats .stat-link:focus-visible{outline:3px solid rgba(15,122,90,.25);outline-offset:2px}
.tenant-dashboard-stats .stat-card-arrow{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#eef6f2;color:#0f6b52;font-style:normal;font-weight:900;font-size:12px}
.tenant-dashboard-stats .stat-link.needs-action{background:#fffaf0;border-color:#e7d4aa}
.active-filter-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:13px 15px;border:1px solid #ead7aa;border-radius:14px;background:#fff9eb}
.active-filter-banner b,.active-filter-banner small{display:block}.active-filter-banner small{margin-top:3px;color:var(--muted)}
.asset-value-summary{margin-bottom:14px}.asset-value-summary .panel-head h3{font-size:19px}
.asset-value-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.asset-value-kpis article{padding:13px;border:1px solid var(--line);border-radius:13px;background:#f8faf8;min-width:0}
.asset-value-kpis small,.asset-value-kpis b,.asset-value-kpis span{display:block}.asset-value-kpis small{color:var(--muted);font-size:9px}.asset-value-kpis b{margin:5px 0 2px;font-size:18px}.asset-value-kpis span{font-size:9px;color:#718078}
.asset-value-categories{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.asset-value-categories>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.asset-value-categories span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.asset-value-categories em{font-style:normal;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-value-categories small{color:var(--muted);font-size:8px}.asset-value-categories strong{grid-row:1/3;grid-column:2;align-self:center;color:#0f654d;font-size:11px;white-space:nowrap}
.smtp-pair-hint{display:block;margin-top:5px;color:#6e7e76;font-size:9px}.smtp-preset-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 12px;border:1px solid #dfe8e3;border-radius:12px;background:#f5f9f7}.smtp-preset-note>b{font-size:11px}.smtp-preset-note>span{display:flex;gap:6px;flex-wrap:wrap}.smtp-preset-note small{flex:1 1 100%;color:var(--muted);font-size:9px;line-height:1.45}.smtp-preset{appearance:none;border:1px solid #d7dfda;background:#fff;color:#0f654d;border-radius:999px;padding:7px 10px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.smtp-preset:hover{border-color:#bca36e;background:#fffaf0}
@media(max-width:760px){.tenant-dashboard-stats .stat-link:hover{transform:none}.asset-value-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-value-categories>div{grid-template-columns:1fr 1fr}.active-filter-banner{align-items:stretch;flex-direction:column}.active-filter-banner .btn{width:100%}}
@media(max-width:460px){.asset-value-kpis,.asset-value-categories>div{grid-template-columns:1fr}}

/* v0.4.27 · Katalog Pintar Aset & auto klasifikasi */
.uppercase-input{text-transform:uppercase}.asset-description-field>small{display:block;margin-top:6px;color:var(--muted);font-size:10.5px;line-height:1.45}.asset-description-field>small b{color:var(--brand-dark)}
.smart-asset-picker .national-results{width:calc(50% - 7px);max-height:420px}.smart-result-heading{padding:9px 10px 6px;color:#9a7428;font-size:9px;font-weight:900;letter-spacing:.11em;border-bottom:1px solid #edf1ef}.smart-result-title-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;color:inherit!important}.smart-result-title-row i{font-style:normal;padding:3px 6px;border-radius:999px;background:#edf7f3;color:#0f6b52;font-size:8px;font-weight:900;letter-spacing:.06em}.smart-catalog-result:hover .smart-result-title-row i{background:#d9eee4}.smart-fill-status{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid #cce3d8;border-radius:13px;background:#f0f8f4;color:#315e4f;font-size:11px}.smart-fill-status b{flex:0 0 auto;color:#0f6b52}.smart-fill-status[hidden]{display:none!important}.field-action input[list]{background-color:#fff}
.catalog-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.catalog-summary-card{padding:15px 16px;border:1px solid #e5dfd2;border-radius:17px;background:#fffdfa;box-shadow:var(--shadow-sm)}.catalog-summary-card small,.catalog-summary-card b,.catalog-summary-card span{display:block}.catalog-summary-card small{font-size:9px;color:#9a7428;font-weight:900;letter-spacing:.11em}.catalog-summary-card b{margin:5px 0 2px;font-size:25px;color:#173f34}.catalog-summary-card span{font-size:10.5px;color:var(--muted)}.catalog-note{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;margin-bottom:14px;border:1px solid #ead9ae;border-radius:15px;background:#fff9eb;color:#6d5a2d;font-size:11px}.catalog-note b{flex:0 0 auto}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px;margin-bottom:14px;align-items:start}.catalog-editor,.catalog-groups{margin:0}.catalog-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-group-list article{padding:10px 11px;border:1px solid #e3ebe7;border-radius:12px;background:#fafcfb}.catalog-group-list b,.catalog-group-list small{display:block}.catalog-group-list b{font-size:10.5px;color:#173f34}.catalog-group-list small{margin-top:3px;font-size:9px;color:var(--muted)}.catalog-list-panel{margin-top:0}.catalog-search{display:flex;gap:6px;align-items:center}.catalog-search input{min-width:240px}.catalog-table{display:grid}.catalog-table>article{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 2px;border-top:1px solid var(--line)}.catalog-table b,.catalog-table small{display:block}.catalog-table small{margin-top:3px;font-size:9.5px;color:var(--muted)}
@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-asset-picker .national-results{width:100%}.catalog-group-list{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.catalog-summary-grid{grid-template-columns:1fr 1fr}.catalog-note{display:block}.catalog-note b{display:block;margin-bottom:4px}.catalog-group-list{grid-template-columns:1fr}.catalog-table>article{align-items:flex-start;flex-direction:column}.catalog-table .row-actions{width:100%}.catalog-search{width:100%;display:grid;grid-template-columns:1fr auto}.catalog-search input{min-width:0}.catalog-search .btn.light{grid-column:1/-1}.smart-fill-status{display:block}.smart-fill-status b,.smart-fill-status span{display:block}.smart-fill-status span{margin-top:3px}}

/* v0.4.28 · Offline Mode Hardened */
.offline-sync-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.offline-sync-counts span{padding:9px 10px;border:1px solid #dfe8e2;border-radius:12px;background:#f8fbf9;color:#61736a;font-size:10px}.offline-sync-counts span b{display:block;font-size:17px;color:#1b4436;margin-bottom:2px}.offline-sync-counts span.warn{background:#fff9ea;border-color:#efdba8}.offline-sync-counts span.warn b{color:#9b6916}.offline-sync-counts span.danger{background:#fff1ee;border-color:#efcbc4}.offline-sync-counts span.danger b{color:#a94338}.offline-sync-empty{padding:10px 12px;border:1px solid #cfe6d9;border-radius:12px;background:#f0faf4;color:#176343;font-size:11px;font-weight:750}.offline-sync-actions{display:flex;gap:8px;flex-wrap:wrap}.offline-sync-actions .btn{min-height:36px;padding:8px 11px;font-size:10px}.offline-queue-details{display:grid;gap:7px;margin-top:10px}.offline-queue-details[hidden]{display:none}.offline-queue-details article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e6e0d6;border-radius:12px;background:#fffdf9}.offline-queue-details b,.offline-queue-details small,.offline-queue-details em{display:block}.offline-queue-details b{font-size:11px;color:#263b33}.offline-queue-details small{margin-top:2px;font-size:9px;color:#7c8a83}.offline-queue-details em{margin-top:5px;font-size:9px;font-style:normal;color:#a34d37;max-width:560px}.offline-queue-details .link-button{font-size:9px;flex:0 0 auto}.audit-offline-prepare-status{margin:-5px 0 14px;padding:9px 12px;border:1px solid #e7dfd1;border-radius:12px;background:#fffdf9;color:#6f7c75;font-size:10px}.audit-offline-prepare-status.ready{background:#eef9f3;border-color:#cce5d6;color:#176343}.audit-offline-prepare-status.warn{background:#fff7e9;border-color:#efd7a3;color:#8a611d}
@media(max-width:640px){.offline-sync-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.offline-sync-actions{display:grid;grid-template-columns:1fr 1fr}.offline-sync-actions .btn{width:100%}.offline-queue-details article{display:grid}.audit-session-toolbar .audit-toolbar-actions{width:100%}.audit-session-toolbar .audit-toolbar-actions .btn{flex:1 1 auto}}


/* v0.4.29 Flexible Self-Service Trial */
.trial-status-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px 18px;border:1px solid #d9c79f;border-radius:18px;background:#fffaf0;box-shadow:0 8px 25px rgba(25,61,49,.05)}
.trial-status-banner>div{display:grid;gap:3px}.trial-status-banner span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#9a6d18}.trial-status-banner b{font-size:17px;color:#16372d}.trial-status-banner small{color:#6b7d76}.trial-status-banner.expired{background:#fff3ef;border-color:#e6b7aa}.trial-status-banner.expired span{color:#b04a31}
.trial-signup-bg{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,rgba(15,107,82,.08),transparent 30%),#f6f3ea;color:#17352c}.trial-signup-shell{width:min(1120px,calc(100% - 34px));margin:0 auto;padding:34px 0 60px}.trial-signup-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:stretch;margin-top:16px}.trial-summary,.trial-signup-form{border:1px solid #dfd2b8;border-radius:24px;background:#fffdf9;box-shadow:0 22px 60px rgba(28,64,51,.08);padding:30px}.trial-summary{background:linear-gradient(145deg,#073b2e,#0d7558);color:#fff;position:relative;overflow:hidden}.trial-summary:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;bottom:-110px;background:rgba(255,255,255,.06)}.trial-summary .landing-kicker{color:#f2c96a}.trial-summary h1{font-size:38px;margin:8px 0 8px}.trial-summary p{color:#dcebe5;line-height:1.65}.trial-days-orb{width:118px;height:118px;border-radius:50%;display:grid;place-content:center;text-align:center;margin:22px 0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.trial-days-orb b{font-size:42px;line-height:1}.trial-days-orb span{font-size:13px}.trial-summary ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.trial-summary li:before{content:"✓";color:#f2c96a;font-weight:900;margin-right:9px}.trial-after{display:grid;gap:5px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);position:relative;z-index:1}.trial-after span{font-size:13px;color:#dcebe5;line-height:1.55}.trial-signup-form{display:grid;gap:15px}.trial-signup-form h2{font-size:28px;margin:0}.trial-signup-form>p{margin:-7px 0 4px;color:#6e7c77}.trial-signup-form label{display:grid;gap:7px;font-weight:800}.trial-signup-form input{width:100%;box-sizing:border-box;border:1px solid #dccfb5;border-radius:13px;padding:13px 14px;background:#fff;font:inherit}.trial-signup-form input:focus{outline:3px solid rgba(15,107,82,.1);border-color:#0f6b52}.trial-signup-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trial-signup-form label small{font-weight:500;color:#7a8882}.trial-agree{grid-template-columns:auto 1fr!important;align-items:start;font-weight:500!important;color:#5f7069;font-size:13px;line-height:1.5}.trial-agree input{width:18px;height:18px;margin-top:2px}.trial-agree span{display:block}.lp-plan-actions{display:grid;gap:10px;margin-top:auto}.lp-plan-pay-link{text-align:center;color:#0d6b51;font-weight:850;text-decoration:none;padding:4px}.lp-plan-pay-link:hover{text-decoration:underline}
@media(max-width:820px){.trial-signup-shell{width:min(100% - 22px,680px);padding-top:18px}.trial-signup-grid{grid-template-columns:1fr}.trial-summary,.trial-signup-form{padding:22px;border-radius:20px}.trial-summary h1{font-size:30px}.trial-days-orb{width:96px;height:96px}.trial-days-orb b{font-size:34px}.trial-signup-form .grid2{grid-template-columns:1fr}.trial-status-banner{align-items:flex-start;flex-direction:column}.trial-status-banner .btn{width:100%}}

/* v0.4.32 — Tetapan Laman Web & Testimoni */
.website-admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;align-items:start}.website-settings-card{min-width:0}.website-live-card{position:sticky;top:92px}.website-image-setting{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:16px;border:1px solid var(--line,#e5dcc9);border-radius:18px;background:linear-gradient(135deg,#fbfaf6,#f2f7f3)}.website-image-preview{width:96px;height:72px;border-radius:16px;border:1px solid #dfe7e1;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 24px rgba(24,60,47,.08)}.website-image-preview img{width:100%;height:100%;object-fit:contain}.website-image-preview span{font-weight:900;color:#0f6b52}.website-image-preview.favicon{width:72px;height:72px}.website-image-setting label{display:grid;gap:8px}.website-image-setting label>b{font-size:.96rem}.website-image-setting label>small{color:#6f8179}.website-brand-preview{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:#0b4c3b;color:#fff;margin:14px 0}.website-brand-preview>img,.website-brand-preview>.brand-mark{width:54px;height:54px;object-fit:contain;border-radius:15px;background:#fff}.website-brand-preview div{display:grid;gap:2px}.website-brand-preview b{font-size:1.06rem}.website-brand-preview small{color:#d8e7e1}.website-browser-preview{padding:16px;border:1px solid #e4dece;border-radius:18px;background:#fff}.website-browser-preview>span{display:flex;align-items:center;gap:9px}.website-browser-preview img,.website-browser-preview i{width:24px;height:24px;border-radius:7px;object-fit:contain;background:#eaf3ef;display:grid;place-items:center;font-size:.58rem;font-style:normal;font-weight:900;color:#0b6b50}.website-browser-preview b{font-size:.88rem;color:#243a32}.website-browser-preview>small{display:block;margin-top:9px;line-height:1.55;color:#74827c}.website-testimonials-admin{margin-top:26px}.testimonial-admin-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.testimonial-current-image{display:flex;align-items:center;gap:14px;margin-top:10px}.testimonial-current-image img{width:120px;height:78px;object-fit:cover;border-radius:12px;border:1px solid #ddd}.testimonial-admin-list{display:grid;gap:12px}.testimonial-admin-list article{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5dece;border-radius:16px;background:#fff}.testimonial-admin-list article>img,.testimonial-text-icon{width:70px;height:58px;border-radius:12px;object-fit:cover;background:#eef5f1;display:grid;place-items:center;color:#c39a4a;font-family:Georgia,serif;font-size:2rem}.testimonial-admin-list article>div:nth-child(2){min-width:0}.testimonial-admin-list article>div:nth-child(2)>b{display:block;color:#17382c}.testimonial-admin-list article>div:nth-child(2)>small{display:block;color:#75847e;margin-top:3px}.testimonial-admin-list article p{margin:6px 0 0;color:#596d64;font-size:.82rem;line-height:1.45}.testimonial-row-actions{grid-column:2/4;display:flex;justify-content:flex-end;align-items:center;gap:14px;border-top:1px solid #eee7d9;padding-top:10px}.page-intro.compact{margin-top:0;margin-bottom:14px}.page-intro.compact h2{margin-bottom:4px}
@media(max-width:1050px){.website-admin-grid,.testimonial-admin-grid{grid-template-columns:1fr}.website-live-card{position:static}.testimonial-admin-list article{grid-template-columns:62px minmax(0,1fr) auto}.testimonial-admin-list article>img,.testimonial-text-icon{width:62px;height:54px}}
@media(max-width:640px){.website-image-setting{grid-template-columns:1fr}.website-image-preview{width:100%;height:90px}.website-image-preview.favicon{width:72px;height:72px}.testimonial-admin-list article{grid-template-columns:56px minmax(0,1fr)}.testimonial-admin-list article>img,.testimonial-text-icon{width:56px;height:52px}.testimonial-admin-list article>.badge{grid-column:2;justify-self:start}.testimonial-row-actions{grid-column:1/3}.website-brand-preview{align-items:flex-start}}


/* v0.4.33 — Pusat 10 Borang Mesra Pengguna */
.official-center-intro h1{max-width:760px}.official-help-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.official-help-strip>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:start;padding:14px 15px;border:1px solid #e4ddcf;border-radius:16px;background:#fffdf8}.official-help-strip span{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:#0f6b52;color:#fff;display:grid;place-items:center;font-weight:900}.official-help-strip b{font-size:13px;color:#173f34}.official-help-strip small{margin-top:3px;color:var(--muted);line-height:1.45}.official-chooser{margin-bottom:22px}.official-intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.official-intent-grid>a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #e1e8e4;border-radius:16px;background:linear-gradient(145deg,#fbfdfc,#fffaf1);color:var(--text);text-decoration:none;transition:.18s}.official-intent-grid>a:hover{border-color:#b9d6c8;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.official-intent-grid>a>span{width:46px;height:46px;border-radius:14px;background:#e9f4ef;color:#0f6b52;display:grid;place-items:center}.official-intent-grid>a>span svg{width:23px;height:23px}.official-intent-grid b,.official-intent-grid small{display:block}.official-intent-grid b{font-size:13px}.official-intent-grid small{margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.4}.official-intent-grid em{font-style:normal;font-weight:900;color:#9a7428}.official-auto-note{display:flex;gap:8px;margin-top:12px;padding:12px 14px;border:1px solid #dfd1a9;border-radius:14px;background:#fff9e9;color:#65562f;font-size:11px;line-height:1.5}.official-auto-note b{flex:0 0 auto;color:#805f17}.official-forms-section{margin:24px 0}.official-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}.official-section-heading h2{margin:3px 0 3px;color:#173f34}.official-section-heading p{margin:0;color:var(--muted);font-size:11px}.official-total-badge{padding:8px 11px;border-radius:999px;background:#eaf5ef;color:#0e654d;font-size:10px;font-weight:900;white-space:nowrap}.official-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.official-form-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:18px 18px 15px;border:1px solid #e1ddd2;border-radius:20px;background:#fff;color:var(--text);box-shadow:var(--shadow-sm);text-decoration:none;overflow:hidden;transition:.18s}.official-form-card:before{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:50%;background:#f5efe1;opacity:.75}.official-form-card:hover{transform:translateY(-2px);border-color:#bdd4ca;box-shadow:var(--shadow)}.official-form-card.selected{border:2px solid #0f6b52;background:linear-gradient(145deg,#f1faf5,#fffaf0)}.official-card-no{position:absolute;right:15px;top:13px;z-index:1;font-size:28px;font-weight:900;color:#d9caa9}.official-form-card.selected .official-card-no{color:#a9cdbc}.official-card-code{position:relative;z-index:1;width:max-content;padding:5px 8px;border-radius:8px;background:#173f34;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}.official-form-card h3{position:relative;margin:13px 0 7px;padding-right:45px;font-size:17px;line-height:1.25;color:#173f34}.official-form-card p{position:relative;margin:0;color:#667870;font-size:11px;line-height:1.55}.official-card-foot{position:relative;margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #eee7da}.official-card-foot small{color:#7b8983}.official-card-foot b{color:#0f6b52;font-size:10.5px}.official-workspace{scroll-margin-top:90px;margin:0 0 18px;padding:20px}.official-empty-guide{display:flex;gap:13px;align-items:center;min-height:100px;padding:18px;border:1px dashed #cfd9d4;border-radius:16px;background:#fafcfb}.official-empty-guide>span{width:46px;height:46px;border-radius:14px;background:#eaf5ef;color:#0f6b52;display:grid;place-items:center}.official-empty-guide>span svg{width:22px}.official-empty-guide b,.official-empty-guide small{display:block}.official-empty-guide small{margin-top:4px;color:var(--muted)}.official-workspace-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.official-workspace-head h2{margin:4px 0 4px;color:#173f34}.official-workspace-head p{margin:0;max-width:760px;color:var(--muted);font-size:11px;line-height:1.55}.official-workspace-code{display:inline-flex;padding:5px 8px;border-radius:8px;background:#173f34;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}.official-record-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:14px 0}.official-record-search input{min-width:0}.official-record-list{display:grid}.official-record-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 2px;border-top:1px solid var(--line)}.official-record-list article:first-child{border-top:0}.official-record-list b,.official-record-list small{display:block}.official-record-list b{color:#213c32}.official-record-list small{margin-top:3px;color:var(--muted);font-size:10px}.official-record-list .btn{flex:0 0 auto}.official-list-generator{display:grid;grid-template-columns:minmax(250px,1fr) 150px auto;gap:14px;align-items:end;margin-top:16px;padding:16px;border:1px solid #e3ded2;border-radius:16px;background:#fffaf2}.official-list-generator>div{padding:10px 13px;border:1px solid #e3ded2;border-radius:13px;background:#fff}.official-list-generator>div small,.official-list-generator>div b{display:block}.official-list-generator>div small{color:var(--muted);font-size:9px}.official-list-generator>div b{margin-top:2px;font-size:20px;color:#173f34}
@media(max-width:900px){.official-help-strip{grid-template-columns:1fr}.official-form-grid{grid-template-columns:1fr 1fr}.official-list-generator{grid-template-columns:1fr 120px}.official-list-generator .btn{grid-column:1/-1}.official-workspace-head{align-items:flex-start;flex-direction:column}.official-workspace-head .btn{width:100%}}
@media(max-width:640px){.official-intent-grid,.official-form-grid{grid-template-columns:1fr}.official-intent-grid>a{grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.official-intent-grid>a>span{width:40px;height:40px}.official-section-heading{align-items:flex-start;flex-direction:column}.official-form-card{min-height:165px;padding:15px}.official-card-no{font-size:24px}.official-record-search{grid-template-columns:1fr 1fr}.official-record-search input{grid-column:1/-1}.official-record-list article{align-items:flex-start;flex-direction:column}.official-record-list .btn{width:100%}.official-list-generator{grid-template-columns:1fr}.official-list-generator .btn{grid-column:auto;width:100%}.official-auto-note{display:block}.official-auto-note b{display:block;margin-bottom:4px}.official-workspace{padding:14px}.official-help-strip>div{padding:12px}}

/* v0.4.39 security UX: persistent login must be an explicit, compact checkbox. */
.auth-remember{display:flex!important;align-items:flex-start!important;gap:9px!important;font-size:12.5px!important;font-weight:650!important;color:#65756e!important;line-height:1.45}.login-card .auth-remember input[type=checkbox]{width:17px!important;height:17px!important;min-width:17px!important;padding:0!important;margin:1px 0 0!important;box-shadow:none!important;accent-color:#0f7357}.auth-remember span{display:block}

/* v0.4.41 Registration & Identity */
.registration-v041{max-width:1180px}.registration-form-v041{position:relative}.registration-slug-field{grid-column:1/-1}.slug-input-wrap{display:flex;align-items:stretch;border:1px solid var(--line,#d9e4df);border-radius:14px;overflow:hidden;background:#fff}.slug-input-wrap input{border:0!important;border-radius:0!important;min-width:0;flex:1}.slug-input-wrap span{display:flex;align-items:center;padding:0 14px;background:#f4f8f6;color:#48635a;font-weight:700;white-space:nowrap;border-left:1px solid var(--line,#d9e4df)}.registration-slug-field small.ok{color:#167c54}.registration-slug-field small.bad{color:#b33b3b}.registration-slug-field small.checking{color:#8a6b1f}.slug-preview{margin-top:8px;padding:10px 12px;border-radius:10px;background:#eef7f3;color:#0f6b52;font-weight:800;word-break:break-all}.registration-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:#789087}.registration-divider:before,.registration-divider:after{content:"";height:1px;background:#dce7e2;flex:1}.btn.google{background:#fff;color:#26352f;border:1px solid #cedbd5;justify-content:center}.btn.google.disabled{opacity:.55;pointer-events:none}.registration-confirm-card{max-width:720px;margin:40px auto;background:#fff;border:1px solid #e0ebe6;border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(13,54,43,.1);text-align:center}.registration-confirm-icon{width:72px;height:72px;border-radius:22px;background:#eef8f4;color:#0f6b52;display:grid;place-items:center;font-size:34px;margin:0 auto 18px}.registration-pending-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;text-align:left}.registration-pending-facts article{padding:14px;border-radius:14px;background:#f6faf8;border:1px solid #e0ebe6}.registration-pending-facts small{display:block;color:#6d827a;margin-bottom:5px}.registration-pending-facts b{display:block;word-break:break-word}.registration-resend-form{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.registration-resend-form small{color:#6d827a}.registration-verify-result{max-width:520px}.cf-turnstile{grid-column:1/-1;margin:4px 0 10px}
@media(max-width:760px){.registration-pending-facts{grid-template-columns:1fr}.slug-input-wrap{display:block}.slug-input-wrap span{border-left:0;border-top:1px solid #d9e4df;padding:9px 12px;font-size:.86rem}.registration-confirm-card{margin:18px 0;padding:24px 18px;border-radius:22px}}
.new-customer-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border:1px solid #dce8e3;border-radius:16px;background:#f9fcfb}.new-customer-fields>.registration-new-label,.new-customer-fields>.registration-slug-field,.new-customer-fields>.trial-agree,.new-customer-fields>.cf-turnstile{grid-column:1/-1}.new-customer-fields.muted-disabled{opacity:.48;filter:grayscale(.2)}.checkout-activation-email{grid-column:1/-1;padding:14px 16px;border-radius:14px;background:#fff8e7;border:1px solid #efd99a}.checkout-activation-email span,.checkout-activation-email small{display:block}.checkout-activation-email b{display:block;font-size:1.05rem;margin:4px 0}.registration-payment-result{max-width:640px}
@media(max-width:760px){.new-customer-fields{grid-template-columns:1fr;padding:12px}.new-customer-fields>*{grid-column:1/-1}}
.login-turnstile-challenge{margin:12px 0;padding:12px;border-radius:14px;background:#fff7e6;border:1px solid #f0d99c}.login-turnstile-challenge small{display:block;margin-bottom:9px;color:#70591e}.identity-config-status{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-radius:14px;background:#f6faf8;border:1px solid #dfeae5}.identity-config-status span{font-size:.86rem;color:#60766d}.identity-config-status b{display:block;color:#183c30;margin-top:2px}
@media(max-width:760px){.identity-config-status{grid-template-columns:1fr 1fr}}

/* v0.4.41 subdomain change workflow */
.subdomain-change-card,.subdomain-request-panel{margin-top:18px}.subdomain-current{padding:16px;border:1px solid var(--line,#dfe5e2);border-radius:14px;background:rgba(15,107,82,.035);margin-bottom:14px}.subdomain-current small,.subdomain-current b{display:block}.subdomain-current b{font-size:1.05rem;word-break:break-all;margin:4px 0 7px}.subdomain-change-form{display:grid;gap:12px}.registration-slug-field{display:flex;align-items:center;border:1px solid var(--line,#dfe5e2);border-radius:12px;overflow:hidden;background:#fff}.registration-slug-field input{border:0!important;border-radius:0!important;min-width:0;flex:1}.registration-slug-field span{padding:0 12px;color:var(--muted,#66736d);white-space:nowrap;font-size:.9rem}.subdomain-request-list{display:grid;gap:12px}.subdomain-request-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px;border:1px solid var(--line,#dfe5e2);border-radius:14px}.subdomain-request-main small{display:block;color:var(--muted,#66736d);margin-top:3px}.slug-change-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.slug-change-line code{padding:5px 8px;border-radius:8px;background:rgba(15,107,82,.07);word-break:break-all}.subdomain-review-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.subdomain-review-actions form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subdomain-review-actions input[type=text],.subdomain-review-actions input:not([type]){flex:1;min-width:180px}.confirm-inline{display:flex!important;align-items:center;gap:7px;font-size:.88rem}@media(max-width:700px){.subdomain-request-list article{grid-template-columns:1fr}.subdomain-review-actions{grid-template-columns:1fr}.subdomain-review-actions form{align-items:stretch;flex-direction:column}.registration-slug-field span{padding:0 8px;font-size:.8rem}}

/* v0.4.41 pending registration queue */
.registration-queue-panel{margin-top:18px}.registration-queue-list{display:grid;gap:12px}.registration-queue-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;border:1px solid var(--line,#dfe5e2);border-radius:14px}.registration-queue-main small,.registration-queue-state small{display:block;color:var(--muted,#66736d);margin-top:3px}.registration-queue-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.registration-queue-meta span{font-size:.78rem;padding:4px 7px;border-radius:8px;background:rgba(15,107,82,.07)}.registration-error{margin:9px 0 0;color:#9d2c2c;font-size:.88rem}.registration-queue-state{text-align:right}.registration-queue-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.registration-queue-actions form{margin:0}@media(max-width:700px){.registration-queue-list article{grid-template-columns:1fr}.registration-queue-state{text-align:left}.registration-queue-actions{display:grid}.registration-queue-actions .btn{width:100%}}

/* v0.4.43 Cron Health & Test */
.cron-health-card{gap:10px}.cron-health-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cron-health-badge{font-size:10px;font-weight:900;border-radius:999px;padding:6px 9px;white-space:nowrap}.cron-health-badge.ok{background:#e9f8ef;color:#087443}.cron-health-badge.warn{background:#fff4dc;color:#9a6400}.cron-health-badge.danger{background:#feeceb;color:#b42318}.cron-health-badge.info{background:#eaf3ff;color:#175cd3}.cron-health-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cron-health-meta span{background:rgba(255,255,255,.72);border:1px solid #e8dfcc;border-radius:12px;padding:9px 10px;min-width:0}.cron-health-meta small,.cron-health-meta b{display:block}.cron-health-meta small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.cron-health-meta b{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.cron-health-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:3px}.cron-health-actions small{flex:1 1 260px}.cron-health-actions small.ok{color:#067647;font-weight:800}.cron-health-actions small.fail{color:#b42318;font-weight:800}@media(max-width:720px){.cron-health-meta{grid-template-columns:1fr}.cron-health-actions .btn{flex:1 1 140px}}

/* v0.4.45 — Registration UI Polish */
.registration-form-v041 label.registration-slug-field{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;padding:0!important;align-items:stretch!important}
.registration-form-v041 .slug-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px;border:1px solid #d8e3de;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,67,53,.045);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:visible}
.registration-form-v041 .slug-input-wrap:focus-within{border-color:#158263;box-shadow:0 0 0 4px rgba(21,130,99,.10),0 10px 28px rgba(20,67,53,.06);background:#fff}
.registration-form-v041 .slug-input-wrap input{min-width:0;min-height:46px;border:0!important;border-radius:11px!important;background:transparent!important;padding:11px 12px!important;box-shadow:none!important;outline:0!important;color:#153d31;font-weight:760;letter-spacing:.005em}
.registration-form-v041 .slug-input-wrap input::placeholder{color:#92a49d;font-weight:600}
.registration-form-v041 .slug-input-wrap span{display:flex!important;align-items:center;justify-content:center;min-height:42px;padding:0 13px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#edf7f3,#f6faf8)!important;color:#176a52!important;font-size:.86rem!important;font-weight:850!important;white-space:nowrap;box-shadow:inset 0 0 0 1px #dceae4}
.registration-form-v041 [data-slug-status]{display:flex;align-items:flex-start;gap:7px;min-height:18px;color:#73867e;font-size:.76rem;font-weight:650;line-height:1.4;margin-top:1px}
.registration-form-v041 [data-slug-status]::before{content:"";width:7px;height:7px;border-radius:999px;background:#a9b7b2;box-shadow:0 0 0 3px rgba(169,183,178,.13);margin-top:.28rem;flex:0 0 auto}
.registration-form-v041 [data-slug-status].checking{color:#8a6b1f}.registration-form-v041 [data-slug-status].checking::before{background:#c49b36;box-shadow:0 0 0 3px rgba(196,155,54,.13)}
.registration-form-v041 [data-slug-status].ok{color:#167c54}.registration-form-v041 [data-slug-status].ok::before{background:#20a46f;box-shadow:0 0 0 3px rgba(32,164,111,.13)}
.registration-form-v041 [data-slug-status].bad{color:#b33b3b}.registration-form-v041 [data-slug-status].bad::before{background:#d95353;box-shadow:0 0 0 3px rgba(217,83,83,.13)}
.registration-form-v041 .slug-preview{position:relative;margin-top:2px;padding:11px 14px 12px;border:1px solid #dceae4;border-radius:14px;background:linear-gradient(135deg,#eff8f4,#f8fbfa);color:#0f694f;font-weight:900;font-size:.92rem;line-height:1.35;word-break:break-word;box-shadow:inset 3px 0 0 #2b9a76}
.registration-form-v041 .slug-preview::before{content:"Alamat portal anda";display:block;margin-bottom:3px;color:#718a80;font-size:.62rem;line-height:1.2;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:760px){
  .registration-form-v041 .grid2{grid-template-columns:1fr!important;gap:13px!important}
  .trial-signup-form.registration-form-v041{gap:13px}
  .registration-form-v041 .slug-preview{font-size:.88rem}
  .registration-form-v041 .registration-divider{margin:2px 0}
}
@media(max-width:480px){
  .trial-signup-shell{width:min(100% - 16px,680px)}
  .trial-summary,.trial-signup-form{padding:19px 16px}
  .trial-signup-form h2{font-size:24px}
  .registration-form-v041 .slug-input-wrap{grid-template-columns:1fr;gap:4px;padding:5px}
  .registration-form-v041 .slug-input-wrap span{justify-self:start;min-height:34px;margin:0 6px 5px;padding:0 10px!important;font-size:.78rem!important}
  .registration-form-v041 .slug-input-wrap input{min-height:44px;padding:10px 10px!important}
  .registration-form-v041 .slug-preview{padding:10px 12px 11px;border-radius:12px;font-size:.84rem}
  .registration-form-v041 [data-slug-status]{font-size:.72rem}
}


/* v0.4.46 — Registration UI Refinement */
.registration-password-grid{align-items:start!important}
.registration-password-grid>label.registration-password-field{align-self:start!important;align-content:start!important;grid-auto-rows:max-content;min-width:0}
.registration-password-grid input{height:48px!important;min-height:48px!important}
.registration-form-v041 .registration-slug-field.slug-state-checking .slug-input-wrap{border-color:#d4b15a;background:#fffdf7;box-shadow:0 0 0 4px rgba(196,155,54,.08)}
.registration-form-v041 .registration-slug-field.slug-state-checking .slug-preview{border-color:#ead79c;background:linear-gradient(135deg,#fff9e9,#fffdf7);color:#88651b;box-shadow:inset 3px 0 0 #c49b36}
.registration-form-v041 .registration-slug-field.slug-state-ok .slug-input-wrap{border-color:#60b596;background:#fbfffd;box-shadow:0 0 0 4px rgba(32,164,111,.07)}
.registration-form-v041 .registration-slug-field.slug-state-ok .slug-input-wrap span{background:linear-gradient(135deg,#e8f8f0,#f5fcf9)!important;color:#116b4c!important;box-shadow:inset 0 0 0 1px #bee6d6}
.registration-form-v041 .registration-slug-field.slug-state-ok .slug-preview{border-color:#bfe4d6;background:linear-gradient(135deg,#eaf8f2,#f8fcfa);color:#0c724f;box-shadow:inset 3px 0 0 #20a46f}
.registration-form-v041 .registration-slug-field.slug-state-bad .slug-input-wrap{border-color:#e29b9b;background:#fffafa;box-shadow:0 0 0 4px rgba(217,83,83,.07)}
.registration-form-v041 .registration-slug-field.slug-state-bad .slug-input-wrap:focus-within{border-color:#d95353;box-shadow:0 0 0 4px rgba(217,83,83,.10),0 10px 28px rgba(103,35,35,.04)}
.registration-form-v041 .registration-slug-field.slug-state-bad .slug-input-wrap span{background:linear-gradient(135deg,#fff0f0,#fff7f7)!important;color:#a73535!important;box-shadow:inset 0 0 0 1px #f0caca}
.registration-form-v041 .registration-slug-field.slug-state-bad .slug-preview{border-color:#efc1c1;background:linear-gradient(135deg,#fff0f0,#fff8f8);color:#ad3030;box-shadow:inset 3px 0 0 #d95353}
.registration-form-v041 .registration-slug-field.slug-state-bad .slug-preview::before{color:#a45c5c}
.google-auth-button{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;width:100%;min-height:48px;padding:3px;border:1px solid #c9d2cc;border-radius:14px;background:#fff;color:#26352f;text-decoration:none;font-weight:700;line-height:1.2;box-shadow:0 4px 13px rgba(30,55,46,.035);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.google-auth-button:hover,.google-auth-button:focus-visible{background:#fdfefe;border-color:#aebdb5;box-shadow:0 7px 18px rgba(30,55,46,.07);outline:none}
.google-auth-button:active{transform:translateY(1px)}
.google-auth-button.disabled{opacity:.56;pointer-events:none}
.google-button-icon,.google-button-balance{width:40px;height:40px;display:grid;place-items:center}
.google-button-icon{border-radius:10px;background:#fff}
.google-button-icon svg{display:block;width:20px;height:20px}
.google-button-label{min-width:0;text-align:center;font-size:.89rem;font-weight:750;white-space:normal}
@media(max-width:760px){.registration-password-grid{grid-template-columns:1fr!important}.google-auth-button{min-height:50px;grid-template-columns:44px minmax(0,1fr) 44px}.google-button-label{font-size:.9rem}}
@media(max-width:480px){.registration-password-grid input{height:47px!important;min-height:47px!important}.google-auth-button{min-height:50px;border-radius:13px;grid-template-columns:42px minmax(0,1fr) 42px}.google-button-icon,.google-button-balance{width:38px;height:38px}.google-button-icon svg{width:19px;height:19px}.google-button-label{font-size:.88rem}}

/* v0.4.47 — legal consent links */
.trial-agree a{color:#0b6c51;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.trial-agree a:hover{color:#084b3a}

/* v0.4.49 — Mobile Readability & PWA Polish */
.trial-summary .checkout-activation-email{position:relative;z-index:1;color:#17352c;background:linear-gradient(135deg,#fff8e7,#fffdf7);border-color:#e6cc8e;box-shadow:0 10px 24px rgba(19,62,49,.10)}
.trial-summary .checkout-activation-email b{color:#0b5f48;overflow-wrap:anywhere;word-break:break-word}
.trial-summary .checkout-activation-email span,.trial-summary .checkout-activation-email small{color:#5a6c64;font-weight:700}
.trial-summary .checkout-activation-email small{color:#167c54}
.trial-signup-bg .trial-signup-form{color:#17352c}
.trial-signup-bg .trial-signup-form label{color:#17352c;font-size:14px;line-height:1.35}
.trial-signup-bg .trial-signup-form label small{color:#5f7169;font-size:12px;line-height:1.45}
.trial-signup-bg .trial-signup-form input,.trial-signup-bg .trial-signup-form select,.trial-signup-bg .trial-signup-form textarea{color:#17352c;font-size:16px;line-height:1.35}
.trial-signup-bg .trial-signup-form input::placeholder,.trial-signup-bg .trial-signup-form textarea::placeholder{color:#7c8e86;opacity:1}
.trial-signup-bg .trial-signup-form input.readonly{background:#f1f6f3;color:#425e54;border-color:#d6e1dc;-webkit-text-fill-color:#425e54;opacity:1}
.trial-signup-bg .section-kicker{color:#8a641e;font-size:11px;line-height:1.3}
.trial-signup-bg .back-link{display:inline-flex;align-items:center;min-height:42px;color:#0d6b51;font-weight:850}
.trial-signup-bg .trial-summary p{font-size:15px;line-height:1.65;color:#e3f0eb}
.trial-signup-bg .trial-signup-form>p,.trial-signup-bg .trial-signup-form .muted{color:#596c64}
.trial-signup-bg .trial-agree{color:#4d6259;font-size:13px;line-height:1.55}
.trial-signup-bg .cf-turnstile{max-width:100%;overflow:hidden}
@media(max-width:760px){.trial-signup-bg .trial-signup-shell{width:min(100% - 18px,680px);padding:14px 0 calc(32px + env(safe-area-inset-bottom))}.trial-signup-bg .trial-signup-grid{gap:14px;margin-top:10px}.trial-signup-bg .trial-summary,.trial-signup-bg .trial-signup-form{padding:21px 18px;border-radius:20px}.trial-signup-bg .trial-summary h1{font-size:32px;line-height:1.06}.trial-signup-bg .trial-summary p{font-size:15px}.trial-signup-bg .checkout-activation-email{padding:13px 14px;border-radius:14px}.trial-signup-bg .trial-signup-form{gap:14px}.trial-signup-bg .trial-signup-form h2{font-size:27px;line-height:1.12}.trial-signup-bg .trial-signup-form label{font-size:14px}.trial-signup-bg .trial-signup-form input{min-height:50px}.trial-signup-bg .btn.primary.wide,.trial-signup-bg .google-auth-button{min-height:52px}.trial-signup-bg .slug-preview{overflow-wrap:anywhere}.trial-signup-bg .registration-divider{font-size:13px;color:#687a72}}
@media(max-width:420px){.trial-signup-bg .trial-signup-shell{width:min(100% - 12px,680px)}.trial-signup-bg .trial-summary,.trial-signup-bg .trial-signup-form{padding:19px 15px}.trial-signup-bg .trial-summary h1{font-size:30px}.trial-signup-bg .trial-signup-form h2{font-size:25px}.trial-signup-bg .checkout-activation-email b{font-size:15px}.trial-signup-bg .trial-agree{font-size:12.5px}}

/* v0.4.50 — Global Theme & Contrast System */
:root{
  color-scheme:light;
  --theme-page:#f7f5ef;--theme-page-alt:#f1f5f2;--theme-surface:#fffdf9;--theme-surface-strong:#ffffff;--theme-surface-soft:#f5f8f6;
  --theme-text:#12261e;--theme-muted:#52665d;--theme-subtle:#6a7d74;--theme-line:#e5dac8;--theme-input:#ffffff;--theme-readonly:#f1f5f3;
  --theme-topbar:rgba(255,255,255,.94);--theme-elevated:#ffffff;--theme-overlay:rgba(11,26,21,.48);--theme-hover:#f4f8f5;
  --theme-success-bg:#ecfdf3;--theme-success-text:#067647;--theme-success-line:#bfe8cf;
  --theme-warning-bg:#fff8e7;--theme-warning-text:#8a5b08;--theme-warning-line:#ecd28e;
  --theme-danger-bg:#fff1f0;--theme-danger-text:#a92d24;--theme-danger-line:#efc2bd;
  --theme-info-bg:#edf7f4;--theme-info-text:#0b6d57;--theme-info-line:#c8e4dc;
  --theme-shadow:0 16px 42px rgba(15,48,38,.07);--theme-shadow-strong:0 24px 58px rgba(15,48,38,.13);
  --bg:var(--theme-page);--surface:var(--theme-surface);--surface2:var(--theme-surface-soft);--text:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);
  --ui-bg:var(--theme-page);--ui-surface:var(--theme-surface);--ui-surface-strong:var(--theme-surface-strong);--ui-text:var(--theme-text);--ui-muted:var(--theme-muted);--ui-subtle:var(--theme-subtle);--ui-line:var(--theme-line);--ui-card-shadow:var(--theme-shadow);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --theme-page:#0b1311;--theme-page-alt:#0f1916;--theme-surface:#111d19;--theme-surface-strong:#15231e;--theme-surface-soft:#172620;
  --theme-text:#ecf5f1;--theme-muted:#a6bab2;--theme-subtle:#8fa59c;--theme-line:#2b3d36;--theme-input:#15231e;--theme-readonly:#192a24;
  --theme-topbar:rgba(13,24,20,.94);--theme-elevated:#16251f;--theme-overlay:rgba(0,0,0,.68);--theme-hover:#1b2c26;
  --theme-success-bg:#123326;--theme-success-text:#8edab7;--theme-success-line:#235b43;
  --theme-warning-bg:#332912;--theme-warning-text:#e8c671;--theme-warning-line:#645128;
  --theme-danger-bg:#351918;--theme-danger-text:#f1a09a;--theme-danger-line:#67302d;
  --theme-info-bg:#123029;--theme-info-text:#8fd7c3;--theme-info-line:#285849;
  --theme-shadow:0 18px 48px rgba(0,0,0,.25);--theme-shadow-strong:0 28px 70px rgba(0,0,0,.34);
  --bg:var(--theme-page);--surface:var(--theme-surface);--surface2:var(--theme-surface-soft);--text:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);
  --ui-bg:var(--theme-page);--ui-surface:var(--theme-surface);--ui-surface-strong:var(--theme-surface-strong);--ui-text:var(--theme-text);--ui-muted:var(--theme-muted);--ui-subtle:var(--theme-subtle);--ui-line:var(--theme-line);--ui-card-shadow:var(--theme-shadow);
}
html[data-theme="dark"] body{background:var(--theme-page);color:var(--theme-text)}
html[data-theme="dark"] .content,html[data-theme="dark"] .page-body{color:var(--theme-text)}
html[data-theme="dark"] .auth-bg{background:radial-gradient(circle at 15% 12%,rgba(34,170,156,.10),transparent 32%),linear-gradient(145deg,#0a1210,#101b17)}
html[data-theme="dark"] .login-shell,html[data-theme="dark"] .login-card.premium,html[data-theme="dark"] .auth-single,html[data-theme="dark"] .install-card,
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .search-card,html[data-theme="dark"] .report-card,html[data-theme="dark"] .plan-editor,html[data-theme="dark"] .info-panel,html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .tenant-card,html[data-theme="dark"] .settings-tool-card,html[data-theme="dark"] .feature-gate-card,html[data-theme="dark"] .subscription-card,html[data-theme="dark"] .support-list,html[data-theme="dark"] .support-detail{
  background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text);box-shadow:var(--theme-shadow)
}
html[data-theme="dark"] .topbar{background:var(--theme-topbar)!important;border-bottom-color:var(--theme-line)!important;box-shadow:0 2px 16px rgba(0,0,0,.18)}
html[data-theme="dark"] .standalone-shell{background:radial-gradient(circle at 0 0,rgba(215,169,75,.07),transparent 18%),linear-gradient(180deg,var(--theme-page),var(--theme-page-alt))}
html[data-theme="dark"] .standalone-topbar{background:var(--theme-topbar);border-color:var(--theme-line)}
html[data-theme="dark"] .standalone-brand img{background:#fff;border-color:#d8d0c3}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--theme-input)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#829990!important;opacity:1}
html[data-theme="dark"] input.readonly,html[data-theme="dark"] input[readonly],html[data-theme="dark"] textarea[readonly]{background:var(--theme-readonly)!important;color:#c1d2cb!important;-webkit-text-fill-color:#c1d2cb!important;opacity:1}
html[data-theme="dark"] label,html[data-theme="dark"] .auth-label-v253{color:var(--theme-text)!important}
html[data-theme="dark"] label small,html[data-theme="dark"] .muted,html[data-theme="dark"] .hint,html[data-theme="dark"] .crumb,html[data-theme="dark"] .user-chip small{color:var(--theme-muted)!important}
html[data-theme="dark"] .btn:not(.primary):not(.glass):not(.soft),html[data-theme="dark"] .btn.light{background:var(--theme-surface-strong);border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme="dark"] .btn.soft{background:#17352d;color:#a9ddcd;border-color:#285246}
html[data-theme="dark"] .alert.success,html[data-theme="dark"] .toast.success{background:var(--theme-success-bg);color:var(--theme-success-text);border-color:var(--theme-success-line)}
html[data-theme="dark"] .alert.danger{background:var(--theme-danger-bg);color:var(--theme-danger-text);border-color:var(--theme-danger-line)}
html[data-theme="dark"] .net.online{background:var(--theme-success-bg);color:var(--theme-success-text)}
html[data-theme="dark"] .net.offline{background:var(--theme-danger-bg);color:var(--theme-danger-text)}
html[data-theme="dark"] table{color:var(--theme-text)}
html[data-theme="dark"] th{background:#16251f!important;color:#b7c8c1!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] td{color:var(--theme-text)!important;border-color:var(--theme-line)!important;background:transparent}
html[data-theme="dark"] tr:hover td{background:var(--theme-hover)}
html[data-theme="dark"] .empty-state,html[data-theme="dark"] .empty-state b,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .form-section b,html[data-theme="dark"] .panel-head b{color:var(--theme-text)!important}
html[data-theme="dark"] .empty-state span,html[data-theme="dark"] .panel p,html[data-theme="dark"] td small{color:var(--theme-muted)!important}
html[data-theme="dark"] .mobile-account-menu,html[data-theme="dark"] .mobile-more-sheet,html[data-theme="dark"] .pwa-install-banner,html[data-theme="dark"] .push-onboarding{background:var(--theme-elevated)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] .mobile-account-link,html[data-theme="dark"] .mobile-more-sheet a{color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] .bottom-nav,html[data-theme="dark"] .app-bottom-nav{background:rgba(16,28,24,.97)!important;border-color:var(--theme-line)!important;box-shadow:0 -10px 28px rgba(0,0,0,.28)}
html[data-theme="dark"] .bottom-nav a,html[data-theme="dark"] .mobile-more-button{color:#a9bcb4!important}
html[data-theme="dark"] .bottom-nav a.active,html[data-theme="dark"] .mobile-more-button.active{color:#f0cf80!important;background:#19342c!important}
html[data-theme="dark"] .payment-info,html[data-theme="dark"] .checkout-activation-email,html[data-theme="dark"] .voucher-price-preview,html[data-theme="dark"] .checkout-safe{background:var(--theme-surface-soft)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] .trial-signup-bg,html[data-theme="dark"] .public-checkout-bg{background:radial-gradient(circle at 10% 4%,rgba(13,117,88,.10),transparent 26%),var(--theme-page)!important}
html[data-theme="dark"] .trial-signup-form,html[data-theme="dark"] .checkout-form{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] .trial-signup-bg .trial-signup-form,html[data-theme="dark"] .trial-signup-bg .trial-signup-form label{color:var(--theme-text)!important}
html[data-theme="dark"] .trial-signup-bg .trial-signup-form label small,html[data-theme="dark"] .trial-signup-bg .trial-agree{color:var(--theme-muted)!important}
html[data-theme="dark"] .trial-summary .checkout-activation-email{background:linear-gradient(135deg,#19291f,#1a261e)!important;border-color:#5b4d2b!important;color:#f2e4bd!important}
html[data-theme="dark"] .trial-summary .checkout-activation-email b{color:#f2d58a!important}
html[data-theme="dark"] .trial-summary .checkout-activation-email span,html[data-theme="dark"] .trial-summary .checkout-activation-email small{color:#c8d6d0!important}
html[data-theme="dark"] .registration-form-v041 .slug-input-wrap{background:var(--theme-input);border-color:var(--theme-line)}
html[data-theme="dark"] .registration-form-v041 .slug-input-wrap input{color:var(--theme-text)!important}
html[data-theme="dark"] .registration-form-v041 .slug-input-wrap span{background:#1a312a!important;color:#a8ddcc!important;box-shadow:inset 0 0 0 1px #31564a}
html[data-theme="dark"] .registration-form-v041 .slug-preview{background:#152b24;color:#a9ddcc;border-color:#31564a}
html[data-theme="dark"] .registration-form-v041 .registration-slug-field.slug-state-bad .slug-input-wrap,html[data-theme="dark"] .registration-form-v041 .registration-slug-field.slug-state-bad .slug-preview{background:#321b1a!important;border-color:#70403d!important;color:#f0aaa4!important}
html[data-theme="dark"] .registration-form-v041 .registration-slug-field.slug-state-ok .slug-input-wrap,html[data-theme="dark"] .registration-form-v041 .registration-slug-field.slug-state-ok .slug-preview{background:#153027!important;border-color:#2d654f!important;color:#9ee0bd!important}
html[data-theme="dark"] .google-auth-button{background:#fff!important;color:#26352f!important;border-color:#c9d2cc!important}
html[data-theme="dark"] .google-auth-button:hover,html[data-theme="dark"] .google-auth-button:focus-visible{background:#f7f9f8!important;color:#1f2d28!important}
html[data-theme="dark"] .google-button-icon{background:#fff!important}
html[data-theme="dark"] .cf-turnstile{filter:none}
html[data-theme="dark"] .portal-settings-card,html[data-theme="dark"] .portal-admin-preview,html[data-theme="dark"] .wildcard-example,html[data-theme="dark"] .cron-box,html[data-theme="dark"] .smtp-preset-note{background:var(--theme-surface-soft)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .feature-status,html[data-theme="dark"] .role-guide>div,html[data-theme="dark"] .storage-breakdown>div{border-color:var(--theme-line)!important}

.theme-toggle{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--theme-line);border-radius:13px;background:var(--theme-surface-strong);color:var(--theme-text);display:inline-grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 7px 18px rgba(18,49,42,.07);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(18,49,42,.10)}
.theme-toggle:focus-visible{outline:3px solid rgba(217,174,82,.58);outline-offset:2px}
.theme-toggle-icon{width:20px;height:20px;display:none}.theme-toggle-icon svg{width:100%;height:100%}
html[data-theme="light"] .theme-toggle-moon{display:block}html[data-theme="dark"] .theme-toggle-sun{display:block}
html[data-theme="dark"] .theme-toggle{background:#172620;border-color:#33473f;color:#f0d58c;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.public-theme-control{position:fixed;z-index:120;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
.login-theme-control{z-index:140}
.app-theme-toggle{flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px}
.theme-settings-card{margin-bottom:18px}.theme-settings-body{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.theme-preference-field{min-width:min(100%,320px)}.theme-preference-field>span{font-weight:850}.theme-preference-field select{margin-top:4px}
.theme-preview-pills{display:flex;gap:7px;flex-wrap:wrap}.theme-preview-pills span{padding:8px 11px;border-radius:999px;border:1px solid var(--theme-line);font-size:11px;font-weight:850}.theme-preview-pills .light{background:#fff;color:#17352c}.theme-preview-pills .dark{background:#13231d;color:#eef6f2;border-color:#30483e}.theme-preview-pills .system{background:linear-gradient(90deg,#fff 0 50%,#13231d 50%);color:#a56f12}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.app-theme-toggle{width:38px;height:38px;min-width:38px;min-height:38px}.theme-settings-body{display:grid;grid-template-columns:1fr}.public-theme-control{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}}
@media(max-width:480px){.theme-toggle{width:42px;height:42px;min-width:42px;min-height:42px}.topbar-right .app-theme-toggle{width:36px;height:36px;min-width:36px;min-height:36px}}
@media print{
  html,html[data-theme="dark"],body{color-scheme:light!important;background:#fff!important;color:#111!important}
  .theme-toggle,.public-theme-control,.theme-settings-card{display:none!important}
  .panel,.table-wrap,.report-card,.info-panel,.stat{background:#fff!important;color:#111!important;border-color:#d9d9d9!important;box-shadow:none!important}
  table,th,td{background:#fff!important;color:#111!important;border-color:#d9d9d9!important}
}

/* v0.4.50 — Standalone surfaces dark-mode completion */
html[data-theme="dark"] .notification-diagnostic-grid article{background:var(--theme-surface-soft)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .notification-diagnostic-grid article b{color:#9edbc7!important}
html[data-theme="dark"] .permanent-delete-form{background:#251b19!important;border-color:#68443e!important;color:var(--theme-text)!important}
html[data-theme="dark"] .permanent-delete-form p{background:#341f1c!important;color:#efaaa2!important}
html[data-theme="dark"] .guide-step-card{background:linear-gradient(180deg,#14231e,#111d19)!important;border-color:var(--theme-line)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme="dark"] .guide-step-card h2,html[data-theme="dark"] .guide-troubleshoot h2,html[data-theme="dark"] .guide-footer-card b{color:var(--theme-text)!important}
html[data-theme="dark"] .guide-step-card p,html[data-theme="dark"] .guide-trouble-grid p,html[data-theme="dark"] .guide-footer-card p{color:var(--theme-muted)!important}
html[data-theme="dark"] .guide-step-no{background:linear-gradient(145deg,#17342a,#2d291c)!important;border-color:#5b4d2b!important;color:#a9dfcd!important}
html[data-theme="dark"] .guide-screen-hint,html[data-theme="dark"] .guide-example{background:#172720!important;border-color:var(--theme-line)!important;color:#b9cdc5!important}
html[data-theme="dark"] .guide-troubleshoot{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme="dark"] .guide-trouble-grid article{background:var(--theme-surface-soft)!important;border-color:var(--theme-line)!important}
html[data-theme="dark"] .guide-trouble-grid b{color:var(--theme-text)!important}
html[data-theme="dark"] .guide-checklist span{background:#153027!important;color:#9ee0bd!important;border-color:#2d654f!important}
html[data-theme="dark"] .guide-footer-card{background:linear-gradient(135deg,#2b2617,#1d211b)!important;border-color:#5b4d2b!important}
html[data-theme="dark"] .self-feature-plan{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;box-shadow:var(--theme-shadow)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .self-feature-plan.current{border-color:#8b7139!important;box-shadow:0 14px 34px rgba(202,163,93,.10)!important}
html[data-theme="dark"] .self-feature-plan em{background:#332912!important;color:#e8c671!important;border-color:#645128!important}
html[data-theme="dark"] .self-feature-plan li.off{color:#778c83!important}
html[data-theme="dark"] .api-docs{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .api-scope{background:var(--theme-surface-soft)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .api-token-reveal{background:linear-gradient(135deg,#2f2818,#1a211c)!important;border-color:#6a562c!important;color:var(--theme-text)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme="dark"] .api-token-reveal p{color:#c8b98f!important}
html[data-theme="dark"] .payment-result{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important;box-shadow:var(--theme-shadow-strong)!important}
html[data-theme="dark"] .payment-result p{color:var(--theme-muted)!important}
html[data-theme="dark"] .result-icon.ok{background:var(--theme-success-bg)!important;color:var(--theme-success-text)!important}
html[data-theme="dark"] .result-icon.pending{background:var(--theme-warning-bg)!important;color:var(--theme-warning-text)!important}
html[data-theme="dark"] .auth-page{background:var(--theme-page)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .auth-card{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}