:root{--bg: #F2F2F7;--card: #FFFFFF;--ink: #1C1C1E;--muted: #8E8E93;--line: #E5E5EA;--accent: #0A84FF;--accent-soft: #E9F2FF;--success: #34C759;--success-soft: #E7F8EC;--warn: #FF9F0A;--warn-soft: #FFF4E2;--danger: #FF3B30;--danger-soft: #FFECEB;--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font-family:inherit}input{font-family:inherit;font-size:16px}a{color:var(--accent);text-decoration:none}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative}.header{padding:calc(env(safe-area-inset-top) + 14px) 20px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header h1{font-size:26px;font-weight:700;margin:0;letter-spacing:-.02em}.header .sub{color:var(--muted);font-size:14px;margin-top:2px}.content{flex:1;padding:4px 16px 96px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card.tight{padding:12px 14px}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--muted);font-size:14px}.big{font-size:30px;font-weight:700;letter-spacing:-.02em}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:14px;border:none;background:#efeff4;color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}.btn:active{opacity:.7}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-row{display:flex;gap:10px}.btn-sm{width:auto;padding:9px 14px;font-size:14px}.icon-btn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:#efeff4}.avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:15px}.avatar.lg{width:56px;height:56px;font-size:22px}.avatar.sm{width:30px;height:30px;font-size:12px}.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--line);display:flex;justify-content:space-around;padding:8px 4px calc(env(safe-area-inset-bottom) + 6px);z-index:50}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:10px;flex:1}.tab .ic{font-size:22px;line-height:1}.tab.on{color:var(--accent)}.seg{display:flex;background:#e9e9ef;border-radius:12px;padding:3px}.seg button{flex:1;border:none;background:none;padding:8px;border-radius:9px;font-size:14px;color:var(--muted);cursor:pointer;font-weight:600}.seg button.on{background:#fff;color:var(--ink)}.pill{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--warn-soft);color:#b26b00}.pill.success{background:var(--success-soft);color:#1b7f36}.pill.muted{background:#efeff4;color:var(--muted)}.progress{height:8px;border-radius:8px;background:#e9e9ef;overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat{background:var(--card);border-radius:12px;padding:12px;text-align:center}.stat .v{font-size:22px;font-weight:700}.stat .k{font-size:11px;color:var(--muted);margin-top:2px}.list-item{display:flex;align-items:center;gap:10px;padding:12px 0}.list-item+.list-item{border-top:.5px solid var(--line)}.field{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:16px;margin-bottom:10px}.pin-dots{display:flex;gap:14px;justify-content:center;margin:18px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent)}.pin-dot.filled{background:var(--accent)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:280px;margin:0 auto}.key{height:70px;border-radius:50%;border:none;background:#fff;font-size:28px;font-weight:500;cursor:pointer;color:var(--ink)}.key:active{background:#e9e9ef}.key.blank{background:none}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer}.person .name{font-size:14px;color:var(--ink);font-weight:600}.person .team{font-size:11px;color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:flex-end}.sheet{background:var(--card);width:100%;max-width:480px;margin:0 auto;border-radius:20px 20px 0 0;padding:20px 18px calc(env(safe-area-inset-bottom) + 20px)}.sheet h3{margin:0 0 14px;font-size:18px}.loading{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:24px 0;font-size:14px}