:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:#0f172a;background:#e9eef5;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--good:#047857;--warn:#b45309;--red:#b91c1c}*{box-sizing:border-box}body{margin:0;-webkit-tap-highlight-color:transparent}.boot{height:100vh;display:grid;place-items:center;font-weight:900}.shell{width:min(780px,100%);margin:auto;min-height:100vh;background:var(--bg);padding-bottom:96px}.top{position:sticky;top:0;z-index:20;min-height:76px;padding:14px 17px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:950;letter-spacing:.04em}.brand small{font-size:9px;color:#94a3b8;margin-left:3px}.subtitle{font-size:10px;color:#94a3b8;margin-top:3px}.userbtn{border:1px solid #334155;background:#1e293b;color:#fff;border-radius:12px;padding:8px 10px;font-weight:800;font-size:11px}.userbtn small{display:block;color:#94a3b8;font-weight:600}.main{padding:17px 15px}.hero{padding:20px;border-radius:24px;background:linear-gradient(145deg,#0f172a,#334155);color:#fff;display:flex;justify-content:space-between;align-items:end;box-shadow:0 16px 32px #0f172a20}.hero .date{font-size:11px;color:#cbd5e1}.hero h1{font-size:28px;margin:4px 0 2px}.hero p{font-size:12px;color:#cbd5e1;margin:0}.hero .num{font-size:48px;font-weight:950;line-height:1}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.kpi b{display:block;font-size:20px}.kpi span{font-size:10px;color:var(--muted)}.alert{margin:12px 0 21px;border:1px solid #fed7aa;background:#fff7ed;border-radius:17px;padding:13px;display:flex;align-items:center;gap:10px;cursor:pointer}.alert .emoji{font-size:21px}.alert>div{flex:1}.alert b,.alert span{display:block}.alert span{font-size:10px;color:#9a3412;margin-top:2px}.sect{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 9px}.sect h2{font-size:15px;margin:0}.link{border:0;background:none;color:#2563eb;font-weight:850;padding:7px}.cards{display:grid;gap:9px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.salehead{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:14px;background:#e2e8f0;display:grid;place-items:center;font-weight:950}.grow{flex:1;min-width:0}.card h3{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{font-size:10px;color:var(--muted);margin-top:3px}.details{display:flex;flex-wrap:wrap;gap:8px 13px;margin:11px 0 9px;color:#475569;font-size:11px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#f1f5f9;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:850}.chip.done{background:#ecfdf5;color:#047857}.price{font-weight:900;font-size:11px;margin-top:9px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.btn,.wa{min-height:40px;border:0;border-radius:12px;padding:9px 11px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.btn{background:#e2e8f0;color:#0f172a}.btn.primary{background:#0f172a;color:#fff}.btn.good,.wa{background:#ecfdf5;color:#047857}.btn.danger{background:#fee2e2;color:#b91c1c}.btn.ghost{background:#fff;border:1px solid var(--line)}.actions>*{flex:1}.page h1{font-size:28px;margin:2px 0}.page>p{font-size:12px;color:var(--muted);margin:4px 0 15px}.toolbar{display:flex;gap:8px;margin-bottom:11px}.search{height:46px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:0 11px;flex:1}.search input{border:0;outline:0;min-width:0;flex:1;font-size:14px;margin-left:7px;background:transparent}.select{height:46px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 10px;max-width:140px}.remcard.due{background:#fffdf8;border-color:#fdba74}.remcard.soon{border-color:#fde68a}.rdate{font-size:11px;font-weight:900}.remcard p{font-size:11px;color:#475569;margin:6px 0}.empty{padding:22px;border:1px dashed #cbd5e1;border-radius:16px;text-align:center;color:var(--muted);background:#ffffff88;font-size:12px}.service{display:flex;align-items:center;gap:10px}.ico{width:40px;height:40px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center}.service p{font-size:10px;color:var(--muted);margin:3px 0}.pill{background:#ecfdf5;color:#047857;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850}.fab{position:fixed;z-index:30;bottom:62px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:20px;border:5px solid var(--bg);background:#0f172a;color:#fff;font-size:30px;box-shadow:0 9px 24px #0f172a38}.nav{position:fixed;z-index:25;bottom:0;left:50%;transform:translateX(-50%);width:min(780px,100%);height:82px;background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.nav button{border:0;background:none;color:#94a3b8;font-size:9px;position:relative}.nav button b{display:block;font-size:18px;margin-bottom:3px}.nav button.on{color:#0f172a;font-weight:950}.badge{position:absolute;top:6px;right:18%;background:#ef4444;color:#fff;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px}.overlay{position:fixed;inset:0;background:#0f172a99;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(780px,100%);max-height:93vh;overflow:auto;background:var(--bg);border-radius:26px 26px 0 0;padding:17px 15px calc(24px + env(safe-area-inset-bottom))}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.modalhead h2{margin:0;font-size:22px}.close{border:0;background:#e2e8f0;border-radius:12px;width:38px;height:38px;font-size:19px}.form{display:grid;gap:13px}.label{font-size:10px;color:#475569;font-weight:850;margin:0 0 5px 3px}.field{min-height:49px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;padding:0 11px}.field input,.field select,.field textarea{border:0;outline:0;background:transparent;width:100%;font-size:14px}.field textarea{min-height:78px;padding:12px 0;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.picks{display:flex;flex-wrap:wrap;gap:6px}.picks button{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:9px 10px;font-size:11px;font-weight:800}.picks button.sel{background:#0f172a;color:#fff;border-color:#0f172a}.remedit{display:grid;grid-template-columns:minmax(0,1fr) 62px 91px;gap:6px;align-items:center;background:#eef2ff;padding:9px;border-radius:13px}.remedit small{display:block;color:var(--muted);margin-top:2px;font-size:9px}.remedit input,.remedit select{height:39px;border:1px solid #cbd5e1;border-radius:9px;padding:0 6px;background:#fff;width:100%}.tabs{display:flex;background:#e2e8f0;padding:3px;border-radius:13px;margin-bottom:12px}.tabs button{flex:1;border:0;background:transparent;padding:8px;border-radius:10px;font-size:10px;font-weight:850;color:#64748b}.tabs button.on{background:#fff;color:#0f172a}.settingsgrid{display:grid;gap:9px}.settingcard{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px}.settingcard h3{margin:0 0 5px;font-size:15px}.settingcard p{font-size:10px;color:var(--muted);margin:0 0 11px}.statbars{display:grid;gap:8px}.barrow{display:grid;grid-template-columns:110px 1fr 28px;gap:8px;align-items:center;font-size:10px}.bar{height:9px;background:#e2e8f0;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#0f172a;border-radius:9px}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#334155,#0f172a 58%)}.login{width:min(430px,100%);background:#f8fafc;border-radius:26px;padding:24px;box-shadow:0 30px 80px #0005}.loginlogo{width:64px;height:64px;border-radius:20px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:950}.login h1{margin:15px 0 5px}.login p{font-size:12px;color:var(--muted);margin:0 0 20px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:12px;font-size:11px;display:none}.note{font-size:10px;color:var(--muted);line-height:1.5}.toast{position:fixed;z-index:99;top:82px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;box-shadow:0 8px 25px #0003}.install{background:#eff6ff;border:1px solid #bfdbfe;border-radius:15px;padding:12px;font-size:11px;color:#1e40af;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}.row>*{min-width:0}.right{margin-left:auto}@media(min-width:700px){.main{padding:24px}.cards.two-col{grid-template-columns:repeat(2,1fr)}.overlay{align-items:center}.modal{border-radius:26px;max-height:88vh}.fab{left:calc(50% + 300px)}.settingsgrid{grid-template-columns:1fr 1fr}}