:root{color-scheme:light;--krafton-red: #E8383F;--krafton-red-hover: #C72D33;--krafton-red-soft: #FFF1F1;--krafton-red-glow: rgba(232, 56, 63, .1);--bg: #FFFFFF;--bg-soft: #FAFAFB;--bg-muted: #F4F4F5;--bg-page: #F4F5F8;--border: #EAEAEC;--border-strong: #D4D4D8;--ink: #0A0A0A;--ink-soft: #3F3F46;--ink-muted: #71717A;--ink-faint: #A1A1AA;--success: #059669;--success-soft: #ECFDF5;--warning: #D97706;--warning-soft: #FFFBEB;--danger: #DC2626;--danger-soft: #FEF2F2;--info: #2563EB;--info-soft: #EFF6FF;--fb: #1877F2;--yt: #FF0000;--tt: #010101;--ig: #E1306C;--x: #000000;--dc: #5865F2;--chart-1: #6366F1;--chart-2: #14B8A6;--chart-3: #F59E0B;--chart-4: #EC4899;--chart-5: #8B5CF6;--chart-6: #06B6D4;--chart-7: #84CC16;--chart-8: #F97316;--chart-grid: #F1F1F3;--chart-axis: #B4B4B8;--chart-tooltip-bg: #FFFFFF;--chart-tooltip-text: #18181B;--chart-tooltip-border: #E5E7EB;--sidebar-w: 260px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(10,10,10,.04);--shadow-sm: 0 1px 3px rgba(10,10,10,.05);--shadow: 0 4px 12px rgba(10,10,10,.06);--shadow-lg: 0 12px 32px rgba(10,10,10,.1);--heatmap-r: 232;--heatmap-g: 56;--heatmap-b: 63}:root[data-theme=dark]{--bg-sidebar: #0F1624;--bg: #1A2234;--bg-soft: #232D42;--bg-muted: #2C3854;--bg-page: #1A2234;--border: #2C3448;--border-strong: #3D4866;--ink: #F1F5F9;--ink-soft: #CBD5E1;--ink-muted: #94A3B8;--ink-faint: #64748B;--krafton-red: #FF5762;--krafton-red-hover: #FF7A82;--krafton-red-soft: rgba(255, 87, 98, .12);--krafton-red-glow: rgba(255, 87, 98, .22);--success: #34D399;--success-soft: rgba(52, 211, 153, .14);--warning: #FBBF24;--warning-soft: rgba(251, 191, 36, .14);--danger: #F87171;--danger-soft: rgba(248, 113, 113, .14);--info: #60A5FA;--info-soft: rgba(96, 165, 250, .14);--chart-grid: #2C3448;--chart-axis: #64748B;--chart-tooltip-bg: #0B1220;--chart-tooltip-text: #F1F5F9;--chart-tooltip-border: #3D4866;--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 12px 32px rgba(0,0,0,.55);--heatmap-r: 20;--heatmap-g: 184;--heatmap-b: 166}:root{--bg-sidebar: #FFFFFF}:root[data-theme=dark]{color-scheme:dark}.recharts-default-tooltip{background:var(--chart-tooltip-bg)!important;border:1px solid var(--chart-tooltip-border)!important;border-radius:10px!important;box-shadow:var(--shadow-lg)!important;padding:10px 14px!important}.recharts-default-tooltip .recharts-tooltip-label{color:var(--chart-tooltip-text)!important;font-weight:800;margin-bottom:4px!important}.recharts-default-tooltip .recharts-tooltip-item-value,.recharts-default-tooltip .recharts-tooltip-item-separator,.recharts-default-tooltip .recharts-tooltip-item-unit{color:var(--chart-tooltip-text)!important;font-weight:700}.recharts-default-tooltip .recharts-tooltip-item{padding:2px 0!important}:root[data-theme=dark] .badge-success{color:#6ee7b7}:root[data-theme=dark] .badge-danger{color:#fca5a5}:root[data-theme=dark] .badge-warning{color:#fcd34d}:root[data-theme=dark] .badge-info{color:#93c5fd}.tint-warning{background:#fef3c7;border:1.5px solid #FDE68A;color:#92400e}:root[data-theme=dark] .tint-warning{background:#fbbf241a;border-color:#fbbf2447;color:#fcd34d}.tint-info{background:#eff6ff;border:1.5px solid #BFDBFE;color:#1e40af}:root[data-theme=dark] .tint-info{background:#60a5fa1a;border-color:#60a5fa47;color:#93c5fd}.tint-danger{background:#fef2f2;border:1.5px solid #FCA5A5;color:#991b1b}:root[data-theme=dark] .tint-danger{background:#f871711a;border-color:#f8717147;color:#fca5a5}.tint-success{background:#ecfdf5;border:1.5px solid #A7F3D0;color:#065f46}:root[data-theme=dark] .tint-success{background:#34d3991a;border-color:#34d39947;color:#6ee7b7}.tint-code{background:#0000000f;padding:1px 5px;border-radius:3px;font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace}:root[data-theme=dark] .tint-code{background:#ffffff1a}.period-summary-card{background:linear-gradient(135deg,var(--bg-soft) 0%,var(--bg) 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--bg-page)}body{font-family:Malgun Gothic,맑은 고딕,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em;line-height:1.15}h1{font-size:38px}h2{font-size:24px}h3{font-size:19px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-w);min-width:0;background:var(--bg-page)}.page{padding:32px 40px 60px;max-width:1600px;margin:0 auto}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-sm)}.pill{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:700;background:var(--bg);border:1.5px solid var(--border);color:var(--ink-soft);cursor:pointer;transition:all .15s;white-space:nowrap}.pill:hover{border-color:var(--ink);color:var(--ink)}.pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill-group{display:inline-flex;gap:4px;padding:4px;background:var(--bg-muted);border-radius:999px}.pill-group button{padding:7px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-muted);transition:all .15s}.pill-group button.active{background:var(--bg);color:var(--ink);box-shadow:var(--shadow-xs)}.cal-metric-seg{display:inline-flex;gap:2px;padding:4px;background:var(--bg-muted);border-radius:10px;box-shadow:inset 0 0 0 1px var(--border)}.cal-metric-seg button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;border:0;background:transparent;font-size:13px;font-weight:700;color:var(--ink-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.cal-metric-seg button:hover{color:var(--ink-soft)}.cal-metric-seg button.is-active{background:var(--bg);color:var(--ink);font-weight:800;box-shadow:var(--shadow-sm)}.cal-metric-seg button.is-active:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:700;font-size:15px;transition:all .15s;cursor:pointer;white-space:nowrap;border:1.5px solid transparent}.btn-primary{background:var(--krafton-red);color:#fff}.btn-primary:hover{background:var(--krafton-red-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--krafton-red-glow)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#27272a}.btn-ghost{background:var(--bg);color:var(--ink);border-color:var(--border)}.btn-ghost:hover{border-color:var(--ink);background:var(--bg-soft)}.btn-danger-ghost{background:var(--bg);color:var(--danger);border-color:var(--border)}.btn-danger-ghost:hover{background:var(--danger-soft);border-color:var(--danger)}.content-type-trigger{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s;min-height:38px;white-space:nowrap}.content-type-trigger:hover{border-color:var(--border-strong)}.content-type-trigger[data-open=true]{border-color:var(--krafton-red);background:var(--krafton-red-soft)}.content-type-trigger[data-compact=true]{padding:6px 10px;font-size:12px;min-height:32px}.content-type-trigger-label{line-height:1}.content-type-trigger-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--krafton-red);color:#fff;font-size:10px;font-weight:900}.content-type-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:280px;max-width:340px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;animation:fadeIn .12s ease}.content-type-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;font-size:10px;font-weight:800;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--border)}.content-type-clear{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;background:var(--bg-muted);border:0;color:var(--ink-soft);font-size:10.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;text-transform:none}.content-type-clear:hover{background:var(--krafton-red-soft);color:var(--krafton-red)}.content-type-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:0;cursor:pointer;text-align:left;transition:background .12s}.content-type-option:hover{background:var(--bg-muted)}.content-type-option[data-selected=true],.content-type-option[data-selected=true]:hover{background:var(--krafton-red-soft)}.content-type-check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .12s,border-color .12s}.content-type-check[data-checked=true]{background:var(--krafton-red);border-color:var(--krafton-red)}.content-type-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.content-type-option-body{flex:1;min-width:0}.content-type-option-label{font-size:13px;font-weight:700;color:var(--ink);line-height:1.2}.content-type-option-desc{font-size:11px;color:var(--ink-muted);font-weight:500;margin-top:2px;line-height:1.2}.content-type-divider{height:1px;background:var(--border);margin:2px 0}@media(max-width:900px){.content-type-menu{min-width:240px;max-width:calc(100vw - 32px)}}.input{width:100%;padding:12px 15px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;background:var(--bg);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--bg-muted)}.select{width:100%;padding:12px 36px 12px 15px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;background:var(--bg);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}.badge-success{background:var(--success-soft);color:#047857}.badge-danger{background:var(--danger-soft);color:#b91c1c}.badge-warning{background:var(--warning-soft);color:#b45309}.badge-info{background:var(--info-soft);color:#1d4ed8}.badge-neutral{background:var(--bg-muted);color:var(--ink-soft)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.page-header-left{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.page-title{font-size:32px;font-weight:800;letter-spacing:-.025em;line-height:1.2}.page-subtitle{font-size:14px;color:var(--ink-muted);margin-top:5px;font-weight:500}.page-header-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.readonly-banner{background:#fffbeb;border-bottom:1.5px solid #FDE68A;color:#92400e;padding:9px 22px;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:6px}.readonly-banner-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.readonly-banner-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#fcd34d;color:#78350f;border-radius:6px;font-size:11.5px;font-weight:900;letter-spacing:.08em;flex-shrink:0}.readonly-banner-label{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.readonly-banner-meta{color:#92400e;font-weight:700;font-size:12px}.readonly-banner-counts{color:#92400e;font-weight:600;font-size:12px;opacity:.88}.readonly-banner-gist{background:#78350f14;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;color:#78350f;font-family:ui-monospace,SFMono-Regular,monospace;flex-shrink:0}.readonly-banner-row-counts{justify-content:space-between}@media(max-width:900px){.readonly-banner{padding:8px 14px;font-size:12px}.readonly-banner-label span{display:none}.readonly-banner-meta{width:100%;font-size:11.5px}.readonly-banner-counts{font-size:11.5px;flex:1;min-width:0}.readonly-banner-gist{font-size:10px}}.section-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:4px}.modal-overlay{position:fixed;inset:0;background:#0a0a0a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.modal{background:var(--bg);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0003}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--ink-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes pulse-red{0%,to{box-shadow:0 0 #f2393566}50%{box-shadow:0 0 0 6px #f2393500}}.fade-in{animation:fadeIn .3s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--krafton-red);outline-offset:2px}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;transition:transform .25s ease}.mobile-topbar,.mobile-tabbar,.mobile-sheet,.mobile-sheet-bg,.sidebar-backdrop,.sidebar-close-btn,.pp-cards-mobile{display:none}@media(max-width:900px){.sidebar{display:none!important;width:0!important;visibility:hidden!important}.mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;align-items:center;gap:10px;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);z-index:80;min-height:56px;padding-top:calc(10px + env(safe-area-inset-top,0px))}.mobile-topbar-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-soft);color:var(--ink);flex-shrink:0}.mobile-topbar-btn:hover{background:var(--bg-muted)}.main-content{margin-left:0!important;padding-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:calc(66px + env(safe-area-inset-bottom,0px));width:100%;max-width:100%}.mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;height:66px;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;box-shadow:0 -2px 12px #0000000a}:root[data-theme=dark] .mobile-tabbar{box-shadow:0 -2px 12px #00000059}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink-faint);font-size:10.5px;font-weight:600;background:transparent;border:0;cursor:pointer;padding:8px 2px 6px;min-width:0;text-decoration:none;transition:color .15s;-webkit-tap-highlight-color:transparent}.mobile-tab.is-active{color:var(--krafton-red);font-weight:700}.mobile-tab:hover{color:var(--ink-soft)}.mobile-tab.is-active:hover{color:var(--krafton-red)}.mobile-tab:active{transform:scale(.94);transition:transform .08s}.mobile-tab-label{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1;letter-spacing:-.005em}.mobile-sheet-bg{display:block;position:fixed;inset:0;background:#00000073;z-index:199;animation:fadeIn .2s ease}.mobile-sheet{display:block;position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-radius:20px 20px 0 0;padding:14px 14px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #0000004d;z-index:200;max-height:85vh;overflow-y:auto;animation:slideUpSheet .25s ease}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border-strong);margin:0 auto 14px}.mobile-sheet-headrow{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px}.mobile-sheet-title{font-size:11px;font-weight:800;color:var(--ink);letter-spacing:.14em;text-transform:uppercase}.mobile-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-soft);border:0;color:var(--ink-soft);cursor:pointer}.mobile-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mobile-more-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 8px 16px;background:var(--bg-soft);border:1.5px solid transparent;border-radius:14px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;position:relative;transition:all .15s;text-align:center;min-height:86px;-webkit-tap-highlight-color:transparent}.mobile-more-item.is-active{background:var(--krafton-red-soft);border-color:var(--krafton-red-glow);color:var(--krafton-red)}.mobile-more-item:active{transform:scale(.97);transition:transform .08s}.mobile-more-item-icon{color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-more-item.is-active .mobile-more-item-icon{color:var(--krafton-red)}.mobile-more-item-label{line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.mobile-more-item-badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px;padding:0 6px;background:var(--krafton-red);color:#fff;border-radius:9px;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000040}@media(min-width:600px)and (max-width:900px){.mobile-sheet-grid{grid-template-columns:repeat(4,1fr)}}.page{padding:16px 14px 20px}h1.page-title{font-size:22px;line-height:1.15}.card{padding:14px 16px}.btn{min-height:38px}.page-header{flex-direction:column;align-items:stretch!important;gap:10px}.page-header-left,.page-header-right{width:100%;flex-wrap:wrap}.page-header-right{justify-content:flex-start}.cs-cards,.cs-row,.an-row,.folders-grid,.cal-grid,.cd-grid,.cd-grid-rev,.pp-row,.dc-grid,.dc-grid-rev{grid-template-columns:1fr!important}.tp-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.tp-row{grid-template-columns:1fr!important}.pill-group{flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pill-group::-webkit-scrollbar{display:none}.pill-group button{flex-shrink:0;padding:6px 12px;font-size:12.5px}.pp-table-wrap{display:none!important}.pp-cards-mobile{display:flex!important;flex-direction:column;gap:10px;padding:4px 2px 8px}.pp-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px}table{font-size:12px}table th,table td{padding:8px 10px!important}.card>div[style*=overflowX]{-webkit-overflow-scrolling:touch}.day-cell{min-height:60px!important;border-radius:7px!important}.day-cell-strip{padding:3px 5px!important;min-height:18px!important}.day-cell-value{font-size:14px!important}.day-cell-date{font-size:13px!important}.day-cell-unit{font-size:8px!important;letter-spacing:.05em!important}.day-cell-tag{font-size:9px!important;padding:1px 4px!important}.day-cell-secondary{display:none!important}.modal-overlay{padding:12px!important}.modal{max-height:90vh!important}.recharts-cartesian-axis-tick-value{font-size:10px!important}.recharts-xAxis .recharts-cartesian-axis-tick:nth-child(2n){display:none}.recharts-legend-item-text{font-size:11px!important}}@media(max-width:480px){.page{padding:14px 10px 30px}h1.page-title{font-size:20px}.card{padding:12px}.tp-grid{grid-template-columns:1fr!important}}@media print{@page{size:A4 landscape;margin:12mm 10mm}body{background:#fff!important;color:#000!important;font-size:11pt;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}aside,.no-print,button,.btn,input[type=date],.pill{display:none!important}.main-content{margin-left:0!important;padding:0!important}.page{padding:0!important}.card,.recharts-wrapper,table,.avoid-break{break-inside:avoid;page-break-inside:avoid}.page-header{break-after:avoid;page-break-after:avoid}.card{margin-bottom:10mm!important;box-shadow:none!important;border:1px solid #ddd!important}a{color:#000!important;text-decoration:none!important}.recharts-cartesian-grid line{stroke:#ddd!important}}