:root{--app-ink:#081526;--app-blue:#146ef5;--app-blue-ink:#0b4fc2;--app-blue-soft:#e8f0fe;--app-bg:#f5f7fa;--app-tint:#f4f6f9;--app-border:#e1e6ec;--app-line:#cfd6de;--app-text:#1c2734;--app-muted:#5f6b7a;--app-faint:#8a95a3;--app-font:var(--font-geist-sans), "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", Arial, sans-serif;--background:var(--app-bg);--foreground:var(--app-text);--primary:var(--app-ink);--primary-foreground:#fff;--ring:var(--app-blue);--accent:var(--app-blue-soft);--accent-foreground:var(--app-blue-ink);--border:var(--app-border);--input:var(--app-line);--sidebar-accent:var(--app-blue-soft);--sidebar-accent-foreground:var(--app-blue-ink);--sidebar-border:var(--app-border)}html{scrollbar-gutter:stable}body{font-family:var(--app-font);color:var(--app-text)}.app{background:var(--app-bg);min-height:100vh;color:var(--app-text);font-family:var(--app-font);font-size:15px}.app *{box-sizing:border-box}.app button{cursor:pointer}.app button:disabled{opacity:.5;cursor:default}.app-header{z-index:20;border-bottom:1px solid var(--app-border);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.app-brand{letter-spacing:-.5px;color:var(--app-ink);white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.app-brand img{width:30px;height:30px;display:block}.app-brand span{letter-spacing:0;border-left:1px solid var(--app-border);color:var(--app-muted);padding-left:12px;font-size:14px;font-weight:600}.app-body{grid-template-columns:96px 236px minmax(0,1fr);display:grid}.app-body.no-nav{grid-template-columns:96px minmax(0,1fr)}.module-rail{background:var(--app-ink);flex-direction:column;align-self:start;gap:4px;min-height:calc(100vh - 68px);padding:14px 8px;display:flex;position:sticky;top:68px}.module-rail a{color:#ffffffad;letter-spacing:-.1px;border-radius:12px;justify-items:center;gap:6px;padding:10px 4px 9px;font-size:12px;font-weight:600;text-decoration:none;display:grid}.module-rail a .tile{background:#ffffff14;border-radius:13px;place-items:center;width:46px;height:46px;transition:background .16s;display:grid}.module-rail a:hover{color:#fff}.module-rail a:hover .tile{background:#ffffff29}.module-rail a.active{color:#fff}.module-rail a.active .tile{background:var(--app-blue)}.module-rail a.bottom{margin-top:auto}.app-rank{border:1px solid var(--app-border);color:var(--app-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.app-rank .dot{background:var(--app-blue);border-radius:50%;width:8px;height:8px}.app-nav{border-right:1px solid var(--app-border);background:#fff;min-height:calc(100vh - 68px);padding:26px 16px}.app-nav>p{letter-spacing:1.2px;color:var(--app-faint);margin:0 14px 12px;font-size:11px;font-weight:700}.app-nav>button,.app-nav>a{width:100%;font:inherit;text-align:left;color:var(--app-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;margin:2px 0;padding:12px 14px;font-size:14px;text-decoration:none;display:flex}.app-nav>button:hover,.app-nav>a:hover{background:#f3f5f8}.app-nav>button.active,.app-nav>a.active{background:var(--app-blue-soft);color:var(--app-blue-ink);font-weight:700}.app-nav>button .nav-count{color:var(--app-faint);margin-left:auto;font-size:12px}.app-nav-note{border-top:1px solid var(--app-border);color:var(--app-muted);margin:26px 14px 0;padding-top:18px;font-size:13px;line-height:1.8}.app-nav-note small{color:var(--app-faint);margin-top:8px;font-size:12px;display:block}.app-nav-note .text-link{margin-top:8px}.app-nav>button.app-workspace,.app-workspace{border:1px solid var(--app-border);width:100%;font:inherit;text-align:left;color:var(--app-text);background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:10px;font-size:14px;font-weight:600;display:flex}.app-workspace>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-workspace small{color:var(--app-faint);margin-top:3px;font-size:12px;font-weight:400;display:block}.app-workspace .avatar{background:var(--app-blue-soft);width:32px;height:32px;color:var(--app-blue-ink);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.app-main{width:100%;min-width:0;max-width:1200px;padding:36px 42px 90px}.app-main.wide{max-width:1480px}.app-main.center{margin:0 auto}.app .sales-eyebrow,.app .eyebrow,.app .step-label{font:600 12px/1.5 var(--app-font);letter-spacing:.4px;color:var(--app-blue-ink);text-transform:none}.app .sales-heading h1,.app .page-title h1,.app h1{letter-spacing:-.8px;font-size:30px;font-weight:750;line-height:1.3}.app .page-title p,.app .sales-heading p{color:var(--app-muted);font-size:15px}.primary{background:var(--app-ink);border-color:var(--app-ink)}.app .s-btn,.app .primary,.app .secondary,.app .danger{border-radius:8px;min-height:42px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600}.app .s-btn,.app .primary{background:var(--app-ink);color:#fff;border:1px solid var(--app-ink)}.app .s-btn.light,.app .secondary{color:var(--app-text);border:1px solid var(--app-line);background:#fff}.app .s-btn.selected{background:var(--app-blue);border-color:var(--app-blue)}.app .s-text,.app .text-link{color:var(--app-blue-ink)}.app input:not([type=checkbox]):not([type=radio]),.app textarea,.app select{border:1px solid var(--app-line);background:#fff;border-radius:8px;font-family:inherit}.app input:focus,.app textarea:focus,.app select:focus{border-color:var(--app-blue);outline:none;box-shadow:0 0 0 3px #146ef526}.app .s-panel{border-radius:10px}@media (max-width:1000px){.app-body{grid-template-columns:84px 200px minmax(0,1fr)}.app-body.no-nav{grid-template-columns:84px minmax(0,1fr)}.app-main{padding:28px 24px 60px}.app-header{padding:0 20px}.app-nav{padding:22px 12px}}@media (max-width:700px){.app-header{height:60px;padding:0 14px}.app-brand{gap:8px;font-size:18px}.app-brand span{padding-left:8px;font-size:12px}.app-body,.app-body.no-nav{display:block}.module-rail{z-index:30;min-height:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:0;position:fixed;inset:auto 0 0}.module-rail a{gap:3px;padding:4px 6px;font-size:11px}.module-rail a .tile{border-radius:11px;width:38px;height:38px}.module-rail a.bottom{margin-top:0}.app-nav{border-right:0;border-bottom:1px solid var(--app-border);gap:3px;min-height:0;padding:8px 10px;display:flex;overflow:auto}.app-nav>p,.app-nav-note,.app-workspace{display:none}.app-nav>button{white-space:nowrap;flex:1;justify-content:center;gap:7px;width:auto;padding:12px 8px;font-size:12px}.app-nav>button svg{width:15px}.app-main{padding:24px 16px 96px}.app .sales-heading h1,.app .page-title h1,.app h1{font-size:25px}}.app .s-panel,.app .website-box,.app .surface,.app .editor-panel,.app .calendar,.app .home-card,.app .cs-message,.app .cs-form,.app .brand-guide{border:1px solid var(--app-border);box-shadow:none;background:#fff;border-radius:12px;margin:0 0 16px;padding:24px}.app .cs-form{gap:14px;max-width:none}.app .s-panel-title,.app .s-panel h2,.app .surface h2,.app .website-box h2,.app .editor-panel h2,.app .brand-guide h2,.app .cs-form h2{color:var(--app-text);margin:0 0 14px;font-size:16px;font-weight:700}.app .s-empty,.app .cs-empty,.app .empty-state,.app .surface.empty-state{border:1px dashed var(--app-line);text-align:center;color:var(--app-muted);background:#fff;border-radius:12px;margin:0 0 16px;padding:40px 24px}.app .sales-toolbar,.app .library-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;display:flex}.app .cs-filters button,.app .filter-buttons button,.app [data-slot=tabs-trigger]{border:1px solid var(--app-line);height:auto;color:var(--app-muted);box-shadow:none;background:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:600}.app .cs-filters button.active,.app .filter-buttons button.active,.app [data-slot=tabs-trigger][data-state=active]{background:var(--app-ink);color:#fff;border-color:var(--app-ink)}.app [data-slot=tabs-trigger]:after{display:none}.app [data-slot=tabs-list]{background:0 0;border:0;border-radius:0;gap:6px;height:auto;padding:0}.app .tab-count{color:inherit;opacity:.7}.app .round-icon{border:1px solid var(--app-border);width:44px;height:44px;color:var(--app-text);background:#fff;border-radius:50%}.app label,.app .form-stack label{color:var(--app-muted);font-size:13px;font-weight:600}.app input:not([type=checkbox]):not([type=radio]):not([type=file]),.app select{min-height:42px;padding:10px 12px;font-size:14px}.app textarea{min-height:120px;padding:10px 12px;font-size:14px}.app .home-grid,.app .s-matches,.app .content-grid,.app .cs-split,.app .brand-layout{gap:16px}.app .s-grid{gap:0 16px}.app .s-panel .s-panel,.app .cs-form .s-panel,.app .surface .surface{background:0 0;border:0;border-radius:0;margin:0 0 6px;padding:0}
