:root{--bg-primary:#081321;--bg-secondary:#0c1b2c;--surface:#11243a;--surface-hover:#18314c;--border:#29435d;--text-primary:#f3f7fc;--text-secondary:#b3c3d6;--cyan:#45c9ed;--green:#54d5a1;--amber:#ffbe69;--violet:#bd9eff;--danger:#ff7d8a;--radius:18px;--shadow:0 16px 40px #020a1680}
body{background:var(--bg-primary);color:var(--text-primary);min-width:0}header{position:sticky;top:0;z-index:20;background:#0a192bec;backdrop-filter:blur(12px);padding:14px clamp(16px,3vw,36px)}header>div:first-child{display:flex;align-items:center;gap:16px}header h1{font-size:1.2rem;color:var(--text-primary)}main{max-width:none;margin:0 0 0 220px;padding:28px clamp(16px,3vw,42px)}.site-nav{position:fixed;top:70px;bottom:0;left:0;width:220px;padding:20px 12px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex!important;flex-direction:column;gap:7px;z-index:15}.site-nav button{width:100%;text-align:left;background:transparent;color:var(--text-secondary)}.site-nav button:hover,.site-nav button.active{background:var(--surface-hover);color:var(--cyan)}.menu-toggle{display:none}.panel,.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text-primary)}.panel{max-width:none}#appPanel{max-width:1000px}input,textarea,select{background:var(--bg-primary);border-color:var(--border);color:var(--text-primary)}button,.upload-button{background:var(--cyan);color:#071525;border-radius:11px;min-height:44px;padding:10px 16px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.blue{background:#29445e;color:var(--text-primary)}.red{background:#8e3444;color:white}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.hero{padding:30px 0}.hero h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0}.hero p{color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature{min-height:220px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;transition:transform .15s,background .15s}.feature:hover{background:var(--surface-hover);transform:translateY(-3px)}.feature strong{font-size:1.45rem}.feature span{font-weight:400;line-height:1.6;color:var(--text-secondary)}.feature.cyan{border-top:4px solid var(--cyan)}.feature.green{border-top:4px solid var(--green)}.feature.amber{border-top:4px solid var(--amber)}.feature.violet{border-top:4px solid var(--violet)}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.dash-bottom .panel{margin:0}fieldset{border:1px solid var(--border);border-radius:12px;margin:14px 0;padding:12px}fieldset label{display:inline-flex;align-items:center;gap:6px;margin:6px 12px 6px 0}fieldset input{width:auto;margin:0}.format-filters{display:flex;flex-wrap:wrap;gap:8px}.format-filters label{background:var(--bg-secondary);border:1px solid var(--border);padding:8px 12px;border-radius:10px;margin:0}.doc-card{padding:16px;margin:12px 0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}.doc-card h3{margin:0 0 8px}.doc-viewer{width:100%;min-height:65vh;border:0;background:#0b1728}.doc-image{max-width:100%;max-height:70vh;object-fit:contain}.v16-logo{background:transparent}table{display:block;overflow-x:auto}#answer{line-height:1.6}#loginPanel{max-width:500px;margin:5vh auto}
@media(max-width:1099px){main{margin-left:0}.site-nav{transform:translateX(-105%);transition:transform .2s}.site-nav.open{transform:translateX(0)}.menu-toggle{display:inline-flex}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:649px){header{padding:12px 16px}header h1{font-size:1rem}main{padding:18px 12px}.feature-grid,.dash-bottom{grid-template-columns:1fr}.feature{min-height:170px}.actions{display:flex;flex-wrap:wrap}.actions button,.actions .upload-button{flex:1 1 125px}.v16-titlebar{flex-wrap:wrap}.panel{padding:16px}body{overflow-x:hidden}}
.site-nav.hidden{display:none!important}