:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#193246;background:#f4f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#10283b;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:5}.brand{font-size:15px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px}.mark{background:#2caa9d;padding:8px 11px;border-radius:11px;color:white;font-size:22px}.head-actions{display:flex;gap:10px;align-items:center}.pill{font-size:12px;background:#245068;border-radius:20px;padding:6px 11px}.pill.offline{background:#a66d27}main{max-width:1100px;margin:auto;padding:25px 20px 80px}.hidden{display:none!important}.card{background:white;border:1px solid #e4ebec;border-radius:18px;padding:23px;box-shadow:0 5px 24px #17344908}.auth{max-width:460px;margin:6vh auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#21988e}h1{font-size:clamp(30px,5vw,45px);line-height:1.13;letter-spacing:-1.5px;margin:10px 0}h1 em{font-style:normal;color:#239d92}h2{font-size:21px;margin:0 0 12px}.muted{color:#74828b}.tiny{font-size:12px;color:#7e8c94}.auth form{display:grid;gap:15px;margin-top:25px}label{display:grid;gap:7px;font-size:13px;font-weight:650}input,select,textarea{font:inherit;width:100%;padding:12px 13px;border:1px solid #d7e1e3;border-radius:10px;background:#fff;color:#203a4d;min-height:44px}textarea{min-height:90px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:10px 15px;font-weight:700}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80cfc5;outline-offset:2px}.primary{background:#168e84;color:white}.primary:hover{background:#0e746b}.subtle{background:#254458;color:white}.link{background:transparent;color:#12897e;padding-left:0}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0 27px}.tripbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:15px}.tripbar label{min-width:240px}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{display:flex;flex-direction:column;gap:9px}.stat span{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#70828c}.stat strong{font-size:clamp(22px,4vw,34px);color:#12354b}.stat small{color:#7c8d94}.track{height:8px;background:#e6efef;border-radius:9px;overflow:hidden}.track div{height:100%;background:#1caa91;transition:width .2s}nav{display:flex;gap:6px;overflow:auto;margin:25px 0 18px;padding-bottom:8px;scrollbar-width:thin}nav button{white-space:nowrap;background:#e9efef;color:#536773}nav button.active{background:#15374b;color:white}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rule{border:1px solid #e4e9eb;border-radius:13px;padding:17px;margin:10px 0}.rule h3{margin:0 0 8px}.rule p{margin:6px 0;color:#657784}.rule a{color:#138a81;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800;background:#fff0d5;color:#94610c}.badge.verified{background:#d7f6e7;color:#16754c}.badge.attention,.badge.error{background:#ffe2e0;color:#a22b2b}.checkrow{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1f2;padding:13px 0}.checkrow input{width:22px;height:22px;min-height:22px;accent-color:#159887;flex:none}.checkrow .itemtext{flex:1;min-width:0;overflow-wrap:anywhere}.checkrow.done .itemtext{text-decoration:line-through;color:#85979c}.checkrow small{display:block;color:#81919a;margin-top:3px}.delete{background:#fff0ef;color:#b04e45;min-height:36px}.formline{display:flex;gap:8px;margin-top:18px}.formline input{flex:1}.fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fieldgrid .wide{grid-column:1/-1}.notice{padding:14px;border-radius:11px;background:#fff7e6;color:#7a5a22;font-size:13px;margin:15px 0}.empty{text-align:center;padding:45px 15px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#17394c;color:white;border-radius:12px;padding:13px 18px;display:none;z-index:10;max-width:90vw}.buttons{display:flex;gap:10px;flex-wrap:wrap}.soft{background:#e5f4f1;color:#157e74}.secondary{background:#edf2f4;color:#344e5d}@media(max-width:650px){main{padding:18px 13px 70px}header{padding:11px 13px}.brand{font-size:12px;letter-spacing:1px}.mark{font-size:18px}.hero{align-items:start}.hero .primary{font-size:12px;padding:8px;white-space:nowrap}.overview{grid-template-columns:repeat(2,1fr);gap:9px}.overview .stat:last-child{grid-column:1/-1}.card{padding:17px}.grid2,.grid3,.fieldgrid{grid-template-columns:1fr}.fieldgrid .wide{grid-column:auto}.tripbar label{min-width:0;flex:1}.formline{flex-wrap:wrap}.formline button{width:100%}nav{margin:18px -13px 15px;padding:0 13px 9px}nav button{font-size:13px}h1{font-size:30px}}
dialog{border:1px solid #d7e1e3;border-radius:18px;padding:24px;width:min(92vw,520px);color:#193246}dialog::backdrop{background:#10283b99}dialog form{display:grid;gap:16px}.checkbox-label{display:flex;align-items:center;gap:12px}.checkbox-label input{width:24px;min-width:24px}button:disabled{opacity:.5;cursor:not-allowed}a{color:#08776e} .rule p{overflow-wrap:anywhere}