:root{--brand-primary:#064b67;--brand-accent:#0786d1;--ink:#102f3f;--muted:#587482;--line:#d9e6ec;--bg:#f4f8fb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.app-shell>aside{background:linear-gradient(180deg,#07566e,#06465d);color:#fff;position:sticky;top:0;height:100vh;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:20px 18px;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff18}.brand>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--brand-accent);font-size:20px;font-weight:900}.brand b{display:block;font-size:16px}.brand small{display:block;margin-top:3px;opacity:.8;font-size:10px}.app-shell>aside nav{padding:10px}.app-shell>aside nav a{display:flex;align-items:center;min-height:42px;padding:10px 12px;margin:2px 0;border-radius:9px;color:#eaf7fb;text-decoration:none;font-weight:600}.app-shell>aside nav a:hover,.app-shell>aside nav a.active{background:#ffffff18;color:#fff}.profile{padding:16px 18px;border-top:1px solid #ffffff20}.profile>b,.profile>small{display:block}.profile>small{opacity:.8;margin:3px 0 8px}.profile>a{color:#fff}.app-shell>main{min-width:0;padding:0 28px 40px}.app-shell>main>header{margin:0 -28px 24px;padding:18px 28px;min-height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.app-shell>main>header h1{margin:2px 0 0;font-size:28px}.app-shell>main>header p{margin:0;color:var(--muted)}.menu{display:none;border:0;background:#eaf5fa;border-radius:9px;padding:9px 12px;font-size:20px}.online{margin-left:auto;color:#11885d;font-weight:700}.hero{border-radius:20px;padding:28px 30px;margin-bottom:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#064b67,#087c98)}.hero h2{font-size:30px;margin:5px 0}.hero p{margin:0;opacity:.9}.hero-drop{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#0786d1;font-size:30px;font-weight:900}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px #12394a0d}.panel h2{margin-top:0}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.estimate-card{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:grid;gap:7px;font-weight:650;color:#24495b}input,select,textarea{width:100%;border:1px solid #cddfe7;border-radius:9px;padding:11px 12px;background:#fff;color:#102f3f;font:inherit}button,.primary,.secondary{border:0;border-radius:9px;padding:11px 15px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--brand-accent);color:#fff}.secondary{background:#edf5f8;color:#174b61;border:1px solid #d2e2e9}.flash{max-width:100%;padding:12px 14px;border-radius:10px;margin:12px 0;background:#eaf8ef;color:#17633d}.flash.error{background:#fff0f0;color:#9d2d2d}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e4edf1}th{color:#456474;font-size:12px;background:#f7fafc}.callout{border-radius:16px;padding:20px;color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.dashboard-secondary-links a{font-weight:750;color:#0876a9;text-decoration:none;margin-right:18px}.sidebar-subscription{font-size:12px}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-shell>aside{position:fixed;left:-280px;width:260px;transition:left .2s;box-shadow:10px 0 30px #001d2b33}.app-shell>aside.open{left:0}.app-shell>main{padding:0 16px 30px}.app-shell>main>header{margin:0 -16px 16px;padding:14px 16px;min-height:72px}.menu{display:block}.app-shell>main>header h1{font-size:21px}.online{display:none}.kpis,.two{grid-template-columns:1fr}.hero{padding:20px}.hero h2{font-size:24px}.hero-drop{width:64px;height:64px}.dashboard-secondary-links{display:grid;gap:8px}.table-wrap{overflow:visible}table.responsive-table,table.responsive-table tbody,table.responsive-table tr,table.responsive-table td{display:block;width:100%}}
@media(max-width:520px){.app-shell>main>header{align-items:flex-start}.panel{padding:15px;border-radius:14px}.hero-drop{display:none}.kpis{gap:12px}}