:root{--bg:#f2f6f8;--panel:#fff;--ink:#2b3340;--ink-2:#7b8593;--ink-3:#aeb6c1;--line:#eaeff3;--line-2:#e1e7ec;--accent:#23b5ac;--accent-deep:#168f88;--accent-soft:#e4f7f4;--mint:#7fe0c4;--sky:#8fc4ff;--danger:#f0606a;--green:#22b07a;--warn:#f2a93b;--font:"Inter","Noto Sans JP",-apple-system,sans-serif;--round:"Quicksand",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}.app{min-height:100vh}.app,.side{display:flex}.side{width:236px;background:var(--panel);border-right:1px solid var(--line);padding:20px 14px;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex:0 0 auto}.brand{display:flex;align-items:center;gap:9px;padding:6px 8px 18px}.brand .wm{font-family:var(--round);font-weight:700;font-size:22px}.brand .tag{font-size:10px;color:var(--ink-3);font-weight:700;letter-spacing:.08em}.nav-i{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;cursor:pointer;color:var(--ink-2);font-weight:600;font-size:13.5px;border:none;background:none;width:100%;text-align:left}.nav-i:hover{background:var(--bg);color:var(--ink)}.nav-i.cur{background:var(--accent-soft);color:var(--accent-deep)}.nav-i .badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:10px;justify-content:center;padding:0 5px}.nav-i .badge,.side-foot{display:flex;align-items:center}.side-foot{margin-top:auto;gap:10px;padding:12px 8px 4px;border-top:1px solid var(--line)}.side-foot .nm{font-weight:700;font-size:13px}.side-foot .rl{font-size:11px;color:var(--ink-3)}.main{flex:1 1;min-width:0}.topbar{height:62px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar h1{font-size:18px;font-weight:800;letter-spacing:-.02em}.content{padding:24px 26px 60px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.kpi .l{font-size:12px;color:var(--ink-2);font-weight:600}.kpi .v{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:8px}.kpi .v small{font-size:14px;font-weight:600;color:var(--ink-2)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:4px}.panel h3{font-size:14px;font-weight:800;margin-bottom:12px}.toolbar{display:flex;gap:8px;margin-bottom:14px}.tabs{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:4px}.tabs button{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;border:none;background:none}.tabs button.on{background:var(--accent);color:#fff}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}thead th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-weight:700;padding:13px 16px;background:var(--bg)}tbody td{padding:13px 16px;border-top:1px solid var(--line);font-size:13.5px;vertical-align:top}tbody tr:hover{background:var(--bg)}.u-cell{display:flex;flex-direction:column}.u-cell .nm{font-weight:700}.u-cell .h{font-size:11px;color:var(--ink-3)}.pill{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-block}.pill.gift{background:#fff3e0;color:#c77700}.pill.cash{background:#e7eeff;color:#3a63c0}.pill.active{background:var(--accent-soft);color:var(--accent-deep)}.pill.pending,.pill.warn{background:#fff3df;color:#b5781a}.pill.frozen,.pill.rejected{background:#fdecec;color:#c23b41}.pill.approved{background:var(--accent-soft);color:var(--accent-deep)}.score{font-weight:700;font-size:12.5px}.score.low{color:var(--green)}.score.mid{color:var(--warn)}.score.high{color:var(--danger)}.btn{font-size:12px;font-weight:700;padding:7px 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--panel);cursor:pointer;color:var(--ink)}.btn.ok{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.no{background:#fff;color:var(--danger);border-color:#f3c9cb}.btn.ghost,.muted{color:var(--ink-2)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(165deg,#fff,#eaf7f4 60%,#e8f1fc)}.login h1{font-family:var(--round);font-weight:700;font-size:30px}.login input{width:280px;padding:14px;border:1px solid var(--line-2);border-radius:12px;font-size:15px}.login .cta{padding:13px 24px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer}.heart{width:64px;height:64px}