html,body{overflow:hidden}.app{display:grid;grid-template-columns:280px 1fr;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:14px;gap:14px;background:var(--color-bg);overflow:hidden}.sidebar{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:18px 16px;display:flex;flex-direction:column;gap:18px;min-height:0;overflow-y:auto}.brand-row{display:flex;align-items:center;gap:8px}.brand-pill{flex:1;display:inline-flex;align-items:center;gap:.55rem;padding:6px 14px 6px 6px;background:#fafafa;border:1px solid var(--color-border);border-radius:9999px;box-shadow:0 1px 2px #0a16280a;font-weight:500;color:var(--color-text);transition:background var(--t-fast)}.brand-pill:hover{background:#f3f4f6}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d8f0df,#7be8bd 45%,#1a8e7a);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px -2px #1a8e7a59;flex:none}.brand-mark img{width:20px;height:20px;display:block}.brand-name{font-family:var(--font-display);font-weight:500;font-size:1.05rem;letter-spacing:-.01em}.sidebar-section{display:flex;flex-direction:column;gap:6px}.sidebar-label{font-size:.72rem;font-weight:500;letter-spacing:.06em;color:var(--color-text-faint);text-transform:uppercase;padding:4px 10px}.sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.sidebar-item{width:100%;display:inline-flex;align-items:center;gap:.7rem;padding:.56rem .7rem;border-radius:var(--radius-sm);font-size:.92rem;color:var(--color-text);text-align:left;transition:background var(--t-fast)}.sidebar-item:hover{background:#0a16280d}.sidebar-item.is-active{background:#1a8e7a14;color:var(--color-accent-deep)}.sidebar-item.is-active .sidebar-item-icon{color:var(--color-accent-deep)}.sidebar-item-icon{width:18px;height:18px;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;flex:none}.sidebar-item-icon svg{width:18px;height:18px}.history .history-empty{padding:.4rem .7rem;font-size:.85rem;color:var(--color-text-faint)}.history-item{font-size:.88rem;color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--color-border)}.user-pill{display:inline-flex;align-items:center;gap:.7rem;padding:.45rem .55rem;border-radius:9999px;width:100%;transition:background var(--t-fast)}.user-pill:hover{background:#0a16280a}.avatar-md{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7be8bd,#1a8e7a);color:#fff;font-size:.82rem;font-weight:500;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;flex:none}.user-text{flex:1;display:flex;flex-direction:column;text-align:left;min-width:0}.user-name{font-size:.88rem;font-weight:500;color:var(--color-text);line-height:1.2}.user-sub{font-size:.7rem;color:var(--color-text-faint);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chev{color:var(--color-text-faint);flex:none}.paperclip-link{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.72rem;color:var(--color-text-faint);opacity:.85;align-self:flex-start;border-radius:6px;transition:color var(--t-fast),background var(--t-fast)}.paperclip-link:hover{color:var(--color-text);background:#0a16280a}.main{background:#f3f3f3;border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-header{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);gap:.75rem;background:var(--color-bg-alt)}.main-header-spacer{flex:1}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:9999px;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--t-fast)}.mobile-menu-btn:hover{background:#0a16280d;color:var(--color-text)}.nav-tabs{display:inline-flex;align-items:center;gap:2px}.tab{padding:.45rem .95rem;border-radius:9999px;font-size:.88rem;font-weight:500;color:var(--color-text-muted);transition:background var(--t-fast),color var(--t-fast)}.tab:hover{background:#0a16280d;color:var(--color-text)}.tab.is-active{background:var(--color-text);color:var(--color-white)}.header-user-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .4rem;border-radius:9999px;background:#f1f1f1;border:1px solid rgba(10,22,40,.06);color:var(--color-text);transition:background var(--t-fast)}.header-user-pill:hover{background:#e9e9ea}.avatar-xs{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7be8bd,#1a8e7a);color:#fff;font-size:.62rem;font-weight:500;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;flex:none;border:2px solid var(--color-white)}.header-user-name{font-size:.85rem;font-weight:500}.main-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.modal-overlay{position:fixed;inset:0;background:#0a162873;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:modalFadeIn var(--t-med)}.modal-overlay[hidden]{display:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px -20px #0a162859,0 2px 8px #0a162814;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;padding:1.5rem;animation:modalScaleIn var(--t-med)}.modal-sm{max-width:320px;padding:.75rem}.modal-lg{max-width:720px}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-title{font-family:var(--font-display);font-size:1.15rem;font-weight:500;letter-spacing:-.01em;margin:0}.modal-close{width:32px;height:32px;border-radius:9999px;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background var(--t-fast)}.modal-close:hover{background:#0a16280f;color:var(--color-text)}.user-menu-head{display:flex;align-items:center;gap:.7rem;padding:.4rem .55rem .6rem;border-bottom:1px solid var(--color-border);margin-bottom:.3rem}.user-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.menu-row{width:100%;display:inline-flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text);text-align:left;transition:background var(--t-fast)}.menu-row:hover{background:#0a16280a}.menu-row-danger{color:#b9454a}.menu-row-danger:hover{background:#b9454a14}.mr-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.95rem}.menu-divider{height:1px;background:var(--color-border);margin:.35rem 0}.sidebar-backdrop{position:fixed;inset:0;background:#0a162859;z-index:40;animation:modalFadeIn var(--t-fast)}.sidebar-backdrop[hidden]{display:none}.popover-backdrop{position:fixed;inset:0;background:transparent;z-index:110}.popover-backdrop[hidden]{display:none}.popover{position:fixed;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 50px -12px #0a162840,0 2px 8px #0a162814;padding:.75rem;width:260px;animation:popoverIn var(--t-fast);transform-origin:bottom left}@keyframes popoverIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}.page{padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:1.25rem}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.page-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;letter-spacing:-.02em;margin:0}.page-sub{color:var(--color-text-muted);font-size:.92rem;margin:.1rem 0 0}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:9999px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);color:#fff;font-size:.88rem;font-weight:500;box-shadow:0 6px 16px -6px #1a8e7a8c;transition:transform var(--t-fast),filter var(--t-fast)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-ghost{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:9999px;background:var(--color-white);border:1px solid var(--color-border-strong);color:var(--color-text);font-size:.85rem;font-weight:500;transition:background var(--t-fast)}.btn-ghost:hover{background:#f8f9fb}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:9999px;font-size:.72rem;font-weight:500;letter-spacing:.02em;background:#0a16280f;color:var(--color-text-muted)}.chip-green{background:#3cb87a24;color:var(--color-accent-deep)}.chip-amber{background:#eab30824;color:#9a6700}.chip-red{background:#b9454a1f;color:#b9454a}.chip-blue{background:#4263eb1f;color:#2f4bca}.chip-gray{background:#0a162814;color:var(--color-text-muted)}.sidebar-tabs,.sidebar-close{display:none}@media(max-width:900px){.app{grid-template-columns:1fr;padding:10px;gap:10px}.sidebar{position:fixed;top:68px;left:50%;bottom:auto;transform:translate(-50%,-10px);width:88%;max-width:360px;max-height:66vh;overflow-y:auto;z-index:50;opacity:0;pointer-events:none;transition:transform var(--t-med),opacity var(--t-med);box-shadow:0 24px 60px -20px #0a162859;border-radius:var(--radius-xl);padding:14px;gap:10px}.sidebar.is-open{transform:translate(-50%);opacity:1;pointer-events:auto}.mobile-menu-btn{display:inline-flex}.main-header{padding:12px 14px}.nav-tabs{display:none}.sidebar-tabs{display:flex}.sidebar-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;color:var(--color-text-muted);transition:background var(--t-fast);flex:none}.sidebar-close:hover{background:#0a16280d;color:var(--color-text)}.sidebar-label{display:none}.sidebar-section:has(.history){display:none}.header-user-name{display:none}.header-user-pill{padding:.3rem}.modal{padding:1rem}}@media(max-width:520px){.app{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:6px}.main-header{padding:10px 12px}}