/* Standalone full Hangeon Web product layout. No marketing-site chrome. */
html,body{min-height:100%;overflow-x:hidden}
body{background:var(--page)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr);align-items:start}
.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px 14px;background:rgba(255,255,255,.96);overflow:auto;overscroll-behavior:contain}
.brand{padding:2px 12px 20px;flex:0 0 auto}.brand small{margin-left:auto;padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:9px;letter-spacing:.04em}
.side-nav{gap:3px}.nav-btn{height:44px}.side-divider{margin:12px 8px}.side-actions .primary-btn,.side-actions .secondary-btn{width:100%}
.side-account-card{margin-top:auto;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--card);text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(20,64,140,.045)}
.side-account-card:hover{border-color:rgba(8,104,247,.32)}.side-account-avatar{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900;overflow:hidden}.side-account-avatar img{width:100%;height:100%;object-fit:cover}.side-account-copy{min-width:0}.side-account-copy b,.side-account-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-account-copy b{font-size:11px;color:var(--navy)}.side-account-copy small{font-size:9px;color:var(--muted);margin-top:2px}.side-account-chevron{color:var(--muted);font-size:18px}
.main{min-height:100vh;padding:0 0 36px}.topbar{position:sticky!important;top:0!important;height:64px;padding:0 24px;background:color-mix(in srgb,var(--page) 90%,transparent);z-index:50}.page-title{font-size:19px}.top-actions{min-width:0}.top-search-btn kbd{margin-left:6px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--page);color:var(--muted);font-size:8px;font-family:inherit}.account-sync-badge{min-height:36px;border:1px solid var(--line);border-radius:999px;padding:0 11px;background:var(--card);color:var(--muted);font-size:10px;font-weight:900;cursor:pointer}.account-sync-badge[data-status="connected"]{background:var(--mint-soft);border-color:#b7eadc;color:#087b65}.account-sync-badge[data-status="syncing"]{background:var(--blue-soft);border-color:#bfd5fb;color:var(--blue)}.account-sync-badge[data-status="error"]{background:#fff0f2;border-color:#f3c7cd;color:var(--danger)}
.content{width:calc(100% - 48px);max-width:1680px;margin:0 auto;padding-top:24px}.welcome{margin-bottom:20px}.welcome h1{font-size:36px}.welcome p{max-width:850px}
.grid-2{grid-template-columns:minmax(0,1.5fr) minmax(340px,.5fr);gap:18px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-btn{min-height:138px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-layout{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid-rich{grid-template-columns:repeat(3,minmax(0,1fr))}.google-sync-card{grid-column:span 2}.danger-zone-card{border-color:#efc7cd!important}.service-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.service-links a{padding:8px 10px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:850}.account-file-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.account-sync-actions{flex-wrap:wrap}
.modal-wide{width:min(1280px,calc(100vw - 64px))}.project-detail-modal{width:min(1360px,calc(100vw - 64px));max-width:none}.project-detail-modal .modal-body{max-height:calc(100vh - 150px)}.modal{max-width:min(720px,calc(100vw - 32px))}.shared-space-layout{grid-template-columns:minmax(340px,.6fr) minmax(520px,1.4fr)}
@media(min-width:1500px){.quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.quick-btn{min-height:130px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-grid-rich{grid-template-columns:repeat(4,minmax(0,1fr))}.google-sync-card{grid-column:span 2}.card-pad{padding:24px}.calendar-grid{min-height:720px}}
@media(max-width:1250px){.app-shell{grid-template-columns:238px minmax(0,1fr)}.content{width:calc(100% - 36px)}.quick-grid{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(3,1fr)}.settings-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-space-layout{grid-template-columns:1fr}}
@media(max-width:920px) and (min-width:761px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:14px 9px}.brand{padding:3px 10px 18px;justify-content:center}.brand span,.brand small,.nav-btn>span:last-child,.side-account-copy,.side-account-chevron{display:none}.nav-btn{justify-content:center;padding:0}.side-actions .primary-btn,.side-actions .secondary-btn{font-size:0;padding:0}.side-actions .primary-btn:after{content:"＋";font-size:20px}.side-actions .secondary-btn:after{content:"▣";font-size:18px}.side-account-card{grid-template-columns:1fr;justify-items:center}.grid-2{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block;min-height:100vh}.sidebar{display:none}.main{padding-bottom:92px}.topbar{height:58px;padding:0 12px}.page-title{font-size:17px}.top-search-btn{font-size:0;width:40px;padding:0}.top-search-btn:before{content:"⌕";font-size:18px}.top-search-btn kbd{display:none}.account-sync-badge{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .icon-btn[data-open-document]{display:none}.top-actions .primary-btn{display:none}.content{width:calc(100% - 20px);padding-top:12px}.welcome{align-items:flex-start}.welcome h1{font-size:28px}.welcome p{font-size:12px}.date-pill{font-size:10px}.grid-2{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-btn{min-height:118px}.project-grid{grid-template-columns:1fr}.settings-grid-rich{grid-template-columns:1fr}.google-sync-card{grid-column:auto}.modal-wide,.project-detail-modal{width:100%;max-width:none}.shared-space-layout{grid-template-columns:1fr}.mobile-bottom{display:grid}.mobile-fab{display:grid}}
:root[data-theme="dark"] .sidebar{background:rgba(7,23,45,.97)}:root[data-theme="dark"] .side-account-card,:root[data-theme="dark"] .account-sync-badge{background:var(--theme-surface)!important;border-color:var(--line)!important}:root[data-theme="dark"] .topbar{background:rgba(6,20,38,.9)}:root[data-theme="dark"] .top-search-btn kbd{background:var(--theme-surface-soft)}
@media(prefers-color-scheme:dark){:root[data-theme="system"] .sidebar{background:rgba(7,23,45,.97)}:root[data-theme="system"] .side-account-card,:root[data-theme="system"] .account-sync-badge{background:var(--theme-surface)!important;border-color:var(--line)!important}:root[data-theme="system"] .topbar{background:rgba(6,20,38,.9)}:root[data-theme="system"] .top-search-btn kbd{background:var(--theme-surface-soft)}}