:root{ --primary:#1e3a5f; --secondary:#2c5282; --accent:#3182ce; --bg:#f7fafc; }
*{box-sizing:border-box}
body{font-family:"Inter",system-ui,sans-serif; background:var(--bg); color:#1a202c}
#app{min-height:100vh}
.sidebar{width:260px; background:var(--primary); color:#fff; min-height:100vh}
.topbar{height:56px; background:#fff; border-bottom:1px solid #e2e8f0}
.card{border:0; box-shadow:0 1px 3px rgba(0,0,0,.1); border-radius:12px}
.btn-primary{background:var(--primary); border-color:var(--primary)}
@media(max-width:768px){ .sidebar{position:fixed; left:-260px; transition:.3s} .sidebar.show{left:0} }