@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');:root{font-family:'DM Sans',system-ui,sans-serif;color:#19334a;background:#f5f8fb;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#15548b;text-decoration:none}a:hover{color:#bf353d}.topbar{background:#fff;min-height:78px;padding:14px max(22px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 15px #1f4b7310;position:sticky;top:0;z-index:5}.brand{font-family:Manrope,sans-serif;font-weight:800;color:#144d7e;font-size:27px;line-height:1;letter-spacing:.14em;display:inline-flex;flex-direction:column;gap:5px}.brand small{font-size:9px;letter-spacing:.21em;color:#d74b4e}.topbar nav{display:flex;align-items:center;flex-wrap:wrap;gap:19px;font-size:13px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:35px 20px 75px;min-height:70vh}h1,h2,h3{font-family:Manrope,sans-serif;color:#173b5d;line-height:1.18}h1{font-size:clamp(28px,4vw,43px);margin:12px 0}h2{font-size:22px;margin:0 0 18px}h3{font-size:19px}p{color:#65788d;line-height:1.7}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.2em;color:#dc4b51}.hero{border-radius:22px;padding:60px 55px;min-height:365px;background:linear-gradient(115deg,#eaf3fa,#f8fbff);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;overflow:hidden}.hero h1{font-size:clamp(39px,5vw,63px)}.hero h1 em{font-style:normal;color:#d24952}.hero-art{background:linear-gradient(135deg,#0e416d,#1b6a9b);border-radius:26px;min-height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 16px 40px #174d7924}.hero-art>span{font:800 75px Manrope;color:#fff;letter-spacing:.2em}.hero-art p{color:#e0ecf6;z-index:1}.art-line{position:absolute;width:110%;height:210px;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-25deg);top:120px;left:5%}.section-heading{margin:48px 0 24px}.card{background:white;border:1px solid #e5edf4;border-radius:16px;padding:28px;box-shadow:0 7px 30px #1b4a7308}.btn,button{appearance:none;border:0;background:#175785;color:white;font-family:inherit;font-weight:700;border-radius:9px;padding:12px 19px;cursor:pointer;display:inline-block;font-size:13px}.btn:hover,button:hover{background:#0a4068;color:#fff}.small{padding:8px 11px;font-size:12px}.ghost{color:#245677;background:#eaf2f8}.ghost:hover{background:#d9e7f0;color:#15374f}.danger{color:#c14343}.inline{display:inline}.auth{max-width:440px;margin:35px auto}.auth h1{font-size:34px}.auth form,.install form{display:grid;gap:14px}label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:#29465c;gap:7px;margin-bottom:13px}input,select{width:100%;background:#fff;border:1px solid #d4e0ea;color:#203e54;border-radius:9px;font:inherit;padding:11px 12px;min-height:43px}input:focus,select:focus{outline:2px solid #8abbdd;border-color:#2677af}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 17px}.fields label{margin:0 0 12px}.check{display:flex;align-items:center;flex-direction:row;margin:16px 0}.check input{width:18px;min-height:auto}.result{padding-top:20px;border-top:1px solid #e6edf3;margin-top:26px}.item{display:flex;justify-content:space-between;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2f5}.total{display:flex;justify-content:space-between;background:#eaf3fa;padding:18px;border-radius:10px;margin:15px 0;font-size:18px}.muted{font-size:12px;color:#8696a5}.notice{background:#e5f6eb;color:#207b43;border:1px solid #a7dcc0;padding:13px 17px;border-radius:9px}.warning{background:#fff7e6;color:#835b1c;padding:12px 16px;border-radius:9px}.error{background:#fce8e8;color:#b53f3f;padding:12px;border-radius:9px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.page-title p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat{padding:24px 26px;background:white;border:1px solid #e5edf4;border-radius:13px}.stat small{font-size:12px;color:#8294a5;display:block;margin-bottom:10px}.stat b{font-size:34px;color:#154971;font-family:Manrope}.two-col{display:grid;grid-template-columns:1fr 1.5fr;gap:21px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:13px 11px;border-bottom:1px solid #eaf0f4;white-space:nowrap}th{font-size:11px;text-transform:uppercase;color:#7c93a6;letter-spacing:.04em}table form{margin:0}.pill{padding:5px 9px;background:#eaf3fa;border-radius:20px;font-size:11px;color:#295979}.dateform{min-width:170px}.hours-form{border-top:1px solid #e6edf3;padding:15px 0}.hours-form .fields{grid-template-columns:repeat(4,1fr)}.hours-form label{font-size:11px}.spaced{margin-top:20px}.install{max-width:520px;margin:60px auto}hr{border:0;border-top:1px solid #eaf0f4;margin:22px 0}footer{text-align:center;font-size:12px;color:#90a1ae;padding:28px;background:white}@media(max-width:950px){.two-col{grid-template-columns:1fr}.topbar{align-items:start;flex-wrap:wrap}.topbar nav{gap:13px}.hero{padding:30px;grid-template-columns:1fr}.hero-art{min-height:170px}.hero-art>span{font-size:48px}}@media(max-width:640px){.container{padding:22px 13px 45px}.topbar{padding:15px}.topbar nav{overflow:auto;flex-wrap:nowrap;width:100%;white-space:nowrap;padding-bottom:6px}.card{padding:19px}.fields,.stats{grid-template-columns:1fr}.page-title{align-items:start;flex-direction:column}.dateform{width:100%}.hero{padding:26px 23px}.hours-form .fields{grid-template-columns:1fr 1fr}.item{flex-wrap:wrap}}