:root{--accent: #0f766e;--accent-dark: #0c5e57;--accent-soft: #e7f7f3;--bg: #f5f6f7;--card: #ffffff;--line: #e3e6e8;--text: #15201f;--muted: #67767a;--danger: #b42318;--warn: #b45309;--ok: #0f766e;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}a{color:var(--accent)}.app{max-width:720px;margin:0 auto;min-height:100%;padding-bottom:76px}.appbar{position:sticky;top:0;z-index:10;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem}.appbar h1{font-size:1.1rem;margin:0;font-weight:650}.appbar .iconbtn{background:transparent;border:0;color:#fff;font-size:1.1rem;padding:.3rem .5rem;cursor:pointer}.content{padding:1rem}.page-title{font-size:1.05rem;margin:.2rem 0 .8rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:.8rem}.card.click{cursor:pointer}.card.click:active{background:#fafbfb}.row{display:flex;align-items:center;gap:.6rem}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.82rem}.tiny{font-size:.74rem}.strong{font-weight:650}.mt{margin-top:.6rem}.mb{margin-bottom:.6rem}.center{text-align:center}.chip{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600;background:#eef1f2;color:#445}.chip.filling{background:#fef3c7;color:#92400e}.chip.filled{background:var(--accent-soft);color:var(--accent-dark)}.chip.timed_out,.chip.cancelled{background:#fde8e6;color:var(--danger)}.chip.open{background:#fef3c7;color:#92400e}.state{font-size:.74rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:#eef1f2;color:#445}.state.confirmed{background:var(--accent-soft);color:var(--accent-dark)}.state.pending_hold{background:#ede9fe;color:#6d28d9}.state.awaiting_confirm,.state.negotiating{background:#fef3c7;color:#92400e}.state.declined,.state.unreachable,.state.closed{background:#f1f3f4;color:#889}label{display:block;font-size:.85rem;font-weight:600;margin:.7rem 0 .25rem;color:#344}input,select,textarea,.btn{width:100%;font:inherit;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text)}input[type=checkbox]{width:auto}textarea{min-height:80px;resize:vertical}.field-inline{display:flex;gap:.5rem}.field-inline>*{flex:1}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:650;text-align:center}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:active{background:var(--accent-dark)}.btn.ghost{background:#fff;color:var(--accent)}.btn.danger{background:#fff;color:var(--danger);border-color:#f3c8c4}.btn.sm{width:auto;padding:.4rem .7rem;font-size:.82rem;border-radius:8px}.btn:disabled{opacity:.5;cursor:default}.fab-bar{position:fixed;left:0;right:0;bottom:56px;padding:.6rem 1rem;max-width:720px;margin:0 auto;background:linear-gradient(transparent,var(--bg) 40%)}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.segmented button{flex:1;border:0;background:#fff;padding:.6rem;font-weight:600;cursor:pointer}.segmented button.on{background:var(--accent);color:#fff}.pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.pill{background:var(--accent-soft);color:var(--accent-dark);border:0;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer}.nav{position:fixed;bottom:0;left:0;right:0;z-index:10;max-width:720px;margin:0 auto;display:flex;background:#fff;border-top:1px solid var(--line)}.nav a{flex:1;text-align:center;padding:.5rem 0;font-size:.68rem;color:var(--muted);text-decoration:none}.nav a.active{color:var(--accent);font-weight:700}.nav a .ic{display:block;font-size:1.15rem;line-height:1.3}.coverage-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#eceff0;margin:.5rem 0}.coverage-bar .seg{background:var(--accent)}.coverage-bar .gap{background:#d8dee0}.banner{border-radius:10px;padding:.7rem .8rem;margin-bottom:.7rem;font-size:.85rem}.banner.error{background:#fde8e6;color:var(--danger)}.banner.warn{background:#fef3c7;color:#92400e}.banner.info{background:var(--accent-soft);color:var(--accent-dark)}.feed-line{padding:.4rem 0;border-bottom:1px solid #eef1f2;font-size:.86rem}.feed-line .t{color:var(--muted);font-size:.72rem}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.8rem}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem}.kpi .n{font-size:1.4rem;font-weight:700}.kpi .l{font-size:.78rem;color:var(--muted)}.login-wrap{max-width:360px;margin:12vh auto;padding:1.5rem}.spinner{text-align:center;color:var(--muted);padding:2rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}table.data{width:100%;border-collapse:collapse;font-size:.85rem}table.data th,table.data td{text-align:left;padding:.4rem .3rem;border-bottom:1px solid var(--line)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}