:root { --rb-navy:#102a43; --rb-blue:#1769aa; --rb-teal:#1c8c87; --rb-bg:#f4f7fa; }
body { background:var(--rb-bg); color:#25364a; min-height:100vh; }
.navbar { background:linear-gradient(110deg,var(--rb-navy),#174f78); }
.brand-mark { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:9px; background:#fff; color:var(--rb-blue); margin-right:.45rem; font-size:.86rem; }
.navbar .nav-link { border-radius:.5rem; padding:.5rem .7rem!important; }
.navbar .nav-link.active,.navbar .nav-link:hover { background:rgba(255,255,255,.12); }
.card { border:0; border-radius:.85rem; box-shadow:0 2px 12px rgba(16,42,67,.07); }
.metric-card { overflow:hidden; position:relative; }
.metric-card .metric-icon { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:#e9f3fb; color:var(--rb-blue); font-size:1.25rem; }
.table thead th { color:#66788a; font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; border-bottom-width:1px; }
.table td { vertical-align:middle; }
.btn-primary { background:var(--rb-blue); border-color:var(--rb-blue); }
.form-label { font-weight:600; font-size:.88rem; color:#40566b; }
.page-title { font-weight:700; color:var(--rb-navy); }
.badge-status { text-transform:capitalize; font-weight:600; }
.quotation-items { min-width:960px; }
@media (max-width:991px) { .navbar-collapse { padding-top:1rem; } .navbar .dropdown { margin-top:.75rem; } }