:root{color:#1a1a1a;font-family:system-ui,Segoe UI,Apple SD Gothic Neo,Roboto,sans-serif;line-height:1.5}body{margin:0}:root{--navy:#1a2b4a;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eff4ff;--teal:#0d9488;--amber:#d97706;--red:#dc2626;--green:#16a34a;--gray:#64748b;--line:#e2e8f0;--bg:#f1f5f9;--ink:#1e293b;--ink-soft:#475569;--radius:14px;--shadow:0 1px 3px #0f172a0a}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:14px}.app{text-align:center;max-width:640px;margin:12vh auto;padding:0 24px}.app h1{color:var(--navy);margin-bottom:8px;font-size:2rem}.subtitle{color:var(--ink-soft);margin-bottom:32px}.health{background:var(--blue-soft);color:var(--blue-dark);font-variant-numeric:tabular-nums;border-radius:8px;padding:8px 16px;display:inline-block}.header{background:var(--navy);color:#fff;z-index:10;align-items:center;gap:6px;height:54px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #00000026}.header .brand{letter-spacing:-.3px;margin-right:18px;font-size:16px;font-weight:800}.header .brand a{color:#7dd3fc;text-decoration:none}.header .nav{gap:2px;margin-right:auto;display:inline-flex}.header .nav a{color:#cbd5e1;border-radius:8px;padding:7px 13px;font-size:13.5px;font-weight:500;text-decoration:none}.header .nav a:hover{color:#fff;background:#ffffff1a}.header .nav a.nav-active{background:var(--blue);color:#fff}.header .user{color:#cbd5e1;align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.header .user-email{color:#94a3b8}.header .user button{color:#e2e8f0;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;padding:5px 12px}.page{max-width:1100px;margin:24px auto;padding:0 24px}.subnav{border-bottom:1px solid var(--line);gap:4px;max-width:1100px;margin:24px auto 0;padding:0 24px;display:flex}.subnav a{color:var(--ink-soft);border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:14px;font-weight:500;text-decoration:none}.subnav a:hover{color:var(--ink)}.subnav a[aria-current=page]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.subnav a small{color:var(--gray);margin-left:5px;font-weight:500}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-head h1{color:var(--navy);letter-spacing:-.3px;margin:4px 0;font-size:23px}.page-head h1 small{color:var(--gray);margin-left:6px;font-size:1rem;font-weight:400}.actions{flex-wrap:wrap;gap:8px;display:inline-flex}.site-actions,.install-actions{margin:4px 0 18px;display:flex}.site-actions .btn,.install-actions .btn{padding:10px 18px;font-size:14px}.crumb{color:var(--gray);margin-bottom:4px;font-size:12.5px}.crumb a{color:var(--gray);text-decoration:none}.crumb a:hover{color:var(--blue)}.page .sub{color:var(--ink-soft);margin:4px 0 18px}.nkb-inline{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13px;display:flex}.nkb-inline .nkb-inline-label{color:var(--ink);font-weight:600}.nkb-inline .nkb-inline-meta:before{content:"·";color:var(--gray);margin-right:6px}.page .sub:has(+.nkb-inline){margin-bottom:8px}.header .nkb-sync-chip{color:#94a3b8;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.header .nkb-sync-chip .nkb-sync-label{color:#fff;font-weight:700}.header .nkb-sync-chip .nkb-sync-btn{cursor:pointer;color:#e2e8f0;background:0 0;border:1px solid #fff3;border-radius:6px;padding:1px 6px}.header .nkb-sync-chip .nkb-sync-btn:disabled{opacity:.5;cursor:default}.link{color:var(--blue);font-size:12px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover{border-color:var(--blue);color:var(--blue)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-dark);color:#fff}.btn.teal{color:var(--teal);border-color:#99f6e4}.btn.teal:hover{border-color:var(--teal);color:var(--teal)}.btn.danger{color:var(--red);background:#fff;border-color:#fecaca}.btn.danger:hover{border-color:var(--red);color:var(--red)}.btn.inline{white-space:nowrap;padding:5px 12px;font-size:.82rem}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:14px;padding:18px 20px}.card.muted{color:var(--gray);box-shadow:none;background:#fafbfc}.card h2{color:var(--navy);justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:15px;display:flex}.card-split+.card-split{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.split-head{color:var(--ink-soft);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);align-items:start;gap:14px;margin-bottom:14px;display:grid}.grid-2>.card{margin-bottom:0}.grid-2.equal{align-items:stretch}@media (width<=820px){.grid-2{grid-template-columns:1fr}}.kv{grid-template-columns:120px 1fr;gap:8px 16px;margin:0;display:grid}.kv dt{color:var(--gray)}.kv dd{color:var(--ink);margin:0;font-weight:500}.grid{border-collapse:collapse;width:100%;font-size:13.5px}.grid th,.grid td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.grid th{color:var(--gray);background:#f8fafc;font-size:12px;font-weight:600}.grid td.nkb-act{white-space:nowrap}.grid .nkb-pick{white-space:normal;flex-direction:column;gap:4px;min-width:200px;display:flex}.grid .cell-sub{color:var(--gray);margin-top:2px;font-size:12px;display:block}.grid .th-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.grid .row{cursor:pointer}.grid .row:hover{background:#f5f8ff}.grid .row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:#f5f8ff}.table-card{min-height:200px;max-height:calc(100vh - 240px);padding:0;overflow:auto}.table-card .grid tr:last-child td{border-bottom:none}.table-card .grid thead th{z-index:1;box-shadow:inset 0 -1px 0 var(--line);background:#f8fafc;border-bottom:none;position:sticky;top:0}.scroll-body{max-height:360px;overflow:auto}.scroll-body .grid thead th{z-index:1;box-shadow:inset 0 -1px 0 var(--line);background:#f8fafc;border-bottom:none;position:sticky;top:0}.scroll-body .grid tr:last-child td{border-bottom:none}.filter{box-sizing:border-box;border:1px solid var(--line);border-radius:8px;width:100%;margin-bottom:16px;padding:8px 12px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters .filter{flex:220px;width:auto;margin-bottom:0}.filters select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}.filters .add-btn{margin-left:auto}.muted-text{color:#94a3b8}.aged-years{color:var(--ink);font-weight:700}.form{flex-direction:column;gap:12px;max-width:480px;display:flex}.form label{flex-direction:column;gap:4px;display:flex}.form label>span{color:var(--gray);font-size:12.5px}.form input,.form select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.form .err{color:var(--red);font-size:.82rem;font-style:normal}.form .chk{flex-direction:row;align-items:center;gap:8px}.form .chk input{width:auto}.form .chk>span{color:var(--ink);font-size:13.5px}.form-actions{gap:8px;margin-top:8px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px 16px;max-width:none;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.tag{white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.tag.blue{color:#1d4ed8;background:#dbeafe}.tag.amber{color:#b45309;background:#fef3c7}.tag.red{color:#b91c1c;background:#fee2e2}.tag.green{color:#15803d;background:#dcfce7}.tag.teal{color:#0f766e;background:#ccfbf1}.tag.gray{color:#475569;background:#f1f5f9}.dday{font-weight:700}.dday.red{color:var(--red)}.dday.amber{color:var(--amber)}.dday.green{color:var(--green)}.dday.gray,.empty{color:#94a3b8}.callout{border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 10px 10px 0;margin-bottom:14px;padding:12px 16px;font-size:13px}.callout.red{border-color:var(--red);background:#fef2f2}.callout.green{border-color:var(--green);background:#f0fdf4}.callout.warn{border-color:var(--amber);background:#fffbeb}.latest{background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:0 10px 10px 0;margin-bottom:12px;padding:12px 14px}.latest .meta{color:var(--ink-soft);margin-top:2px;font-size:.88rem}.content{white-space:pre-wrap;font:inherit;margin:8px 0 0}.tl-sum{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.timeline{padding-left:8px;position:relative}.tl-item{border-left:2px solid var(--line);margin-left:6px;padding:0 0 18px 26px;position:relative}.tl-item:last-child{border-left-color:#0000;padding-bottom:0}.tl-dot{width:14px;height:14px;box-shadow:0 0 0 1px var(--line);background:#cbd5e1;border:3px solid #fff;border-radius:50%;position:absolute;top:2px;left:-8px}.tl-dot.buy{background:var(--gray)}.tl-dot.out{background:var(--blue)}.tl-dot.in{background:var(--amber)}.tl-dot.store{background:#94a3b8}.tl-dot.swap{background:var(--teal)}.tl-dot.dispose{background:var(--red)}.tl-item.now>.tl-dot{background:var(--green);box-shadow:0 0 0 1px var(--green), 0 0 0 5px #dcfce7}.tl-item.now>.tl-dot.dispose{background:var(--red);box-shadow:0 0 0 1px var(--red), 0 0 0 5px #fee2e2}.tl-date{color:var(--gray);font-size:12px;font-weight:600}.tl-main{color:var(--ink);margin:1px 0 2px;font-size:14px}.tl-main b{color:var(--navy)}.tl-flow{color:var(--ink-soft);font-size:13px}.tl-flow .arr{color:var(--blue);margin:0 4px;font-weight:700}.tl-reason{color:#94a3b8;font-size:12px}.tl-now-badge{color:#15803d;background:#dcfce7;border-radius:10px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700}.tl-idle{color:var(--amber);margin-top:2px;font-size:11px;font-weight:600}.form .subform{max-width:none}.subform{border:1px solid var(--line);background:#fafbfc;border-radius:10px;margin-bottom:16px;padding:14px}.hint{color:var(--ink-soft);margin:0;font-size:.85rem}.hint.red{color:var(--red);font-weight:600}.subform textarea{border:1px solid var(--line);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.netset{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:12px 16px;padding:12px 14px;display:grid}.netset legend{color:var(--gray);grid-column:1/-1;padding:0 6px;font-size:.85rem}.popup{z-index:50;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popup-body{border-radius:var(--radius);background:#fff;width:90%;max-width:560px;max-height:86vh;padding:22px 24px;overflow:auto}.popup-body h2{color:var(--navy);margin:0 0 14px;font-size:17px}.modal-form{width:92%;max-width:720px}.sg-swatch{color:var(--ink-soft);flex-direction:column;align-items:center;gap:4px;margin:0 10px 10px 0;font-size:11px;display:inline-flex}.sg-chip{border:1px solid var(--line);border-radius:8px;width:64px;height:40px}.sg-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:16px;display:grid}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi{border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);font:inherit;background:#fff;padding:16px}button.kpi{cursor:pointer;transition:all .12s}.kpi-act{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px;display:grid}.kpi.act{text-align:left;border-left:5px solid var(--red);align-items:center;gap:16px;padding:18px;display:flex}.kpi.act.amber{border-left-color:var(--amber)}.kpi.act .v{font-size:2.2rem}.kpi.act .act-label{color:var(--ink);font-size:13.5px;font-weight:600}.kpi.act .act-def{color:var(--gray);margin-top:2px;font-size:11.5px}.kpi.act .act-go{color:var(--blue);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:600}.kpi-grid.compact{grid-template-columns:repeat(6,1fr);gap:10px}.kpi-grid.compact .kpi{padding:12px 10px}.kpi-grid.compact .kpi .v{font-size:1.3rem}.kpi-grid.compact .kpi .l{margin-top:3px;font-size:11.5px}.kpi.static{cursor:default;background:#fafbfc}@media (width<=900px){.kpi-act{grid-template-columns:1fr}.kpi-grid.compact{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.kpi-grid.compact{grid-template-columns:repeat(2,1fr)}}button.kpi:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.kpi .v{color:var(--navy);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.kpi .v.alert{color:var(--red)}.kpi .v.warn{color:var(--amber)}.kpi .v.ok{color:var(--green)}.kpi .l{color:var(--gray);margin-top:6px;font-size:12.5px}.dash-cols{grid-template-columns:1.5fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=820px){.dash-cols{grid-template-columns:1fr}}.dash-cols>.card{margin-bottom:0}.bar-row{align-items:center;gap:10px;margin:7px 0;font-size:12.5px;display:flex}.bar-row .name{width:80px;color:var(--ink-soft);flex-shrink:0}.bar-row .track{background:#eef2f7;border-radius:6px;flex:1;height:16px;overflow:hidden}.bar-row .fill{background:var(--blue);border-radius:6px;height:100%}.bar-row .fill.amber{background:var(--amber)}.bar-row .fill.teal{background:var(--teal)}.bar-row .fill.gray{background:#94a3b8}.bar-row .num{text-align:right;width:34px;color:var(--navy);flex-shrink:0;font-weight:700}.pillrow{flex-wrap:wrap;gap:6px;display:flex}.calendar .cal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cal-nav{align-items:center;gap:6px;display:flex}.cal-title{color:var(--navy);text-align:center;min-width:96px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekdays{margin:12px 0 4px}.cal-wd{text-align:center;color:var(--ink-soft);padding:2px 0;font-size:12px;font-weight:600}.cal-cell{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:3px;min-height:78px;padding:4px;display:flex;overflow:hidden}.cal-cell.other-month{background:#f8fafc}.cal-cell.other-month .cal-day{color:#94a3b8}.cal-cell.today{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.cal-day{color:var(--navy);font-size:12px;font-weight:700}.cal-events{flex-direction:column;gap:2px;display:flex;overflow:hidden}.cal-event{text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:var(--blue-soft);width:100%;color:var(--navy);border:none;border-radius:4px;padding:1px 4px;font-size:11px;line-height:1.35;display:block;overflow:hidden}.cal-event.amber{color:#92400e;background:#fef3c7}.cal-event:hover{filter:brightness(.97)}.cal-more{color:var(--ink-soft);padding:0 4px;font-size:10.5px}.cal-legend{color:var(--ink-soft);gap:14px;margin:8px 0 2px;font-size:12px;display:flex}@media (width<=640px){.cal-cell{min-height:58px}.cal-event{font-size:10px}}.search-select{position:relative}.ss-input{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.ss-input.invalid{border-color:var(--red)}.ss-input:disabled{background:var(--bg);color:var(--gray)}.ss-clear{cursor:pointer;color:var(--gray);background:0 0;border:0;padding:2px 4px;font-size:16px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ss-panel{z-index:1000;border:1px solid var(--line);background:#fff;border-radius:8px;max-height:240px;margin-top:2px;padding:4px 0;list-style:none;overflow:auto;box-shadow:0 6px 20px #0f172a24}.ss-option{cursor:pointer;color:var(--ink);padding:8px 10px;font-size:13.5px}.ss-option.active{background:var(--blue-soft)}.ss-option[aria-selected=true]{font-weight:600}.ss-empty{color:var(--gray);padding:8px 10px;font-size:13px}.form .field{flex-direction:column;gap:4px;display:flex}.form .field>span{color:var(--gray);font-size:12.5px}