:root{--brand-navy:#102c57;--brand-blue:#174a82;--brand-sky:#eaf3ff;--brand-line:#cad9ee;--brand-ink:#10284a;--brand-focus:#2b7de9}body{background:linear-gradient(135deg,#edf4fc 0%,#f7fafc 42%,#e6effb 100%);color:var(--brand-ink)}.sidebar{background:linear-gradient(180deg,#092246 0%,#102f5d 100%);box-shadow:inset -1px 0 #ffffff1c;padding:24px 20px}.brand{align-items:center;gap:12px;padding:12px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0d}.brand img{width:76px;height:76px;object-fit:contain;border-radius:12px;background:#fff;padding:5px;box-shadow:0 8px 20px #0003}.brand b{font-size:16px}.brand small{color:#b9d5ff}nav button,.sidebar-actions button{border-radius:11px;border-color:#ffffff2e;transition:background .18s ease,border-color .18s ease,transform .18s ease}nav button:hover,.sidebar-actions button:hover{background:#ffffff17;border-color:#b9d5ff;transform:translateX(-2px)}nav button[aria-current=true]{background:#fff;color:var(--brand-navy);border-color:#fff;font-weight:700}.topbar{padding:26px 32px;background:#ffffffb8;backdrop-filter:blur(10px);border-bottom:1px solid var(--brand-line)}.topbar h1{color:var(--brand-navy);font-size:26px}.topbar p{color:#52677f}.panel{border:1px solid #d8e4f3;border-radius:20px;box-shadow:0 14px 42px #15365b15}.preview{border:1px solid #cbd9ea;border-radius:20px;overflow:hidden;box-shadow:0 18px 46px #15365b24}.doc-head{background:linear-gradient(120deg,#0b2346,#1a4a82);align-items:flex-start}.doc-head img{width:168px;height:88px;background:#fff;border-radius:12px;padding:7px;box-shadow:0 8px 20px #0003}.doc-footer{background:#0b2346}.primary{background:var(--brand-blue)}.primary:hover{background:#0e3c70}.secondary{background:var(--brand-sky);color:var(--brand-navy)}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #2b7de955;outline-offset:2px;border-color:var(--brand-focus)}.login-brand img{width:96px;height:96px;object-fit:contain;border-radius:14px;background:#fff;padding:6px;box-shadow:0 10px 24px #0002}@media(max-width:620px){.sidebar{padding:12px}.brand{padding:9px}.brand img{width:58px;height:58px}.topbar{padding:16px}.topbar h1{font-size:21px}.workspace{gap:14px}.panel,.preview{border-radius:14px}.doc-head{padding:20px 22px;gap:14px}.doc-head img{width:118px;height:66px}.doc-head h2{font-size:20px}.doc-meta{grid-template-columns:1fr;gap:10px}}