*{letter-spacing:0}
body{font-family:'Prompt',sans-serif;background:#f6fbff;color:#18324a}
a{text-decoration:none}
.public-main{min-height:calc(100vh - 58px)}
.hero{background:linear-gradient(135deg,#e7f4ff,#fff);padding:48px 0 24px;border-bottom:1px solid #ddecf8}
.metric-card{background:#fff;border:1px solid #deedf9;border-radius:8px;padding:20px;height:100%;box-shadow:0 10px 30px rgba(42,126,190,.08)}
.metric-card .icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#e9f6ff;color:#2386c8}
.app-shell{min-height:100vh;display:flex}
.app-sidebar{width:270px;background:#fff;border-right:1px solid #ddecf8;position:fixed;inset:0 auto 0 0;z-index:1030;overflow-y:auto}
.sidebar-brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 20px;font-weight:700;color:#1869a8;border-bottom:1px solid #eef5fb}
.brand-mark{width:38px;height:38px;border-radius:8px;background:#dff1ff;display:grid;place-items:center}
.sidebar-nav{padding:12px}
.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#52687c;border-radius:8px;margin-bottom:4px;font-size:.94rem}
.sidebar-nav a i{width:20px;text-align:center;color:#2791d0}
.sidebar-nav a.active,.sidebar-nav a:hover{background:#e8f5ff;color:#126da9}
.app-content{margin-left:270px;min-height:100vh;width:calc(100% - 270px)}
.topbar{height:72px;background:#fff;border-bottom:1px solid #ddecf8;display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:1020}
.page-title{font-weight:700;font-size:1.15rem}.page-subtitle{font-size:.82rem;color:#7790a4}
.content-wrap{padding:24px}
.btn-white{background:#fff;border-color:#ddecf8}
.panel{background:#fff;border:1px solid #ddecf8;border-radius:8px;padding:18px;box-shadow:0 10px 28px rgba(33,116,178,.06)}
.table-wrap{width:100%;overflow-x:auto}.table{width:100%!important}
.form-label{font-weight:500;color:#294961}.required:after{content:' *';color:#dc3545}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e7f4ff,#fff)}
.auth-card{width:min(460px,100%);background:#fff;border:1px solid #ddecf8;border-radius:8px;padding:28px;box-shadow:0 16px 40px rgba(42,126,190,.1)}
@media (max-width:991.98px){
  .app-sidebar{transform:translateX(-100%);transition:.2s}.app-sidebar.show{transform:translateX(0)}
  .app-content{margin-left:0;width:100%}.content-wrap{padding:16px}.topbar{padding:0 16px}
}