/* V9 visual layer: no business logic changed */
:root{--ink:#24334e;--muted:#78869d;--accent:#4679ff;--line:#e2e9f6}
body{background:#f3f6fc;color:#24334e}
a{color:#416fe4}a:hover{color:#244fbc}
button,.button-link{background:#4679ff;border-radius:9px;box-shadow:0 2px 5px rgba(46,93,192,.10)}
button:hover{background:#315fdd}button.d{background:#fff0f0;color:#c34848}button.g{background:#8391a9}
input,select,textarea{border-color:#dce5f4;border-radius:9px}input:focus,select:focus,textarea:focus{outline:2px solid #d9e5ff;border-color:#4679ff}
input[type=checkbox]{accent-color:#4679ff}
.sidebar{background:#fff;border-right:1px solid #e4eaf5;box-shadow:2px 0 16px rgba(29,58,110,.025)}
.sidebar .brand{color:#253b61}.sidebar .brand-icon{background:#4679ff;color:#fff;border-radius:12px}
.sidebar-nav a,.sidebar-group summary{border-radius:10px;color:#5d6b85}
.sidebar-nav a.active,.sidebar-nav a:hover,.sidebar-group summary:hover{background:#eaf0ff;color:#3264df}
.sidebar-nav a.active .nav-dot{background:#4679ff}
.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #e4eaf5}
.card{background:#fff;border:1px solid #e4eaf5;border-radius:14px;box-shadow:0 5px 18px rgba(35,72,133,.045)}
.page-heading h1{color:#253a61}.date-chip{background:#fff;border:1px solid #e1e8f4;border-radius:9px}
.flash{border-radius:10px}
@media(max-width:780px){.card{border-radius:11px}button,.button-link{min-height:38px}}