:root{--navy:#101b2e;--blue:#2563eb;--bg:#f4f7fb;--line:#d9e1ec;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#182230;font:15px/1.5 Inter,system-ui,sans-serif}header{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}nav{display:flex;gap:18px}nav a{color:#dbe7ff;text-decoration:none}main{max-width:1180px;margin:34px auto;padding:0 20px;min-height:calc(100vh - 155px)}footer{text-align:center;color:#667085;padding:20px}.hero{padding:85px 50px;background:linear-gradient(135deg,#fff,#dce9ff);border-radius:22px}.hero h1{font-size:46px;max-width:780px;line-height:1.1}.hero p{max-width:720px;font-size:19px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 7px 26px #10213a0d;margin-bottom:20px}.narrow{max-width:500px;margin:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid .card span{display:block;color:#667085}.grid .card strong{display:block;font-size:30px;margin-top:10px}label{display:block;margin:12px 0;font-weight:600}input,select{width:100%;padding:11px 12px;border:1px solid #b8c3d2;border-radius:8px;margin-top:5px;background:white}label input[type=checkbox]{width:auto;margin-right:8px}button,.btn{display:inline-block;border:0;border-radius:8px;background:var(--blue);color:white;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:650}.small{padding:7px 10px}.danger{background:var(--red)}.flash,.status{padding:13px 16px;background:#e9f2ff;border-left:4px solid var(--blue);margin-bottom:20px}.table{overflow:auto;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{background:#f8fafc}.search{display:flex;gap:10px;margin:15px 0}.invoice{background:white;max-width:850px;margin:auto;padding:50px}.invoice table{margin:35px 0}@media(max-width:760px){header{height:auto;padding:18px;display:block}nav{flex-wrap:wrap;margin-top:12px}.grid{grid-template-columns:1fr}.hero{padding:40px 25px}.hero h1{font-size:34px}}@media print{header,footer,.invoice button{display:none}body,main{background:white;margin:0;padding:0}.invoice{max-width:none;box-shadow:none}}