*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--white: #FFFFFF;--black: #1D1D1F;--accent: #0071E3;--accent-light: rgba(0, 113, 227, .08);--accent-purple: #8B5CF6;--surface: #FAFBFC;--border: rgba(0, 0, 0, .06);--text-primary: #1D1D1F;--text-secondary: #86868B;--text-tertiary: #AEAEB2;--success: #34C759;--warning: #FF9F0A;--error: #FF3B30;--hope: #34C759;--hope-bg: rgba(52, 199, 89, .08);--caution: #FF9F0A;--caution-bg: rgba(255, 159, 10, .08);--fear: #FF3B30;--fear-bg: rgba(255, 59, 48, .06);--font: "Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif;--spring: cubic-bezier(.25, .46, .45, .94);--sidebar-w: 260px;--shadow-1: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--shadow-2: 0 4px 12px rgba(0, 0, 0, .06), 0 16px 40px rgba(0, 0, 0, .06);--shadow-3: 0 24px 80px rgba(0, 0, 0, .12);--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}body{font-family:var(--font);color:var(--text-primary);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;height:100vh;overflow:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes barGrow{0%{height:0}to{height:var(--bar-h)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrowSpring{0%{height:0}60%{height:calc(var(--bar-h) * 1.1)}80%{height:calc(var(--bar-h) * .96)}90%{height:calc(var(--bar-h) * 1.03)}to{height:var(--bar-h)}}@keyframes celebratePop{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.05) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.anim-in{animation:fadeIn .6s var(--spring) both}.anim-d1{animation-delay:.04s}.anim-d2{animation-delay:.08s}.anim-d3{animation-delay:.12s}.anim-d4{animation-delay:.16s}.anim-d5{animation-delay:.2s}.anim-d6{animation-delay:.24s}.anim-d7{animation-delay:.28s}.anim-d8{animation-delay:.32s}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pressable{transition:transform .15s var(--spring),opacity .15s}.pressable:active{transform:scale(.97);opacity:.8}.sidebar{width:var(--sidebar-w);background:#ffffffeb;-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0;transition:width .4s var(--spring);position:relative;z-index:10;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .usage-widget .usage-label,.sidebar.collapsed .usage-widget .usage-count,.sidebar.collapsed .usage-widget .usage-upgrade,.sidebar.collapsed .logout-text{opacity:0;white-space:nowrap;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;min-height:32px}.sidebar-logo{font-size:22px;font-weight:800;font-style:italic;letter-spacing:-.05em;color:var(--text-primary);white-space:nowrap;transition:opacity .3s}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar-toggle{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--accent-light);color:var(--accent)}.sidebar-toggle svg{width:16px;height:16px;transition:transform .4s var(--spring)}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding:0 12px;margin:20px 0 8px;transition:opacity .3s;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);font-weight:500;font-size:14px;transition:all .25s var(--spring);margin-bottom:2px;cursor:pointer;position:relative}.nav-item:hover{background:#00000008;color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.5}.nav-text{transition:opacity .3s;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-item.active:before{left:-16px;width:3px;height:20px}.sidebar-divider{height:1px;background:var(--border);margin:12px 4px}.usage-widget{margin-top:auto;padding:14px;border-radius:12px;background:var(--accent-light);position:relative;overflow:hidden;transition:padding .4s,background .3s}.sidebar.collapsed .usage-widget{padding:8px}.usage-widget.caution{background:var(--caution-bg)}.usage-widget.danger{background:var(--fear-bg)}.usage-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;transition:opacity .3s}.usage-count{font-size:18px;font-weight:800;margin-bottom:8px;transition:opacity .3s}.usage-count span{font-size:12px;color:var(--text-tertiary);font-weight:500}.usage-bar-bg{height:4px;border-radius:2px;background:#0000000f;overflow:hidden}.usage-bar-fill{height:100%;border-radius:2px;background:var(--accent);transition:width 1s var(--spring),background .3s}.usage-bar-fill.caution{background:var(--caution)}.usage-bar-fill.danger{background:var(--fear)}.usage-upgrade{margin-top:10px;font-size:11px;font-weight:700;color:var(--accent);cursor:pointer;transition:opacity .3s}.usage-widget.danger .usage-upgrade{color:var(--fear);font-weight:800}.logout-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;border-radius:10px;color:var(--text-secondary);font-weight:500;font-size:13px;transition:all .2s;margin-top:12px}.logout-btn:hover{background:#ff3b300f;color:var(--error)}.logout-btn svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.5}.logout-text{transition:opacity .3s;white-space:nowrap}.sidebar.collapsed .logout-btn{justify-content:center}.sidebar.collapsed .nav-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) scale(.9);background:#1d1d1fe0;color:#fff;padding:5px 10px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s var(--spring);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar.collapsed .nav-item[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{padding:24px 40px 0;display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:5;transition:all .4s var(--spring)}.topbar.scrolled{padding:12px 40px;background:#ffffffd9;-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border-bottom:1px solid var(--border)}.topbar-left h1{font-size:28px;font-weight:800;letter-spacing:-.03em;transition:font-size .3s}.topbar.scrolled .topbar-left h1{font-size:18px}.topbar-left p{font-size:14px;color:var(--text-secondary);margin-top:2px;font-weight:400;transition:all .3s}.topbar.scrolled .topbar-left p{font-size:0;opacity:0;margin:0}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--spring);position:relative;color:var(--text-secondary)}.icon-btn:hover{background:#0000000a;color:var(--text-primary)}.icon-btn svg{width:20px;height:20px;stroke-width:1.5}.notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--error);border:1.5px solid var(--white)}.user-pill{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:#00000008;border-radius:100px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.user-pill:hover{background:#0000000f}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fffffff2;-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-3);min-width:260px;z-index:100;display:none;transform-origin:top right;animation:scaleIn .2s var(--spring)}.dropdown.open{display:block}.dropdown-header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.dropdown-item{padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;transition:background .1s;cursor:pointer}.dropdown-item:hover{background:#00000008}.dropdown-item:last-child{border-radius:0 0 14px 14px}.notif-icon-sm{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-sm.success{background:#34c7591a;color:var(--success)}.notif-icon-sm.error{background:#ff3b3014;color:var(--error)}.notif-icon-sm.info{background:var(--accent-light);color:var(--accent)}.notif-text{flex:1}.notif-text p{font-size:13px;font-weight:500;margin-bottom:1px}.notif-text span{font-size:11px;color:var(--text-tertiary)}.profile-dropdown{min-width:180px}.profile-dropdown .dropdown-item svg{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.5}.scroll-area{flex:1;overflow-y:auto;padding:24px 40px 48px}#tabContent{min-height:0;transition:opacity .2s var(--spring),transform .25s var(--spring)}.tab-enter{animation:fadeIn .5s var(--spring) both}.global-alert{padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:13px;font-weight:500;animation:fadeIn .4s var(--spring)}.global-alert.warning{background:var(--caution-bg);color:#9a6700;border:1px solid rgba(255,159,10,.2)}.global-alert.danger{background:var(--fear-bg);color:var(--fear);border:1px solid rgba(255,59,48,.15)}.global-alert .alert-icon{font-size:16px;flex-shrink:0}.global-alert .alert-text{flex:1}.global-alert .alert-action{font-weight:700;cursor:pointer;white-space:nowrap;padding:4px 12px;border-radius:6px;transition:all .2s}.global-alert.warning .alert-action{color:#9a6700;background:#ff9f0a26}.global-alert.warning .alert-action:hover{background:#ff9f0a40}.global-alert.danger .alert-action{color:var(--fear);background:#ff3b301f}.global-alert.danger .alert-action:hover{background:#ff3b3033}.hero-metric{padding:32px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-1);margin-bottom:32px;position:relative;overflow:hidden}.hero-metric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise);background-size:200px;pointer-events:none;opacity:.5}.hero-metric-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;position:relative}.hero-metric-value{font-size:64px;font-weight:900;letter-spacing:-.04em;line-height:1;position:relative}.hero-metric-value .unit{font-size:24px;color:var(--text-tertiary);font-weight:600;margin-left:4px}.hero-metric-sub{font-size:14px;color:var(--text-secondary);margin-top:12px;position:relative}.hero-metric-sub strong{color:var(--success);font-weight:600}.trend{font-size:11px;font-weight:600;padding:3px 8px;border-radius:100px;display:inline-flex;align-items:center;gap:3px}.trend-up{background:var(--hope-bg);color:var(--hope)}.trend-down-bad{background:var(--fear-bg);color:var(--fear)}.trend-down-good{background:var(--hope-bg);color:var(--hope)}.trend-flat{background:#0000000a;color:var(--text-tertiary)}.bento{display:grid;gap:16px;margin-bottom:32px;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"big s1 s2" "big chart chart"}.bento-card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-1);position:relative;overflow:hidden;transition:all .3s var(--spring)}.bento-card:hover{box-shadow:var(--shadow-2)}.bento-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%),var(--accent-light),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.bento-card:hover:after{opacity:1}.bento-big{grid-area:big;display:flex;flex-direction:column}.bento-s1{grid-area:s1}.bento-s2{grid-area:s2}.bento-chart{grid-area:chart}.bento-label{font-size:12px;font-weight:500;color:var(--text-tertiary);margin-bottom:8px}.bento-value{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.bento-value .unit{font-size:16px;color:var(--text-tertiary);font-weight:500}.bento-trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:100px;width:fit-content;margin-top:8px}.bento-trend.up{background:#34c7591a;color:var(--success)}.bento-trend.stable{background:var(--accent-light);color:var(--accent)}.donut-wrap{flex:1;display:flex;align-items:center;justify-content:center;margin-top:16px}.donut-chart{position:relative;width:140px;height:140px}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-chart circle{fill:none;stroke-linecap:round}.donut-bg{stroke:#0000000a;stroke-width:10}.donut-fg{stroke:var(--accent);stroke-width:10;transition:stroke-dashoffset 1.5s var(--spring)}.donut-fg.caution{stroke:var(--caution)}.donut-fg.danger{stroke:var(--fear)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center .val{font-size:32px;font-weight:800;letter-spacing:-.02em}.donut-center .lbl{font-size:11px;color:var(--text-tertiary);font-weight:500}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:80px;padding-top:12px}.mini-bar{flex:1;border-radius:4px 4px 0 0;background:var(--accent);opacity:.6;animation:barGrowSpring 1s var(--spring) both;transition:opacity .2s}.mini-bar:hover{opacity:1}.mini-label{font-size:9px;color:var(--text-tertiary);text-align:center;margin-top:4px}.activity-card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-1);overflow:hidden}.activity-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.activity-header h3{font-size:15px;font-weight:700}.activity-header span{font-size:12px;color:var(--accent);font-weight:500;cursor:pointer}.activity-item{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid rgba(0,0,0,.03);transition:background .15s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#00000004}.activity-time{font-size:12px;font-weight:500;color:var(--text-tertiary);width:60px;flex-shrink:0}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot.success{background:var(--hope)}.activity-dot.pending{background:var(--caution);animation:pulse 1.5s ease infinite}.activity-dot.error{background:var(--fear)}.activity-content{flex:1;font-size:13px;font-weight:500}.activity-content span{color:var(--text-tertiary);font-weight:400}.activity-platform{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#0000000a;color:var(--text-secondary)}.activity-retry{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--fear-bg);color:var(--fear);cursor:pointer;transition:all .2s;border:none}.activity-retry:hover{background:#ff3b3026}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:32px}.quick-action{padding:20px 24px;border-radius:16px;background:var(--text-primary);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .4s var(--spring);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.quick-action:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 50%,rgba(0,113,227,.2) 0%,transparent 60%);pointer-events:none}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.quick-action:active{transform:scale(.98)}.quick-action.secondary{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-1)}.quick-action.secondary:before{background:none}.quick-action.secondary:hover{box-shadow:var(--shadow-2)}.quick-action.warning{background:linear-gradient(135deg,#ff9f0a,#ff6b2c)}.quick-action.warning:before{background:none}.quick-action-text{display:flex;align-items:center;gap:12px;position:relative}.quick-action-text span{font-size:15px;font-weight:600}.quick-action-icon{width:32px;height:32px;border-radius:8px;background:#ffffff26;display:flex;align-items:center;justify-content:center}.quick-action.secondary .quick-action-icon{background:var(--accent-light);color:var(--accent)}.quick-action svg.arrow{position:relative;transition:transform .3s var(--spring)}.quick-action:hover svg.arrow{transform:translate(4px)}.page-card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-1);margin-bottom:16px}.page-card h4{font-size:15px;font-weight:700;margin-bottom:16px}.form-input{width:100%;padding:12px 16px;border:1.5px solid rgba(0,0,0,.08);border-radius:10px;font-size:15px;background:var(--white);outline:none;transition:all .2s var(--spring)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-tertiary)}.form-select{width:100%;padding:12px 16px;border:1.5px solid rgba(0,0,0,.08);border-radius:10px;font-size:14px;background:var(--white);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23AEAEB2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:block}.btn-primary{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;cursor:pointer;transition:all .25s var(--spring);box-shadow:0 2px 8px #0071e333}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 4px 16px #0071e34d}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--white);border:1px solid var(--border);cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--surface)}.skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000005,#0000000a 75%);background-size:400% 100%;animation:shimmer 1.5s ease infinite;border-radius:8px}.step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:32px}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#0000000a;color:var(--text-tertiary);transition:all .3s}.step-dot.active{background:var(--accent);color:#fff}.step-dot.done{background:var(--hope-bg);color:var(--hope)}.step-line{flex:1;height:1.5px;background:#0000000f}.progress-steps{display:flex;align-items:center;gap:0;margin-bottom:24px}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.progress-step .step-num{width:28px;height:28px;border-radius:50%;background:#0000000a;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1;transition:all .3s}.progress-step.active .step-num{background:var(--accent);color:#fff}.progress-step.done .step-num{background:var(--hope);color:#fff}.progress-step .step-label{font-size:11px;font-weight:500;color:var(--text-tertiary);transition:color .3s}.progress-step.active .step-label{color:var(--accent);font-weight:600}.progress-step.done .step-label{color:var(--hope)}.progress-step:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:#0000000f;z-index:0}.progress-step:first-child:before{display:none}.progress-step.active:before,.progress-step.done:before{background:var(--accent)}.preview-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:var(--shadow-1)}.preview-card h2{font-size:20px;font-weight:800;margin-bottom:16px;line-height:1.4}.preview-card .preview-body{font-size:14px;color:var(--text-secondary);line-height:1.9;white-space:pre-wrap}.typing-area{font-size:14px;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap;min-height:120px}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);animation:pulse 1s step-end infinite;vertical-align:text-bottom;margin-left:1px}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.celebrate-card{background:var(--white);border-radius:24px;padding:40px;max-width:400px;width:90%;text-align:center;animation:celebratePop .5s var(--spring);box-shadow:0 20px 60px #00000026}.celebrate-emoji{font-size:56px;margin-bottom:16px}.celebrate-title{font-size:22px;font-weight:800;margin-bottom:8px}.celebrate-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.celebrate-actions{display:flex;gap:8px;justify-content:center}.kw-input-row{display:flex;gap:8px;margin-bottom:24px}.kw-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;transition:all .2s}.kw-item:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.kw-item-left{display:flex;align-items:center;gap:12px}.kw-item-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent)}.kw-item-text{font-size:14px;font-weight:600}.kw-item-meta{font-size:11px;color:var(--text-tertiary);margin-top:1px}.kw-score{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px}.kw-score.high{background:var(--hope-bg);color:var(--hope)}.kw-score.mid{background:var(--caution-bg);color:var(--caution)}.kw-score.low{background:var(--fear-bg);color:var(--fear)}.kw-delete{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s;cursor:pointer}.kw-delete:hover{background:#ff3b300f;color:var(--error)}.kw-empty{text-align:center;padding:48px;color:var(--text-tertiary);font-size:14px}.settings-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.settings-icon-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s;font-size:12px;font-weight:500;color:var(--text-secondary)}.settings-icon-btn:hover{background:var(--accent-light);color:var(--accent)}.settings-icon-btn.active{background:var(--accent-light);color:var(--accent);font-weight:600}.settings-icon-btn .icon-circle{width:40px;height:40px;border-radius:12px;background:#0000000a;display:flex;align-items:center;justify-content:center}.settings-icon-btn.active .icon-circle{background:var(--accent);color:#fff}.settings-section{display:none}.settings-section.active{display:block;animation:fadeIn .3s var(--spring)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.03)}.settings-row:last-child{border-bottom:none}.settings-row label{font-size:14px;font-weight:400;color:var(--text-primary)}.settings-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;width:240px;outline:none;transition:all .2s}.settings-input:focus{border-color:var(--accent)}.toggle{width:42px;height:24px;border-radius:12px;background:#00000014;position:relative;cursor:pointer;transition:background .2s}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001a;transition:left .2s var(--spring)}.toggle.on:after{left:20px}.connect-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s}.connect-btn:hover{border-color:var(--accent);color:var(--accent)}.connect-btn.connected{background:#34c7590f;color:var(--success);border-color:#34c75933}.rev-filters{display:flex;gap:4px;margin-bottom:20px;background:#00000008;border-radius:10px;padding:3px;width:fit-content}.rev-filter{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.rev-filter.active{background:var(--white);color:var(--text-primary);box-shadow:var(--shadow-1);font-weight:600}.rev-chart-wrap{background:var(--surface);border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.rev-bars{display:flex;align-items:flex-end;gap:6px;height:180px}.rev-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.rev-bar{width:100%;max-width:36px;border-radius:4px 4px 0 0;background:var(--accent);opacity:.6;animation:barGrowSpring 1s var(--spring) both;transition:opacity .2s}.rev-bar:hover{opacity:1}.rev-label{font-size:10px;color:var(--text-tertiary);font-weight:500}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-header h3{font-size:18px;font-weight:700}.cal-nav{display:flex;gap:4px}.cal-nav button{width:28px;height:28px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.cal-nav button:hover{background:var(--accent-light);color:var(--accent)}.cal-layout{display:grid;grid-template-columns:1fr 280px;gap:16px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--surface);border-radius:14px;padding:12px;box-shadow:var(--shadow-1)}.cal-day-header{padding:6px;text-align:center;font-size:11px;font-weight:600;color:var(--text-tertiary)}.cal-cell{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;position:relative}.cal-cell:hover{background:#00000008}.cal-cell.today{background:var(--accent);color:#fff;font-weight:700;border-radius:50%}.cal-cell.has-event:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.cal-cell.today.has-event:after{background:#fff}.cal-cell.other-month{color:var(--text-tertiary);opacity:.4}.schedule-panel{background:var(--surface);border-radius:14px;padding:20px;box-shadow:var(--shadow-1)}.schedule-panel h4{font-size:14px;font-weight:700;margin-bottom:16px}.schedule-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--white);border-radius:10px;margin-bottom:8px}.schedule-time{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}.schedule-text{font-size:13px;font-weight:500;flex:1}.schedule-platform{font-size:11px;font-weight:500;color:var(--text-tertiary)}.sched-add{background:var(--white);border-radius:12px;padding:16px;margin-top:12px;border:1px solid var(--border);animation:fadeIn .3s var(--spring)}.sched-add .form-label{margin-top:10px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s}.spinner{width:36px;height:36px;border:2.5px solid rgba(0,0,0,.06);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.odo-digit{display:inline-block;height:1em;line-height:1;overflow:hidden;vertical-align:bottom}.odo-col{display:flex;flex-direction:column;transition:transform 1.2s var(--spring)}.odo-col span{display:block;height:1em;line-height:1;text-align:center}.odo-comma{margin:0 1px}.extension-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.extension-modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.extension-modal-card{position:relative;background:var(--white);border-radius:20px;padding:28px;max-width:440px;width:90%;box-shadow:0 20px 60px #00000026;animation:fadeIn .3s var(--spring)}.extension-modal-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.extension-modal-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.extension-steps{display:flex;flex-direction:column;gap:10px}.ext-step{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;padding:10px 14px;background:var(--surface);border-radius:10px}.ext-step span{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.ext-step code{background:#0000000f;padding:2px 6px;border-radius:4px;font-size:11px}.mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#0000000a;border:none;cursor:pointer;font-size:18px}.mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999;opacity:0;transition:opacity .3s;pointer-events:none}.mobile-backdrop.show{opacity:1;pointer-events:auto}@media (max-width:1024px){.sidebar{position:fixed;left:-260px;top:0;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001a}.sidebar.mobile-open{left:0}.mobile-backdrop{display:block!important}.mobile-toggle{display:flex!important}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"big big" "s1 s2" "chart chart"}.cal-layout{grid-template-columns:1fr}}@media (max-width:768px){.scroll-area{padding:16px 16px 48px}.topbar{padding:12px 16px 0}.bento{grid-template-columns:1fr;grid-template-areas:"big" "s1" "s2" "chart"}.hero-metric-value{font-size:36px}.settings-icons{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr!important}.greeting h1{font-size:20px!important}}@media (max-width:480px){.topbar{padding:10px 12px 0}.scroll-area{padding:12px 12px 48px}.greeting h1{font-size:18px!important}.bento-card{padding:16px!important}}