:root{--pks-orange:#f4510b;--pks-orange-dark:#d93e00;--pks-navy:#111923;--pks-bg:#f4f6f9;--sidebar-width:278px}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--pks-bg);color:#233044}.text-pks{color:var(--pks-orange)!important}.bg-pks{background:var(--pks-orange)!important}.btn-pks{background:var(--pks-orange);border-color:var(--pks-orange);color:#fff}.btn-pks:hover{background:var(--pks-orange-dark);border-color:var(--pks-orange-dark);color:#fff}.border-pks{border-color:var(--pks-orange)!important}.navbar-public{background:rgba(255,255,255,.97);box-shadow:0 2px 18px rgba(17,25,35,.08)}.brand-logo{width:46px;height:46px;object-fit:contain}.public-hero{min-height:610px;padding:125px 0 80px;background:radial-gradient(circle at 85% 20%,rgba(244,81,11,.18),transparent 34%),linear-gradient(135deg,#fff 0%,#fff6f1 100%);overflow:hidden}.hero-logo{width:min(340px,75vw);filter:drop-shadow(0 25px 30px rgba(17,25,35,.15))}.public-card{border:0;border-radius:20px;box-shadow:0 12px 35px rgba(17,25,35,.08);transition:.2s}.public-card:hover{transform:translateY(-4px)}.section-title{font-weight:800;color:var(--pks-navy)}.stat-number{font-size:2rem;font-weight:800}.public-footer{background:var(--pks-navy);color:#dfe6ef}.page-hero{padding:120px 0 45px;background:linear-gradient(135deg,var(--pks-navy),#26384c);color:#fff}
.admin-body{overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--pks-navy);color:#fff;z-index:1040;transition:transform .25s ease;overflow-y:auto}.sidebar-brand{height:78px;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand img{width:54px;height:54px;object-fit:contain}.sidebar-brand strong{font-size:.97rem}.sidebar-menu{padding:14px}.menu-label{font-size:.68rem;letter-spacing:.09em;color:#8595a9;text-transform:uppercase;margin:17px 12px 7px}.sidebar-link{display:flex;align-items:center;gap:12px;color:#cbd5df;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0;font-size:.92rem}.sidebar-link:hover,.sidebar-link.active{background:var(--pks-orange);color:#fff}.sidebar-link i{font-size:1.05rem;width:20px;text-align:center}.main-wrapper{margin-left:var(--sidebar-width);min-height:100vh;transition:margin .25s ease}.topbar{height:68px;background:#fff;box-shadow:0 1px 12px rgba(17,25,35,.07);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1030}.content-wrapper{padding:24px}.sidebar-toggle{border:0;background:#f1f3f6;border-radius:10px;width:42px;height:42px;font-size:1.25rem}.card{border:0;border-radius:15px;box-shadow:0 3px 15px rgba(17,25,35,.065)}.card-header{background:#fff;border-bottom:1px solid #edf0f3;font-weight:700;border-radius:15px 15px 0 0!important}.metric-card{overflow:hidden;position:relative}.metric-card .metric-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.metric-card .metric-value{font-size:1.75rem;font-weight:800}.table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.025em;color:#657184;background:#f7f8fa;border:0}.table td{vertical-align:middle}.form-label{font-weight:650;font-size:.88rem}.required:after{content:" *";color:#dc3545}.map-box{height:520px;border-radius:15px;overflow:hidden}.map-small{height:320px;border-radius:12px;overflow:hidden}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:7px;bottom:0;width:2px;background:#e3e8ee}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-24px;top:5px;width:11px;height:11px;background:var(--pks-orange);border-radius:50%;box-shadow:0 0 0 4px #ffe5d8}.detail-label{font-size:.75rem;color:#788596;text-transform:uppercase;font-weight:700}.detail-value{font-weight:600}.login-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(244,81,11,.28),transparent 35%),linear-gradient(135deg,#111923,#25384d);display:flex;align-items:center;padding:30px}.login-card{width:100%;max-width:1000px;margin:auto;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-brand{background:linear-gradient(155deg,#ff5a0a,#df3f00);color:#fff;padding:55px;min-height:600px;display:flex;flex-direction:column;justify-content:center}.login-brand img{width:220px;max-width:75%;filter:drop-shadow(0 18px 20px rgba(0,0,0,.18))}.login-form{padding:55px}.ai-answer{white-space:pre-line;background:#f7f8fa;border-left:4px solid var(--pks-orange);padding:18px;border-radius:10px}.currency-input{text-align:right}.img-thumb{width:70px;height:55px;object-fit:cover;border-radius:8px}.mobile-overlay{display:none}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .main-wrapper{margin-left:0}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}.main-wrapper{margin-left:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1035}.content-wrapper{padding:16px}.topbar{padding:0 14px}.public-hero{padding-top:110px}.login-brand{min-height:auto;padding:35px}.login-form{padding:35px}.map-box{height:440px}}
@media(max-width:575.98px){.page-hero{padding-top:100px}.public-hero{min-height:auto}.metric-card .metric-value{font-size:1.45rem}.table-responsive{font-size:.86rem}.login-page{padding:0}.login-card{border-radius:0;min-height:100vh}.login-brand{padding:25px}.login-brand img{width:140px}.login-form{padding:28px}.content-wrapper{padding:12px}.card-body{padding:15px}.map-box{height:380px}}
@media print{.sidebar,.topbar,.btn,.no-print{display:none!important}.main-wrapper{margin-left:0}.content-wrapper{padding:0}.card{box-shadow:none;border:1px solid #ddd}}
.chart-card{position:relative;min-height:320px}.chart-card canvas{max-height:320px}