:root{--ws-navy:#0b1f33;--ws-navy2:#123d67;--ws-blue:#1769d2;--ws-blue2:#eaf3ff;--ws-bg:#f3f6fa;--ws-border:#d6dee8;--ws-text:#17212b;--ws-muted:#536779;--ws-green:#168454;--ws-green-bg:#e9f7f0;--ws-orange:#b86700;--ws-orange-bg:#fff4e3;--ws-red:#b83232;--ws-red-bg:#fff0f0;--ws-purple:#6941c6;--ws-purple-bg:#f1ebff}
.dewa-ws-app,.dewa-ws-app *{box-sizing:border-box}.dewa-ws-app{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--ws-bg)!important;padding:18px;border-radius:18px;color:var(--ws-text)!important;line-height:1.45}.dewa-ws-app h1,.dewa-ws-app h2,.dewa-ws-app h3,.dewa-ws-app h4,.dewa-ws-app p,.dewa-ws-app span,.dewa-ws-app div,.dewa-ws-app td,.dewa-ws-app th,.dewa-ws-app label,.dewa-ws-app small,.dewa-ws-app strong,.dewa-ws-app em{color:inherit}
.ws-hero{background:linear-gradient(125deg,var(--ws-navy),var(--ws-navy2))!important;color:#fff!important;border-radius:16px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 10px 28px rgba(11,31,51,.18)}.ws-hero *{color:#fff!important}.ws-hero h2{margin:4px 0 6px;font-size:28px}.ws-hero p{margin:0;color:#e8f1fa!important}.ws-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#bcd7f3!important}.ws-hero-actions,.ws-form-actions,.ws-import-actions{display:flex;gap:10px;flex-wrap:wrap}
.ws-btn{border:1px solid #cbd6e2!important;background:#fff!important;color:#17324d!important;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:none!important}.ws-btn:hover{border-color:#8da6bd!important;background:#f7fafc!important}.ws-btn-primary{background:var(--ws-blue)!important;border-color:var(--ws-blue)!important;color:#fff!important}.ws-danger{background:var(--ws-red-bg)!important;color:#9d1d1d!important;border-color:#efb7b7!important}
.ws-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.ws-quick-nav{position:sticky;top:8px;z-index:25;padding:8px;background:rgba(243,246,250,.96);border:1px solid var(--ws-border);border-radius:12px;backdrop-filter:blur(7px)}.ws-tabs button{padding:10px 14px;border:1px solid #cfd9e4!important;background:#e7edf4!important;color:#21374b!important;border-radius:9px;font-weight:800;cursor:pointer}.ws-tabs button.active,.ws-tabs button:hover{background:var(--ws-navy)!important;color:#fff!important;border-color:var(--ws-navy)!important}
.ws-panel,.ws-card{background:#fff!important;color:var(--ws-text)!important;border:1px solid var(--ws-border)!important;border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:0 4px 16px rgba(11,31,51,.055)}.ws-card h3{color:var(--ws-navy)!important;margin:0 0 14px;font-size:17px;font-weight:850}.ws-panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:850;margin-bottom:12px;color:var(--ws-navy)!important}.ws-link{border:0;background:none!important;color:var(--ws-blue)!important;font-weight:800;cursor:pointer}
.ws-filter-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px}.ws-filter-grid label,.ws-form-grid label{font-size:12px;font-weight:800;color:#41566a!important;display:flex;flex-direction:column;gap:5px}.ws-filter-grid input,.ws-filter-grid select,.ws-form-grid input,.ws-form-grid textarea,.ws-form-grid select,#ws-import-text,.ws-import-actions input[type=file]{width:100%;border:1px solid #c7d3df!important;border-radius:9px;padding:9px;background:#fff!important;color:#17212b!important;-webkit-text-fill-color:#17212b!important}.ws-filter-grid input::placeholder,.ws-form-grid input::placeholder,.ws-form-grid textarea::placeholder,#ws-import-text::placeholder{color:#75889a!important;opacity:1}.ws-filter-grid select option,.ws-form-grid select option{background:#fff!important;color:#17212b!important}
.ws-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.ws-kpi{background:#fff!important;border:1px solid var(--ws-border)!important;border-top:4px solid var(--ws-blue)!important;border-radius:14px;padding:14px;color:var(--ws-text)!important}.ws-kpi:nth-child(2){border-top-color:var(--ws-purple)!important}.ws-kpi:nth-child(3){border-top-color:var(--ws-red)!important}.ws-kpi:nth-child(4){border-top-color:var(--ws-orange)!important}.ws-kpi:nth-child(5){border-top-color:var(--ws-green)!important}.ws-kpi:nth-child(6){border-top-color:#51657a!important}.ws-kpi small{display:block;color:#50677c!important;font-weight:800}.ws-kpi strong{color:var(--ws-navy)!important;font-size:25px;display:block;margin-top:6px}.ws-kpi em{font-style:normal;font-size:11px;color:#667b8d!important}
.ws-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ws-chart{min-height:235px;color:var(--ws-text)!important}.ws-bars{display:flex;flex-direction:column;gap:8px}.ws-bar-row{display:grid;grid-template-columns:minmax(120px,1.5fr) 3fr 80px;gap:10px;align-items:center;font-size:12px;color:#23384b!important}.ws-bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#23384b!important}.ws-bar-track{height:12px;background:#e9eef4!important;border-radius:20px;overflow:hidden}.ws-bar-fill{height:100%;background:linear-gradient(90deg,#1769d2,#4d91df)!important;border-radius:20px}.ws-bar-value{text-align:right;font-weight:850;color:var(--ws-navy)!important}.ws-spark{display:flex;height:180px;align-items:flex-end;gap:7px;padding-top:20px}.ws-spark-col{flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}.ws-spark-bar{width:100%;background:linear-gradient(180deg,#1769d2,#66a0e3)!important;border-radius:7px 7px 2px 2px;min-height:2px}.ws-spark-label{font-size:10px;color:#536779!important;transform:rotate(-35deg);white-space:nowrap;margin-top:12px}
.ws-insights{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ws-insight{border-left:4px solid var(--ws-blue)!important;background:#f7fafe!important;color:#22384b!important;padding:12px;border-radius:8px}.ws-insight:nth-child(3n+2){border-left-color:var(--ws-green)!important;background:#f2faf6!important}.ws-insight:nth-child(3n){border-left-color:var(--ws-orange)!important;background:#fff8ed!important}.ws-insight b{display:block;margin-bottom:4px;color:var(--ws-navy)!important}
.ws-table-wrap{overflow:auto;border:1px solid #dce4ec;border-radius:10px;background:#fff!important}.ws-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff!important;color:#1d2d3c!important}.ws-table th{position:sticky;top:0;z-index:2;background:var(--ws-navy)!important;color:#fff!important;text-align:left;padding:10px;border-bottom:1px solid #29465f!important;white-space:nowrap;font-weight:800}.ws-table td{padding:9px;border-bottom:1px solid #e7edf2!important;vertical-align:top;background:#fff!important;color:#223445!important}.ws-table tbody tr:nth-child(even) td{background:#f8fafc!important}.ws-table tbody tr:hover td{background:#edf5ff!important}.ws-register-table{min-width:1900px}.ws-register-table td:nth-child(11),.ws-register-table td:nth-child(12){min-width:240px}.ws-pill{display:inline-block;padding:4px 8px;border-radius:99px;background:var(--ws-blue2)!important;color:#1255a5!important;font-weight:800}.ws-count-badge{background:var(--ws-blue2)!important;color:#1255a5!important;border-radius:999px;padding:5px 10px;font-size:12px}.ws-register-card{border-top:5px solid var(--ws-blue)!important}
.ws-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ws-form-grid .span2{grid-column:span 2}.ws-calc{border:1px dashed #b9c7d5!important;border-radius:10px;padding:10px;background:#f7fafc!important}.ws-calc small{display:block;color:#5c7185!important}.ws-calc strong{font-size:20px;color:var(--ws-navy)!important}.ws-form-actions{margin-top:14px}.ws-note{color:#536779!important}.ws-template{background:#f6f9fc!important;color:#1b3044!important;border:1px dashed #b8c6d5!important;padding:12px;border-radius:10px;margin-bottom:10px}.ws-template code{display:block;margin-top:7px;white-space:pre-wrap;word-break:break-word;font-size:11px;background:#0f2539!important;color:#eaf4ff!important;padding:10px;border-radius:8px}.ws-import-card{border-top:5px solid var(--ws-green)!important}.ws-section-badge{display:inline-block;background:var(--ws-green-bg)!important;color:#0e6d43!important;border:1px solid #b9e4d0!important;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;letter-spacing:.06em;margin-bottom:8px}.ws-import-actions{align-items:center;margin-top:10px;padding:12px;background:#f7fafc!important;border:1px solid #d9e2eb!important;border-radius:10px}#ws-import-result{margin-top:10px;font-weight:800;color:var(--ws-navy)!important}.ws-muted{color:#617589!important}
section[data-section]{scroll-margin-top:80px}
@media(max-width:1100px){.ws-filter-grid{grid-template-columns:repeat(4,1fr)}.ws-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.dewa-ws-app{padding:10px}.ws-hero{flex-direction:column;align-items:flex-start}.ws-filter-grid,.ws-form-grid{grid-template-columns:repeat(2,1fr)}.ws-kpis{grid-template-columns:repeat(2,1fr)}.ws-chart-grid{grid-template-columns:1fr}.ws-form-grid .span2{grid-column:span 2}.ws-insights{grid-template-columns:1fr}.ws-quick-nav{position:static}}@media(max-width:480px){.ws-filter-grid,.ws-form-grid,.ws-kpis{grid-template-columns:1fr}.ws-form-grid .span2{grid-column:span 1}}