:root{--brand:#b91c1c;--brand-dark:#7f1313;--green:#2e7d32;--green-dark:#1f5e25;--bg:#f4f4f6;--card:#ffffff;--ink:#1f2024;--muted:#70757e;--line:#e7e7ea;--red:#d32f2f;--amber:#e08600;--radius:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px}.app{max-width:460px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .bars{display:flex;gap:2.5px}.topbar .bars span{width:4px;height:20px;background:var(--brand);display:inline-block;border-radius:1px}.topbar .brand{font-weight:800;font-size:18px;letter-spacing:.3px}.topbar .tm{font-size:9px;vertical-align:super}.topbar .title{flex:1;font-size:17px;font-weight:600}.topbar .back{border:none;background:none;font-size:22px;color:var(--ink);padding:0;line-height:1}.content{flex:1;padding:14px 14px 84px}.homebar{position:sticky;bottom:0;display:flex;justify-content:center;padding:12px;background:var(--green)}.homebar button{border:none;background:none;color:#fff;font-size:12px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);aspect-ratio:1/1.05;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;cursor:pointer;position:relative;color:var(--ink);text-decoration:none}.tile:active{transform:scale(.98)}.tile .nm{position:absolute;bottom:14px;left:16px;font-size:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}h1{font-size:22px;margin:4px 0 14px}h2{font-size:17px;margin:0 0 10px}h3{font-size:16px;margin:0 0 4px}label,.k{display:block;font-size:13px;color:var(--muted);margin:10px 0 5px}input,select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font-size:16px;background:#fff}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:13px;border:none;border-radius:8px;background:var(--green);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.brand{background:var(--brand)}.btn:disabled{opacity:.5}.btnrow{display:flex;gap:10px;margin:12px 0}.step{display:flex;align-items:center;gap:10px}.step .v{flex:1;text-align:left;font-size:16px;font-weight:500;border:1px solid var(--line);border-radius:8px;padding:11px}.step button{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:22px}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sizes button{padding:14px 0;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:500;font-size:15px}.sizes button.on{background:var(--green);color:#fff;border-color:var(--green)}.result{background:#eef7ee;border:1px solid var(--green);border-radius:var(--radius);padding:18px;text-align:center;margin-top:12px}.result .lab{font-size:14px;color:var(--green);font-weight:600}.result .big{font-size:52px;font-weight:700;color:var(--green);line-height:1.05}.result .raw{font-size:13px;color:var(--red);margin-top:2px}.result .mx{font-size:17px;font-weight:700;color:var(--green);margin-top:8px}.row{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .ref{font-weight:600}.row .sub{font-size:13px;color:var(--muted);margin-top:2px}.row .rt{text-align:right;font-size:14px}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:8px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:4px}.actions{display:flex;gap:14px}.actions button{border:none;background:none;color:var(--muted);font-size:17px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.tab.on{background:var(--brand);color:#fff;border-color:var(--brand)}.muted{color:var(--muted)}.center{text-align:center}.error{color:var(--red);font-size:14px;margin-top:8px}.note{font-size:12px;color:var(--muted);font-style:italic;margin-top:6px}.login-wrap{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px;max-width:460px;margin:0 auto}.login-logo{text-align:center;font-size:40px;font-weight:800;color:var(--brand);margin-bottom:6px;letter-spacing:.5px}.fab{position:fixed;bottom:80px;right:max(16px,calc(50% - 214px));width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;border:none;font-size:28px;box-shadow:0 3px 10px #00000040;z-index:5}.pill{background:#e6f1fb;color:#0c447c;font-size:12px;padding:3px 10px;border-radius:999px}.inactive{opacity:.5}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#eee;color:#555}.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:15px;font-weight:600;color:var(--ink)}@media (min-width: 700px){.app{max-width:680px}.tiles{grid-template-columns:repeat(3,1fr)}.content{padding:20px 24px}}@media (min-width: 1100px){.app{max-width:980px}.tiles{grid-template-columns:repeat(4,1fr)}.content{padding:24px 32px}.card{padding:18px 20px}.fab{right:max(24px,calc(50% - 466px))}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 500px at 50% -200px,rgba(200,16,46,.1),transparent 70%),linear-gradient(180deg,#fbfbfc,#f1f2f4)}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px -20px #14182840,0 2px 6px #0000000a;overflow:hidden}.login-accent{height:5px;background:linear-gradient(90deg,#c8102e,#e23a52)}.login-inner{padding:34px 30px 28px}.login-tag{text-align:center;color:var(--muted);font-size:14px;margin:0 0 26px}.login-lbl{display:block;font-size:12px;font-weight:600;color:#4b5059;letter-spacing:.3px;text-transform:uppercase;margin:0 0 6px}.login-field{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#f4f5f7;font-size:15px;margin-bottom:16px}.login-field:focus{outline:none;border-color:#c8102e;background:#fff;box-shadow:0 0 0 3px #c8102e1f}.login-signin{display:block;margin:4px auto 0;padding:11px 0;width:75%;border:2px solid #c8102e;border-radius:11px;background:#fff;color:#c8102e;font-size:15px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:.15s}.login-signin:hover{background:#c8102e;color:#fff}.login-signin:disabled{opacity:.5}.login-forgot{display:block;width:100%;text-align:center;background:none;border:none;color:var(--muted);font-size:13px;margin-top:14px;cursor:pointer}.login-forgot:hover{color:var(--ink);text-decoration:underline}.login-sep{display:flex;align-items:center;gap:12px;color:#9aa0a6;font-size:12px;margin:22px 0 16px}.login-sep:before,.login-sep:after{content:"";flex:1;height:1px;background:var(--line)}.login-gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}.login-gbtn:hover{background:#fafafa}.login-foot{text-align:center;color:#9aa0a6;font-size:11px;margin-top:22px}.orgbar{background:#fbeaec;color:#7f1320;border-bottom:1px solid #f3d2d7;padding:6px 16px;font-size:13px;font-weight:600;text-align:center;letter-spacing:.2px}