:root{--shell-navy:#172f45;--shell-navy-soft:#213f58;--shell-blue:#315e8f;--shell-ink:#20384d;--shell-muted:#718391;--shell-bg:#f2f5f7;--shell-line:#dfe7ec}
body{background:var(--shell-bg)}
.app{gap:16px;padding:12px;background:var(--shell-bg)}
.sidebar{width:232px;min-height:calc(100vh - 24px);max-height:calc(100vh - 24px);top:12px;display:flex;flex-direction:column;padding:24px 16px 16px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,var(--shell-navy) 0%,#1b374f 100%);box-shadow:0 18px 45px rgba(25,47,67,.16);scrollbar-width:thin;scrollbar-color:#ffffff28 transparent}
.brand{gap:12px;padding:2px 9px 20px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-icon{width:42px;height:42px;border-radius:12px}.brand strong{font-size:19px;letter-spacing:-.02em}.brand small{margin-top:2px;color:#9fb1bf;font-size:10px;letter-spacing:.04em}
.sidebar-nav{gap:3px;margin-top:17px}.nav-section-label{display:block;margin:16px 12px 6px;color:#7690a3;font-size:8px;font-weight:900;letter-spacing:.16em}.nav-section-label:first-child{margin-top:0}.nav-link{position:relative;gap:11px;min-height:40px;padding:9px 11px;border-radius:11px;color:#c9d5dd;font-size:13px;font-weight:700;transition:background .15s,color .15s,transform .15s}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.nav-link.active{background:#fff;color:var(--shell-navy);box-shadow:0 7px 18px rgba(6,24,39,.22)}.nav-link.active::before{content:"";position:absolute;left:-16px;width:3px;height:20px;border-radius:0 4px 4px 0;background:#d7a94d}.nav-icon{display:grid;place-items:center;flex:0 0 19px;width:19px!important;height:19px}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-footer{margin-top:auto;padding-top:18px}.sidebar-encouragement{margin:0 3px 12px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055)}.sidebar-encouragement span,.sidebar-encouragement strong{display:block}.sidebar-encouragement span{color:#7994a7;font-size:8px;font-weight:900;letter-spacing:.14em}.sidebar-encouragement strong{margin-top:4px;color:#dbe4ea;font-size:12px}
#sidebar-account-slot:empty{display:none}.auth-account,.local-preview-note{min-width:0;margin:0!important;padding:11px 10px;border-top:1px solid rgba(255,255,255,.11)}.auth-account{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.auth-user{max-width:none;color:#9fb1bf;font-size:9px}.auth-account .button{padding:7px 9px;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#dce6ec;font-size:10px}.local-preview-note strong,.local-preview-note span{display:block}.local-preview-note strong{color:#dce6ec;font-size:10px}.local-preview-note span{margin-top:3px;color:#8098a9;font-size:8px;line-height:1.35}
.main-content{padding-bottom:24px}.page-header{min-height:91px;padding:18px 27px;border:1px solid var(--shell-line);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 9px 26px rgba(26,51,72,.055);backdrop-filter:blur(10px)}.page-header .eyebrow{color:#7d8d99;font-size:9px;letter-spacing:.15em}.page-header h1{margin-top:5px;color:var(--shell-ink);font-size:27px}.page-header-actions{display:flex;align-items:center;gap:10px}.header-create-button{display:flex;align-items:center;gap:9px;border:1px solid #2b557e;background:var(--shell-blue);color:#fff;box-shadow:0 7px 17px rgba(49,94,143,.19)}.header-create-button:hover{background:#274f77}.header-create-button span{font-size:19px;font-weight:400;line-height:.7}
@media(max-width:1100px) and (min-width:851px){.sidebar{width:205px}.nav-link{font-size:12px}.nav-link.active::before{left:-16px}}
@media(max-width:850px){.app{padding:8px}.sidebar{width:100%;min-height:0;max-height:none;position:static;padding:12px;border-radius:18px}.brand{padding:0 4px 10px}.brand-icon{width:38px;height:38px}.brand small{display:none}.sidebar-nav{display:flex;gap:5px;margin:9px 0 0;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{display:none}.nav-link{min-height:38px;padding:8px 11px;white-space:nowrap}.nav-link:hover{transform:none}.nav-link.active::before{left:11px;right:11px;bottom:1px;width:auto;height:2px;border-radius:3px}.sidebar-footer{display:flex;align-items:center;justify-content:flex-end;margin:7px 0 0;padding:7px 3px 0;border-top:1px solid rgba(255,255,255,.09)}.sidebar-encouragement{display:none}.auth-account,.local-preview-note{padding:0;border:0}.local-preview-note span{display:none}.page-header{margin-top:8px;min-height:82px;padding:16px 19px;border-radius:18px}.page-header h1{font-size:24px}}
@media(max-width:650px){.page-header{align-items:center}.page-header .eyebrow{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header h1{font-size:22px}.header-create-button{width:40px;height:40px;justify-content:center;padding:0;border-radius:12px;font-size:0}.header-create-button span{font-size:23px}.nav-link{font-size:12px}.nav-icon{display:none}}