:root{color:#10213a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#ffffffe0;--panel-border:#aebfdf57;--text-soft:#6f7d99;--blue:#3652a2;--blue-dark:#17306a;--blue-soft:#f1f5ff;--danger:#dc2626;--shadow:0 20px 50px #6f89c11f;background:radial-gradient(circle at 0 0,#5882ff2e,#0000 28%),linear-gradient(#edf3ff 0%,#f7f9fe 55%,#eef2f9 100%);font-family:Manrope,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}input[type=checkbox]{width:auto;box-shadow:none}button{cursor:pointer;border:0}input,select,textarea{color:#10213a;background:#fff;border:1px solid #dfe7f5;border-radius:14px;outline:0;width:100%;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:#88a1e8;box-shadow:0 0 0 4px #5378dd1f}textarea{resize:vertical;min-height:120px}.app-shell{grid-template-columns:184px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{color:#f4f8ff;background:linear-gradient(#203e88 0%,#17306a 100%);padding:22px 14px;box-shadow:inset -1px 0 #ffffff0f}.brand-card{background:#ffffff14;border-radius:18px;align-items:center;gap:12px;padding:14px 12px;display:flex;box-shadow:0 16px 36px #04143a2e}.brand-card strong{font-size:14px;display:block}.brand-card p{color:#ffffffc7;margin:2px 0 0;font-size:11px;line-height:1.4}.brand-badge{color:#fff;background:linear-gradient(135deg,#fbbf24,#fb923c);border-radius:10px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.sidebar-nav{gap:8px;margin-top:20px;display:grid}.nav-item{color:#d8e4ff;text-align:left;background:0 0;border-radius:16px;align-items:center;gap:12px;padding:14px 12px;display:flex}.nav-item.active{color:#fff;background:#ffffff1f;font-weight:700}.main-content{padding:16px 18px 28px}.hero-card,.summary-card,.panel,.login-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.hero-card,.panel{border-radius:24px}.hero-card{padding:14px 16px 18px}.hero-top,.hero-middle{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero-middle{border-top:1px solid #edf1f7;margin-top:14px;padding:22px 2px 4px}.logo-strip{align-items:center;gap:10px;min-height:44px;display:flex}.logo{border-radius:12px;width:38px;height:38px}.logo-gold{background:radial-gradient(circle at 30% 30%,#facc15,#65a30d)}.logo-blue{background:linear-gradient(135deg,#0f172a,#60a5fa)}.logo-green{background:linear-gradient(135deg,#2563eb,#22c55e)}.logo-mint{background:linear-gradient(135deg,#38bdf8,#34d399)}.logo-spacer{flex:1}.text-logo{color:#b91c1c;font-size:12px;font-weight:800}.hero-user{align-items:center;gap:12px;display:flex}.search-box{color:#7f88a2;background:#f8f9fd;border:1px solid #e9edf6;border-radius:18px;align-items:center;gap:10px;min-width:320px;padding:14px 16px;display:flex}.search-box input{box-shadow:none;background:0 0;border:0;padding:0}.hero-middle h1,.login-copy h1{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.hero-middle p,.login-copy p,.placeholder-panel p{max-width:640px;color:var(--text-soft);margin:8px 0 0;font-size:1rem;font-weight:700}.filter-meta{color:#76839f;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;font-size:13px;display:flex}.filter-meta button,.user-chip,.primary,.ghost-button,.form-actions button:not(.primary),.floating-create,.icon-button{background:var(--blue-soft);color:#29417f;border-radius:14px;padding:12px 16px;font-weight:700}.primary,.floating-create{background:linear-gradient(135deg, var(--blue), #4468d8);color:#fff}.user-chip{align-items:center;gap:8px;display:inline-flex}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.permit-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.summary-card{border-radius:20px;align-items:flex-start;gap:14px;padding:16px;display:flex}.summary-icon{border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.tone-blue .summary-icon{color:#3652a2;background:#3652a21a}.tone-amber .summary-icon{color:#d97706;background:#f59e0b1f}.tone-green .summary-icon{color:#16a34a;background:#22c55e1f}.tone-red .summary-icon{color:#dc2626;background:#ef44441f}.summary-title,.summary-description,.eyebrow,.region-copy p,.mini-table-row p,.permit-table td p{margin:0}.summary-title,.eyebrow{color:#77829a;font-size:12px;font-weight:800}.summary-card h3{margin:4px 0;font-size:1.75rem;line-height:1}.summary-description{color:#7e8aa6;font-size:12px}.permit-type-card{border:1px solid var(--panel-border);box-shadow:var(--shadow);background:#ffffffd6;border-radius:20px;padding:16px 18px}.permit-type-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.permit-type-head strong{color:#10213a;font-size:1.4rem}.permit-type-meter{gap:8px;margin-top:14px;display:grid}.permit-type-meter span{color:#6f7d99;font-size:12px;font-weight:700}.permit-type-card .meter-fill{background:linear-gradient(90deg,#3652a2,#5f7ae2)}.permit-type-card.tone-green .meter-fill{background:linear-gradient(90deg,#16a34a,#34d399)}.permit-type-card.tone-amber .meter-fill{background:linear-gradient(90deg,#d97706,#f59e0b)}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:14px;margin-top:14px;display:grid}.panel,.login-card{padding:16px}.panel-head h2,.login-form h2,.placeholder-panel h2{margin:4px 0 0;font-size:1.85rem;line-height:1.15}.panel-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-wrap{margin-top:12px}.commodity-list,.region-list{gap:12px;display:grid}.commodity-row,.region-item,.mini-table-row{background:#fff;border:1px solid #ecf0f7;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mini-table{margin-top:18px}.mini-table-head{margin-bottom:10px}.commodity-name{align-items:center;gap:10px;display:flex}.dot{border-radius:999px;width:10px;height:10px}.rank-pill{color:#3652a2;background:#f4f7fc;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.region-copy{flex:1}.region-copy strong,.mini-table-row strong,.permit-table td strong{display:block}.region-copy p,.mini-table-row p,.permit-table td p,.empty-state{color:#7e8aa6;font-size:13px}.region-meter{align-items:center;gap:12px;min-width:180px;display:flex}.meter-track{background:#ebeff8;border-radius:999px;width:100%;height:8px;overflow:hidden}.meter-fill{border-radius:999px;height:100%;display:block}.stack-grid,.upload-grid{grid-template-columns:minmax(340px,.95fr) minmax(0,1.35fr);gap:14px;margin-top:14px;display:grid}.filter-panel,.table-panel{margin-top:14px}.permit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.permit-form label,.login-form label{color:#34405d;gap:8px;font-size:14px;font-weight:700;display:grid}.form-span-2{grid-column:1/-1}.form-actions{gap:10px;display:flex}.toolbar-inline{align-items:center;gap:10px;display:flex}.top-gap{margin-top:14px}.toolbar-inline.wrap{flex-wrap:wrap}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.field-label{color:#34405d;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-item{background:#fff;border:1px solid #e3eaf8;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.permission-disabled{opacity:.72}.table-stat{color:#3652a2;background:#f4f7fc;border-radius:999px;padding:10px 14px;font-weight:800}.table-wrap{margin-top:16px;overflow:auto}.permit-table{border-collapse:collapse;width:100%;min-width:860px}.permit-table th,.permit-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f7;padding:14px 12px}.permit-table th{color:#6f7d99;text-transform:uppercase;letter-spacing:.03em;font-size:12px}.table-empty{text-align:center;color:#7e8aa6;padding:28px 12px}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-aktif{color:#15803d;background:#22c55e1f}.status-berakhir{color:#b91c1c;background:#ef44441f}.status-usulan{color:#c2410c;background:#f59e0b1f}.row-actions{gap:8px;display:flex}.pagination-bar{border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.pagination-bar button{color:#29417f;background:#f4f7fc;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.pagination-bar button:disabled{opacity:.55;cursor:not-allowed}.icon-button{place-items:center;width:38px;height:38px;padding:0;display:grid}.danger-icon{color:#c2410c;background:#fff1f1}.file-drop{text-align:center;background:linear-gradient(#f8fbff 0%,#edf3ff 100%);border:1.5px dashed #bdd0f8;border-radius:22px;place-items:center;gap:10px;padding:28px;display:grid}.file-drop input{display:none}.file-drop span{color:#6f7d99;font-size:13px}.upload-form{gap:16px;margin-top:16px;display:grid}.upload-result{gap:18px;margin-top:16px;display:grid}.result-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.result-metrics article{background:#f7f9fe;border:1px solid #e7edf9;border-radius:18px;padding:16px}.result-metrics span{color:#6f7d99;font-size:13px;display:block}.result-metrics strong{margin-top:6px;font-size:1.8rem;display:block}.upload-errors{gap:8px;display:grid}.upload-errors p{color:#9a3412;background:#fff8f4;border-radius:14px;margin:0;padding:12px 14px;font-size:13px}.placeholder-panel{align-content:center;min-height:320px;margin-top:14px;display:grid}.map-layout{margin-top:14px}.map-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;margin-top:16px;display:grid}.map-canvas{border:1px solid #dbe6fb;border-radius:20px;min-height:520px;overflow:hidden}.map-side{align-content:start;gap:12px;display:grid}.map-side-block{gap:14px;display:grid}.map-stat-card{background:#f7f9fe;border:1px solid #e7edf9;border-radius:18px;padding:16px}.map-stat-card span{color:#6f7d99;font-size:13px;display:block}.map-stat-card strong{margin-top:4px;font-size:1.05rem;display:block}.layer-list{gap:10px;display:grid}.layer-item{background:#fff;border:1px solid #e7edf9;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.layer-item p{color:#7e8aa6;margin:2px 0 0;font-size:13px}.layer-active{background:#f4f7ff;border-color:#bfd0fb}.compact-form{margin-top:0}.floating-create{align-items:center;gap:8px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 30px #3652a23d}.login-shell,.loading-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-radius:32px;grid-template-columns:1.2fr .9fr;gap:24px;width:min(1080px,100%);padding:24px;display:grid}.login-copy{color:#fff;background:radial-gradient(circle at 0 0,#ffffff1f,#0000 35%),linear-gradient(135deg,#17306a 0%,#3652a2 55%,#4f73e0 100%);border-radius:28px;padding:28px}.login-pill,.login-highlight{background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:800;display:inline-flex}.login-highlight{margin-top:24px}.login-copy p{color:#ffffffe0;max-width:520px;line-height:1.7}.login-form{align-content:center;gap:16px;padding:12px;display:grid}.login-button{margin-top:4px}.form-error{color:#b91c1c;margin:0;font-size:13px;font-weight:700}.success-text{color:#166534;margin:0;font-size:13px;font-weight:700}.loading-shell{color:#3652a2;gap:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1280px){.summary-grid,.permit-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.stack-grid,.upload-grid,.login-card,.map-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{padding-bottom:12px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-top,.hero-middle{flex-direction:column;align-items:stretch}.hero-user,.logo-strip{flex-wrap:wrap}.logo-spacer{display:none}.search-box{width:100%;min-width:0}.filter-meta{justify-content:flex-start}.login-copy{padding:22px}}@media (width<=640px){.main-content{padding:12px}.summary-grid,.permit-type-grid,.sidebar-nav,.permit-form,.result-metrics,.filter-grid,.permission-grid{grid-template-columns:1fr}.region-item,.hero-user,.form-actions,.panel-inline,.pagination-bar{flex-direction:column;align-items:stretch}.region-meter{width:100%;min-width:0}.panel-head h2,.placeholder-panel h2{font-size:1.4rem}.hero-middle h1,.login-copy h1{font-size:2rem}.floating-create{justify-content:center;bottom:12px;left:12px;right:12px}}