:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162e36;background:#f2f5f5;--teal:#123c43;--muted:#60747a;--line:#dae4e5;--accent:#da6c37}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a.button{border:0;border-radius:10px;min-height:44px;padding:11px 15px;background:#e5eeee;color:var(--teal);font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button.primary{background:var(--teal);color:white}button.danger{background:#fff0ef;color:#a52921}button:disabled{opacity:.45;cursor:wait}button.link{background:transparent;padding:5px 0}a{color:#146570}input,textarea,select{display:block;width:100%;min-height:46px;border:1px solid #bacdce;border-radius:9px;padding:11px;background:white;color:#162e36;font-size:16px}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:22px;min-height:22px;display:inline-block;accent-color:var(--teal)}label{display:block;font-size:13px;font-weight:650;color:#38545c;margin:13px 0 6px}label.check{display:flex;align-items:center;gap:10px;font-size:15px}h1{font-size:28px;letter-spacing:-.7px;margin:6px 0 8px}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.5}small,.muted{color:var(--muted);font-size:13px;line-height:1.5}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;margin:14px 0}.hero{background:var(--teal);color:white;border:0}.hero .muted,.hero .eyebrow{color:#c2d8d9}.hero h1{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px 10px;background:white;border:1px solid var(--line);border-radius:12px}.stat strong{font-size:26px;display:block}.stat small{font-size:11px}.pill{font-size:11px;font-weight:700;padding:5px 8px;border-radius:6px;background:#e9f1f1;color:#31565e;display:inline-block}.pill.orange{background:#fff0d9;color:#8a5412}.pill.red{background:#ffebeb;color:#a13029}.order{width:100%;display:block;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:16px;font-weight:400}.order strong{font-size:16px}.order p{margin:7px 0}.money{font-variant-numeric:tabular-nums;font-weight:700}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.actions>*{flex:1}.list-item{padding:13px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.list-item p{margin:6px 0}.empty{padding:30px 15px;text-align:center;color:var(--muted)}.badge{color:var(--teal);font-size:12px;background:#e9f4ef;padding:7px;border-radius:6px}.error{padding:12px;border-radius:9px;color:#9b2420;background:#fff0ef;margin:12px 0;white-space:pre-line}.hint{padding:12px;border-left:3px solid #d9945a;background:#fff6e9;color:#71502d;font-size:13px;line-height:1.5}.line-editor{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;background:#f8faf9}.line-editor label{font-size:12px}.line-editor .grid{gap:9px}.sticky{position:sticky;bottom:80px;background:#f2f5f5ef;padding:10px 0;z-index:2}header{height:64px;padding:10px max(18px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:1.5px}.brand img{width:35px;height:35px}.brand span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}main{max-width:760px;margin:auto;padding:20px 18px calc(108px + env(safe-area-inset-bottom))}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:white;border-top:1px solid var(--line);padding:7px 6px calc(8px + env(safe-area-inset-bottom));z-index:5}nav:empty{display:none}nav button{flex:1;max-width:160px;background:white;color:#627b80;font-size:11px;display:flex;flex-direction:column;gap:4px;padding:7px 3px}nav button b{font-size:20px;line-height:20px}nav button.active{background:#eaf2f1;color:#123c43}#notice{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#142f36;color:white;padding:13px 18px;border-radius:10px;max-width:90%;z-index:10;display:none;font-size:14px}#offline{position:sticky;bottom:75px;padding:10px;background:#fff0d9;color:#724412;text-align:center;font-size:13px;z-index:8}.login{max-width:420px;margin:30px auto}.login h1{font-size:32px}.login button.primary{width:100%;margin-top:18px}.install{background:#e8f0ef;padding:14px;border-radius:10px;font-size:13px;line-height:1.6}details>summary{cursor:pointer;font-weight:650;padding:10px 0}.canvas-wrap{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}canvas{width:100%;height:300px;display:block;touch-action:pan-y}.drawing-legs{display:grid;grid-template-columns:25px 1fr 1fr 42px;gap:8px;align-items:center;margin:8px 0}.drawing-legs input{min-width:0}.drawing-legs button{padding:8px}.drawing-legs label{font-size:11px}.drawing-thumb{max-height:190px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 5px;vertical-align:top}th{color:var(--muted)}.overflow{overflow-x:auto}pre{white-space:pre-wrap;font:inherit}.loading{padding:40px;text-align:center;color:var(--muted)}:focus-visible{outline:3px solid #d78e55;outline-offset:3px}@media(min-width:800px){main{padding-top:30px}h1{font-size:33px}.stats .stat{padding:18px}.stat strong{font-size:32px}.order:hover{border-color:#417a7c}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s} }