:root{--navy:#075985;--blue:#0787d1;--ink:#123b57;--muted:#66869a;--line:#d8edf8;--bg:#f2faff;--ocean-50:#f2faff;--ocean-100:#e2f5ff;--ocean-200:#bfeaff;--ocean-500:#0c96df;--ocean-600:#087cc1;--ocean-700:#08669d;--aqua:#11b9b1;--violet:#7867e8;--coral:#f47d6b}
body{background:radial-gradient(circle at 88% 4%,#d9f5ff 0,transparent 28%),radial-gradient(circle at 18% 90%,#e4f9f7 0,transparent 24%),var(--ocean-50);color:var(--ink)}
.mark{background:linear-gradient(145deg,#18b9e8,#0877cb 58%,#6558dd);box-shadow:0 10px 28px #0787d14a}.mark.small{box-shadow:0 7px 18px #0787d135}
aside{background:linear-gradient(180deg,#fff 0%,#eff9ff 72%,#e8f6ff 100%);color:var(--ink);border-right:1px solid #d6eefb;box-shadow:7px 0 30px #0759850b}.brand b{color:#075985}.brand span,.aside-bottom p{color:#7b9baf}.aside-bottom b{color:#275c7b}.link{color:#087cc1}.nav{color:#547b93;display:flex;align-items:center;gap:11px;font-weight:650;transition:background .18s,color .18s,transform .18s}.nav:hover{background:#e8f7ff;color:#0875b4;transform:translateX(2px)}.nav.active{background:linear-gradient(100deg,#dff4ff,#eaf2ff);color:#075985;box-shadow:inset 3px 0 #0787d1,0 5px 16px #0787d10d}.nav-icon{width:32px!important;height:32px;min-width:32px;border-radius:10px;display:grid!important;place-items:center}.nav-icon svg,.stat-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-blue{color:#0787d1;background:#dff4ff}.icon-violet{color:#6b5bd2;background:#eeeaff}.icon-teal{color:#079a95;background:#dff9f5}.icon-coral{color:#e46655;background:#ffebe8}
header{border-bottom:1px solid #dceff8}.eyebrow{color:#0787d1}.panel{border-color:#d8edf8;border-radius:17px;box-shadow:0 10px 32px #0759850b,0 2px 5px #07598508}.panel:hover{box-shadow:0 14px 38px #07598511}.section-title{border-color:#e0f0f8}.section-title>span{background:linear-gradient(145deg,#d9f5ff,#e8edff);color:#0780c4;box-shadow:inset 0 0 0 1px #c6eafa}.section-title h3,.list-head h3{color:#174b69}
input,textarea,select{border-color:#cfe5f1;background:#fbfdff;color:#123b57;transition:border .15s,box-shadow .15s,background .15s}input:hover,textarea:hover,select:hover{border-color:#9ed4ee}input:focus,textarea:focus,select:focus{border-color:#1e9cdc;background:white;box-shadow:0 0 0 4px #0c96df18}
.login{background:radial-gradient(circle at 10% 10%,#c9f1ff,transparent 34%),radial-gradient(circle at 90% 85%,#dcd9ff,transparent 32%),linear-gradient(145deg,#f7fdff,#eef8ff)}.login-card{border:1px solid #d5ecf8;box-shadow:0 30px 90px #0759851d}.auth-tabs{background:#e9f5fb}.auth-tabs button.active{color:#0877b6;box-shadow:0 4px 14px #07598515}
.login button,.actions button,#newQuote,.form-actions button{background:linear-gradient(135deg,#0aa5df,#0875c1);box-shadow:0 7px 18px #0787d126;transition:transform .15s,box-shadow .15s}.login button:hover,.actions button:hover,#newQuote:hover,.form-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0787d137}.actions .secondary,.form-actions .secondary,.quote-filters .secondary{background:#fff;color:#23617f;border-color:#cae4f2;box-shadow:none}.actions .donate,.donate{background:linear-gradient(135deg,#7867e8,#6050d4)!important;box-shadow:0 7px 18px #6b5bd22c}
.dashboard-stats article{display:flex;align-items:center;gap:14px;background:#fff;color:var(--ink);border:1px solid #d7ecf7;border-radius:17px;box-shadow:0 10px 28px #0759850c}.dashboard-stats article:nth-child(1){background:linear-gradient(135deg,#fff,#edf9ff)}.dashboard-stats article:nth-child(2){background:linear-gradient(135deg,#fff,#f3f0ff)}.dashboard-stats article:nth-child(3){background:linear-gradient(135deg,#fff,#ebfbf8)}.dashboard-stats span{color:#7392a5}.dashboard-stats strong{color:#164966}.stat-icon{width:46px;height:46px;min-width:46px;border-radius:14px;display:grid;place-items:center;font-size:21px;font-weight:800}.stat-blue{background:linear-gradient(145deg,#d7f3ff,#c8eaff);color:#0787d1}.stat-violet{background:linear-gradient(145deg,#eeeaff,#e0dbff);color:#6b5bd2}.stat-teal{background:linear-gradient(145deg,#d9faf5,#c9f2ec);color:#079a95}
.badge{background:#e4f3ff;color:#1573a9}.badge.sent{background:#ddf8ef;color:#087d63}.quote-card,.customer-card{border-color:#e0eff7;transition:background .15s,transform .15s}.quote-card:hover,.customer-card:hover{background:#f6fbff;transform:translateY(-1px)}.quote-actions button{background:#e9f6ff;color:#1475a9}.quote-actions button:hover{background:#d7effd}.quote-actions .danger{background:#fff0ee;color:#d85748}.pricing>div{background:linear-gradient(135deg,#087dc1,#075985);box-shadow:0 9px 22px #0759852c}.add{color:#0787d1}.remove{background:#fff0ee;color:#db5a4c}
.offline-banner{background:linear-gradient(135deg,#087cc1,#075985)}.logo-preview img{background:#f8fcff;border-color:#cce6f3}.customer-search input,.quote-filters input{background:#f8fcff}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:#edf7fc}::-webkit-scrollbar-thumb{background:#b8dceb;border:2px solid #edf7fc;border-radius:10px}::selection{background:#bceaff;color:#075985}
@media(max-width:900px){aside{background:rgba(255,255,255,.94);border-bottom:1px solid #d5ebf7;box-shadow:0 7px 24px #07598516;backdrop-filter:blur(16px)}.nav{gap:6px}.nav:hover{transform:none}.nav.active{box-shadow:inset 0 -3px #0787d1}.nav-icon{width:29px!important;height:29px;min-width:29px}.aside-bottom #logout{color:#087cc1}.panel{border-radius:15px}.dashboard-stats article{padding:16px}.login-card{background:rgba(255,255,255,.96)}}
@media(max-width:560px){.nav-label{display:none}.nav-icon{width:36px!important;height:36px;min-width:36px}.nav{padding:4px 7px}.brand{margin-right:4px}.dashboard-stats strong{font-size:20px}}