:root{--bg:#fcfbfd;--bg-soft:#f7f4fa;--section:#f7f4fa;--surface:#fff;--primary:#7c6faf;--hover:#6d5fa3;--accent-pink:#f3d6e4;--accent-pink-active:#e7bfd2;--mint:#dff3ee;--ink:#2e3142;--text-muted:#7d8495;--line:#ece8f2;--navy:var(--primary);--navy-active:var(--hover);--accent:var(--primary);--accent-hover:var(--hover);--accent-soft:#7c6faf24;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--muted:var(--text-muted);--muted-light:#7d8495a6;--bg-gradient:radial-gradient(1200px 800px at 10% 0%, #f3d6e459 0%, #fcfbfd00 55%), radial-gradient(900px 600px at 85% 10%, #dff3ee8c 0%, #fcfbfd00 50%), linear-gradient(180deg, #fcfbfd 0%, #f7f4fa 100%);--shadow:0 10px 30px #2e31420f;--shadow-hover:0 18px 46px #2e314214;--radius-xl:28px;--radius-lg:24px;--radius-md:20px;--focus:0 0 0 4px #7c6faf2e}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg-gradient);color:var(--ink);margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus);outline:none}h1,h2,h3{color:var(--ink);letter-spacing:0;font-weight:700}h2{margin:0;font-size:21px}.auth-shell{background:var(--bg-gradient);place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(460px,100%);box-shadow:var(--shadow);padding:34px}.brand-mark{color:#fff;background:var(--navy);letter-spacing:0;border-radius:16px;flex:none;justify-content:center;align-items:center;min-width:46px;height:46px;font-weight:800;display:inline-flex;box-shadow:0 16px 34px #1720332e}.brand-word{color:var(--ink);letter-spacing:0;align-items:baseline;gap:0;font-size:29px;font-weight:800;display:inline-flex}.brand-word .brand-lower{color:inherit}.app-logo{align-items:center;gap:14px;min-width:0;display:inline-flex}.app-logo-mark{filter:drop-shadow(0 18px 34px #7c6faf38);border-radius:22px;flex:0 0 56px;width:56px;height:56px}.app-logo-text{gap:0;min-width:0;padding:4px 0 6px;display:grid}.app-logo-name{color:#0000;letter-spacing:-.01em;background:linear-gradient(115deg,#7c6faf 0%,#a982be 48%,#e7bfd2 100%);-webkit-background-clip:text;background-clip:text;padding-bottom:2px;font-size:30px;font-weight:850;line-height:1.18}.app-logo-compact{justify-content:center}.app-logo-compact .app-logo-mark{filter:drop-shadow(0 14px 28px #7c6faf2e);border-radius:18px;flex-basis:48px;width:48px;height:48px}.app-shell{flex-direction:column;min-height:100vh;padding:32px 40px 116px;display:flex}@media (min-width:1024px){.app-shell{padding:32px 40px 40px 320px}}.topbar{justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:1200px;margin:0 auto 40px;display:flex}.topbar-title{align-items:center;gap:14px;display:flex}.topbar h1,.page-title h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.06}.topbar p,.page-title p,.muted{color:var(--muted)}.page-title{gap:8px;display:grid}.content{flex:1;width:100%;max-width:1200px;margin:0 auto}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid #ece8f2eb;transition:box-shadow .2s,transform .2s,background-color .2s;box-shadow:0 10px 30px #2e31420f}.panel{padding:32px;position:relative}.panel:after{content:"";border-radius:var(--radius-xl);pointer-events:none;opacity:.55;background:radial-gradient(500px 160px at 0 0,#f3d6e438 0%,#f3d6e400 55%),radial-gradient(380px 180px at 90% 20%,#dff3ee6b 0%,#dff3ee00 60%);position:absolute;inset:0}.panel>*{z-index:1;position:relative}.card{padding:24px}.panel:hover,.card:hover{box-shadow:var(--shadow-hover);background:#fff;transform:translateY(-1px)}.hero-panel{background:linear-gradient(#f3d6e43d 0%,#f7f4fae6 55%,#fff 100%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:40px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(520px 220px at 10% 15%,#f3d6e48c 0%,#f3d6e400 60%),radial-gradient(440px 240px at 85% 25%,#dff3eeb3 0%,#dff3ee00 62%);position:absolute;inset:-2px}.hero-panel>*{z-index:1;position:relative}.hero-panel h1{max-width:760px;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.02}.hero-panel p{max-width:680px;color:var(--muted);font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.stat{isolation:isolate;gap:12px;min-height:166px;display:grid;position:relative;overflow:hidden}.stat:after{z-index:0;background:var(--accent-soft);content:"";pointer-events:none;border-radius:999px;width:104px;height:104px;position:absolute;bottom:-30px;right:-24px}.stat>*{z-index:1;position:relative}.stat-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:16px;flex:none;justify-content:center;align-items:center;display:inline-flex}.stat strong{font-size:38px;line-height:1;display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.form{gap:16px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--ink);font-size:13px;font-weight:700}.inline-option{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.input,.textarea,.select{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #ece8f2fa;border-radius:18px;padding:12px 16px;transition:box-shadow .2s,border-color .2s,transform .2s,background-color .2s}.input:hover,.textarea:hover,.select:hover{border-color:var(--muted-light)}.input:focus,.textarea:focus,.select:focus{box-shadow:var(--focus);background:#fff;border-color:#7c6fafa6;outline:none}.textarea{resize:vertical;min-height:128px}.button{background:var(--primary);color:#fff;text-align:center;white-space:normal;overflow-wrap:anywhere;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s,filter .18s;display:inline-flex}.button svg,.nav-item svg{flex:none}.button:hover{background:var(--hover);filter:saturate(1.05);transform:translateY(-1px)}.button.secondary{background:var(--bg-soft);color:var(--primary);border-color:#ece8f2f2}.button.secondary:hover{background:#fff}.button.accent{background:var(--accent-pink);color:#2e3142;border-color:#e7bfd2e6}.button.accent:hover{background:var(--accent-pink-active)}.button.danger{background:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.table-card{padding:0;overflow:hidden}.table-card .toolbar{margin:0;padding:24px 26px 0}.table{border-collapse:separate;border-spacing:0;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:16px 18px}.table tr:last-child td{border-bottom:0}.table th{color:var(--muted-light);text-transform:uppercase;font-size:12px;font-weight:800}.badge{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:999px;flex:0 0 6px;width:6px;height:6px}.status-DRAFT{border-color:var(--line);background:var(--bg);color:var(--muted)}.status-REVIEW{color:var(--warning);background:#f59e0b1a;border-color:#f59e0b47}.status-APPROVED{color:var(--success);background:#10b9811a;border-color:#10b98147}.status-ARCHIVED{color:var(--navy);background:#17203314;border-color:#1720332e}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff9;border-radius:999px;gap:8px;width:min(600px,100% - 32px);padding:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0f172a14}@media (min-width:1024px){.bottom-nav{display:none}}.bottom-nav{border-color:#ece8f2f2}.nav-item{min-width:0;min-height:64px;color:var(--muted);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--navy);background:#0f172a08}.nav-item.active{color:var(--accent);background:var(--accent-soft)}.sidebar{display:none}@media (min-width:1024px){.sidebar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-right:1px solid #ece8f2f2;flex-direction:column;width:280px;padding:28px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:42px;padding:0 4px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-item{min-height:50px;color:var(--text-muted);border-radius:18px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:700;transition:all .18s;display:flex}.sidebar-item span{display:inline}.sidebar-item:hover{color:var(--primary);background:#f3d6e438}.sidebar-item.active{color:var(--primary);background:#e7bfd28c;border:1px solid #7c6faf40;box-shadow:0 14px 30px #e7bfd238}.sidebar-footer{border-top:1px solid #ece8f2f2;margin-top:auto;padding-top:18px}}.document-preview{white-space:pre-wrap;min-height:420px;color:var(--ink);background:linear-gradient(#fff 0%,#fcfbfd 100%);border:1px solid #ece8f2f2;border-radius:24px;line-height:1.7}.document-preview:placeholder-shown{color:#7d8495f2}.document-preview::selection{background:#f3d6e4e6}.alert{color:var(--ink);background:#f3d6e459;border:1px solid #f3d6e4d9;border-radius:18px;padding:12px 14px;box-shadow:0 10px 30px #2e31420d}.stepper{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.step{min-height:60px;color:var(--text-muted);background:linear-gradient(#fff 0%,#fcfbfd 100%);border:1px solid #ece8f2f2;border-radius:22px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:flex;box-shadow:0 10px 24px #2e31420a}.step.active{color:var(--primary);background:linear-gradient(#f3d6e438 0%,#7c6faf1a 100%);border-color:#7c6faf73;box-shadow:0 18px 40px #7c6faf24}.step-number{color:#7d8495f2;background:#ece8f2e6;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.step.active .step-number{background:var(--primary);color:#fff;box-shadow:0 14px 30px #7c6faf59}.topbar-title>div,.hero-panel>*,.stat>*,.card>*,.panel>*{min-width:0}@media (max-width:980px){.app-shell{padding:24px 18px 108px}.topbar,.hero-panel{grid-template-columns:1fr;align-items:flex-start}.topbar{flex-direction:column}.grid-2,.grid-3,.stepper{grid-template-columns:1fr}.table{display:block;overflow-x:auto}}@media (max-width:620px){.auth-shell{padding:18px}.login-panel,.panel,.hero-panel{border-radius:22px;padding:22px}.step{border-radius:20px;min-height:56px;padding:10px 12px}.input,.textarea,.select{border-radius:16px;min-height:50px}.bottom-nav{width:calc(100% - 18px);padding:7px;bottom:12px}.nav-item{min-height:52px;font-size:10px}.nav-item span{text-align:center;text-overflow:clip;white-space:normal;max-width:none;overflow:visible}}