.app{height:100vh;display:grid;grid-template-columns:260px 1fr;background:var(--color-page);color:var(--color-ink);font-size:14px}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-line-soft);display:flex;flex-direction:column;padding:0 12px 12px;gap:0}.brand{display:flex;align-items:center;min-height:78px;padding:24px 12px 18px;color:var(--color-brand)}.brand-logo{width:120px;height:auto;object-fit:contain;display:block;flex:0 0 auto}.nav{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:6px 3px 2px}.nav a,.nav-action,.nav-management-trigger{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:42px;border-radius:var(--radius-card);border:1px solid transparent;background:transparent;text-decoration:none;color:var(--color-ink-secondary);line-height:1;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:var(--transition-control)}.nav a:hover,.nav-action:hover,.nav-management-trigger:hover{background:var(--color-surface-muted);color:var(--color-ink)}.nav .txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.nav a:active,.nav-action:active,.nav-management-trigger:active{transform:scale(.985)}.nav a[aria-current=page],.nav-management-trigger-active{background:rgb(239 246 255/.8);border-color:var(--color-brand-soft-hover);color:var(--color-brand-fg);box-shadow:var(--shadow-xs)}.nav a[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;width:3px;height:16px;border-radius:2px;background:var(--color-brand);transform:translateY(-50%);animation:nav-indicator-in var(--motion-base) var(--ease-spring) both}@keyframes nav-indicator-in{0%{opacity:0;transform:translateY(-50%) scaleY(.4)}to{opacity:1;transform:translateY(-50%) scaleY(1)}}.ico{width:18px;height:18px;display:inline-grid;place-items:center;color:var(--color-ink-faint);flex:0 0 auto;transition:color var(--motion-base) var(--ease-out-soft)}.nav a[aria-current=page] .ico,.nav-management-trigger-active .ico{color:var(--color-brand)}.nav-group{margin-top:10px}.nav-label{font-size:11px;color:var(--color-ink-faint);padding:10px 10px 6px}.nav-management{margin-top:2px}.nav-management-trigger .txt{flex:1 1 auto;text-align:left}.nav-chevron{margin-left:auto;color:var(--color-ink-faint);transition:transform var(--motion-base) var(--ease-apple),color var(--motion-base) var(--ease-out-soft)}.nav-chevron-open{transform:rotate(90deg);color:var(--color-brand)}.sub{display:flex;flex-direction:column;gap:2px}.nav-management-sub{margin-left:31px;padding-left:10px;max-height:0;opacity:0;overflow:hidden;margin-top:0;transform:translateX(-4px);transition:max-height var(--motion-base) var(--ease-apple),opacity var(--motion-base) var(--ease-out-soft),transform var(--motion-base) var(--ease-apple),margin-top var(--motion-base) var(--ease-apple)}.nav-management-sub-open{max-height:360px;opacity:1;margin-top:4px;transform:translateX(0)}.nav-management-sub a{min-height:36px;padding:0 12px;border-radius:var(--radius-control);font-size:12px;color:var(--color-ink-secondary);box-shadow:none}.nav-management-sub a[aria-current=page]{background:var(--color-brand-soft);border-color:transparent;color:var(--color-brand-fg)}.nav-action{margin-top:2px}.sidebar-bottom{margin-top:auto;padding:12px 3px 0}.docs-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:42px;border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-secondary);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft),color var(--motion-fast) var(--ease-out-soft)}.docs-btn:hover{background:var(--color-brand-soft);border-color:var(--color-brand-soft-hover);color:var(--color-brand-fg)}.docs-btn .ico-share{color:var(--color-brand)}.docs-btn:hover .ico-share{color:var(--color-brand-fg)}.main{display:flex;flex-direction:column}.content,.main{min-width:0;min-height:0;background:var(--color-page)}.content{flex:1 1 auto;padding:20px 24px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;animation:fade-in .24s var(--ease-out-soft) backwards}.topbar{position:relative;height:60px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--color-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgb(15 23 42/.06);z-index:var(--z-topbar)}.topbar h1{font-size:14px;margin:0;font-weight:650;color:var(--color-ink)}.topbar-left{gap:10px}.topbar-left,.topbar-slot{display:flex;align-items:center}.topbar-slot{gap:8px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-client-guide{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border-radius:var(--radius-control);color:var(--color-brand-fg);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:var(--transition-colors)}.topbar-client-guide:hover{background:var(--color-brand-soft)}.ico-sm{display:inline-grid;place-items:center;color:var(--color-ink-muted)}.ico-sm svg{width:16px;height:16px}.btn{height:32px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft),transform var(--motion-fast) var(--ease-out-soft)}.btn:hover{background:var(--color-surface-muted)}.btn:active{transform:scale(.97)}.topbar-history-btn{height:32px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--color-line);background:var(--color-surface);font-size:12px;font-weight:500;color:var(--color-ink-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft)}.topbar-history-btn:hover{background:var(--color-surface-muted);border-color:var(--color-ink-faint)}.topbar-history-btn svg{color:var(--color-ink-faint)}.topbar-tabs{margin-right:4px}.user-dropdown{position:relative}.user-dropdown-btn{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-control);border:1px solid transparent;background:transparent;font-size:12px;color:var(--color-ink-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft)}.user-dropdown-btn:hover{background:var(--color-surface-muted)}.user-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}.user-avatar-placeholder{background:linear-gradient(135deg,var(--color-brand),#22D3EE);color:var(--color-ink-inverse);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.user-dropdown-arrow{color:var(--color-ink-faint);transition:transform var(--motion-base) var(--ease-apple)}.user-dropdown-arrow-open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:176px;background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-line-soft);box-shadow:var(--shadow-pop);z-index:var(--z-dropdown);overflow:hidden;padding:6px;transform-origin:top right;animation:pop-in var(--motion-base) var(--ease-spring) both}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;font-size:13px;color:var(--color-ink-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft),color var(--motion-fast) var(--ease-out-soft);text-align:left}.user-dropdown-item:hover{background:var(--color-brand-soft);color:var(--color-brand-fg)}.user-dropdown-item svg{color:var(--color-ink-faint);flex-shrink:0}.user-dropdown-item:hover svg{color:var(--color-brand)}.user-dropdown-divider{height:1px;background:var(--color-line-soft);margin:6px}.user-dropdown-item-danger{color:var(--color-danger)}.user-dropdown-item-danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.user-dropdown-item-danger svg{color:rgb(220 38 38/.45)}.user-dropdown-item-danger:hover svg{color:var(--color-danger)}.global-history-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-scrim);animation:fade-in var(--motion-slow) var(--ease-out-soft) both}.global-history-drawer{position:fixed;right:0;top:0;bottom:0;width:360px;max-width:400px;background:var(--color-surface);border-left:1px solid var(--color-line-soft);box-shadow:none;display:flex;flex-direction:column;z-index:var(--z-drawer);transform:translateX(100%);transition:transform var(--motion-slow) var(--ease-apple)}.global-history-drawer-open{transform:translateX(0);transition-duration:var(--motion-slower);box-shadow:var(--shadow-drawer)}.ghd-header{padding:16px 20px;border-bottom:1px solid var(--color-line-soft);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ghd-title{font-size:14px;font-weight:700;color:var(--color-ink)}.ghd-actions{display:flex;align-items:center;gap:8px}.ghd-new-btn{height:28px;padding:0 12px;border-radius:8px;border:1px solid var(--color-line);background:var(--color-surface);font-size:11px;font-weight:600;color:var(--color-ink-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft)}.ghd-new-btn:hover{background:var(--color-surface-muted)}.ghd-close-btn{width:28px;height:28px;border-radius:8px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-ink-faint);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft),color var(--motion-fast) var(--ease-out-soft)}.ghd-close-btn:hover{background:var(--color-surface-muted);color:var(--color-ink-secondary)}.ghd-filter{padding:12px 16px 8px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.ghd-search-wrap{position:relative}.ghd-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-ink-faint);pointer-events:none}.ghd-search{width:100%;height:32px;padding:0 12px 0 32px;border-radius:var(--radius-control);border:1px solid var(--color-line);background:var(--color-page);font-size:12px;color:var(--color-ink);outline:none;transition:border-color var(--motion-fast) var(--ease-out-soft),box-shadow var(--motion-fast) var(--ease-out-soft),background-color var(--motion-fast) var(--ease-out-soft);box-sizing:border-box}.ghd-search:focus{border-color:var(--color-brand);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-brand-ring)}.ghd-search::placeholder{color:var(--color-ink-faint)}.ghd-list{padding:12px;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.ghd-empty{margin:8px 0;padding:32px 16px;text-align:center;font-size:12px;color:var(--color-ink-faint);border:1px dashed var(--color-line);background:var(--color-page)}.ghd-empty,.ghd-item{border-radius:var(--radius-card);animation:fade-up .26s var(--ease-out-soft) both}.ghd-item{position:relative;padding:12px;border:1px solid transparent;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft),box-shadow var(--motion-fast) var(--ease-out-soft)}.ghd-item:nth-child(2){animation-delay:32ms}.ghd-item:nth-child(3){animation-delay:64ms}.ghd-item:nth-child(4){animation-delay:96ms}.ghd-item:nth-child(5){animation-delay:128ms}.ghd-item:nth-child(6){animation-delay:.16s}.ghd-item:nth-child(7){animation-delay:192ms}.ghd-item:nth-child(n+8){animation-delay:224ms}.ghd-item:hover{background:var(--color-page);border-color:var(--color-line)}.ghd-item-focused{background:var(--color-brand-soft);border-color:var(--color-brand-soft-hover);box-shadow:0 0 0 2px var(--color-brand-ring)}.ghd-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ghd-item-body{min-width:0;flex:1}.ghd-item-title{font-size:13px;color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.ghd-item-title-input{width:100%;height:24px;padding:0 8px;border-radius:6px;border:1px solid var(--color-brand);background:var(--color-surface);color:var(--color-ink);font-size:13px;line-height:24px;outline:none;box-shadow:0 0 0 3px var(--color-brand-ring);box-sizing:border-box}.ghd-item-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.ghd-item-tag{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:4px;background:var(--color-surface-muted);font-size:10px;color:var(--color-ink-muted)}.ghd-item-time{font-size:10px;color:var(--color-ink-faint)}.ghd-item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.ghd-action-btn{width:24px;height:24px;border-radius:6px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-ink-faint);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft),color var(--motion-fast) var(--ease-out-soft)}.ghd-action-btn:hover{color:var(--color-ink-secondary);background:var(--color-surface-muted)}.ghd-action-fav-on,.ghd-action-fav:hover{color:var(--color-warning);background:var(--color-warning-soft)}.ghd-action-del:hover{color:var(--color-danger);background:var(--color-danger-soft)}.ghd-delete-pop{position:absolute;right:12px;top:40px;z-index:4;width:210px;padding:12px;border:1px solid var(--color-line-soft);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-pop);cursor:default;animation:pop-in var(--motion-base) var(--ease-spring) both}.ghd-delete-title{font-size:12px;font-weight:600;color:var(--color-ink-secondary)}.ghd-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.ghd-delete-cancel,.ghd-delete-confirm{height:28px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft)}.ghd-delete-cancel{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-muted)}.ghd-delete-cancel:hover{background:var(--color-surface-muted)}.ghd-delete-confirm{border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-ink-inverse)}.ghd-delete-confirm:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.ws-skeleton{position:relative;overflow:hidden;background:var(--color-surface-muted);border-radius:var(--radius-control)}.ws-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255/.6),transparent);animation:shimmer 1.8s linear infinite}.ws-skeleton-row{display:flex;flex-direction:column;gap:8px;padding:12px}.ws-skeleton-row .ws-skeleton:first-child{height:14px;width:62%}.ws-skeleton-row .ws-skeleton:last-child{height:10px;width:34%}.ws-page-skeleton{display:flex;flex-direction:column;gap:14px;padding:24px;max-width:960px}.ws-page-skeleton-flush{padding:0;max-width:none}.ws-page-skeleton-head{display:flex;flex-direction:column;gap:10px;margin-bottom:4px;animation:fade-up .26s var(--ease-out-soft) .12s both}.ws-page-skeleton-head .ws-skeleton:first-child{height:22px;width:200px;max-width:60%}.ws-page-skeleton-head .ws-skeleton:last-child{height:13px;width:320px;max-width:80%}.ws-page-skeleton-card{height:88px;border-radius:var(--radius-panel);animation:fade-up .26s var(--ease-out-soft) .12s both}.ws-page-skeleton-card:nth-child(2){animation-delay:.17s}.ws-page-skeleton-card:nth-child(3){animation-delay:.22s}.ws-page-skeleton-card:nth-child(4){animation-delay:.27s}.ws-page-skeleton-card:nth-child(5){animation-delay:.32s}.ws-page-skeleton-card:nth-child(n+6){animation-delay:.37s}.ws-skeleton-list{display:flex;flex-direction:column;animation:fade-up .24s var(--ease-out-soft) .12s both}.console-loading-gate{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;background:var(--color-page);color:var(--color-ink-faint);font-size:12px;animation:fade-in .24s var(--ease-out-soft) both}.btn:focus-visible,.docs-btn:focus-visible,.ghd-action-btn:focus-visible,.ghd-close-btn:focus-visible,.ghd-delete-cancel:focus-visible,.ghd-delete-confirm:focus-visible,.ghd-new-btn:focus-visible,.hamburger:focus-visible,.nav a:focus-visible,.nav-action:focus-visible,.nav-management-trigger:focus-visible,.topbar-client-guide:focus-visible,.topbar-history-btn:focus-visible,.user-dropdown-btn:focus-visible,.user-dropdown-item:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.hamburger{display:none;border:0;background:transparent;padding:4px;cursor:pointer;color:var(--color-ink-muted);border-radius:6px;align-items:center;justify-content:center;transition:background-color var(--motion-fast) var(--ease-out-soft),color var(--motion-fast) var(--ease-out-soft)}.hamburger:hover{background:var(--color-surface-muted);color:var(--color-ink)}.sidebar-overlay{display:none}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:var(--z-drawer);transform:translateX(-100%);transition:transform var(--motion-slow) var(--ease-apple);box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);transition-duration:var(--motion-slower);box-shadow:24px 0 64px rgb(15 23 42/.12),4px 0 16px rgb(15 23 42/.04)}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-scrim-strong);animation:fade-in var(--motion-slow) var(--ease-out-soft) both}.hamburger{display:inline-flex}}@media (max-width:540px){.topbar{height:auto;min-height:60px;gap:8px;padding:10px 12px}.topbar-left{flex-shrink:0;align-self:flex-start;min-height:40px}.topbar-right{min-width:0;display:grid;grid-template-columns:auto auto;justify-content:end;gap:6px}.topbar-tabs{grid-column:1/-1;grid-row:2;justify-self:end}.user-name{display:none}}