:root{font-family:Inter,system-ui,sans-serif;color:var(--tynq-navy);background:var(--tynq-canvas);font-synthesis:none;--ink:var(--tynq-navy);--muted:var(--tynq-muted);--accent:var(--tynq-teal-ink);--line:var(--tynq-border);--panel:#fff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:var(--accent)}:focus-visible{outline:3px solid var(--tynq-teal);outline-offset:3px}.app{display:grid;grid-template-columns:266px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:#e3f3f8;display:flex;flex-direction:column;padding:28px 18px 20px;position:sticky;top:0;height:100dvh;overflow:auto;border-right:2px solid var(--tynq-teal)}.brand img{display:block;width:100%;height:auto;border-radius:8px}.sidebar .brand{padding:0 6px}.sidebar .brand img{max-width:215px}.login-panel .brand img{width:min(100%,255px)}.mobile-logo{display:none}nav{margin-top:38px}nav h2{color:#b4cadb;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin:24px 12px 9px}nav button{width:100%;border:0;background:transparent;color:inherit;text-align:left;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;font-size:13px;min-height:40px}nav button span{width:17px;font-size:17px;color:var(--tynq-teal-light)}nav button:hover,nav button.active{background:var(--tynq-navy-soft);color:#fff}nav button.active{box-shadow:inset 3px 0 var(--tynq-teal)}.account{margin-top:auto;border-top:1px solid #29486b;padding:18px 5px 0;display:flex;gap:10px;align-items:flex-start}.account strong{font-size:13px;overflow-wrap:anywhere}.account button,.account a{display:block;padding:0;margin-top:5px;border:0;background:none;color:var(--tynq-teal-light);font-size:12px;text-decoration:none}.avatar{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:#1e4166;font-weight:700}.topbar{display:flex;align-items:center;gap:12px;height:60px;padding:0 36px;background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.topbar button{background:transparent;border:0;color:var(--accent);font-weight:650;padding:3px}.mobile-toggle{display:none}.library,.viewer{padding:32px clamp(20px,4vw,58px) 48px;max-width:1440px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:750;color:var(--tynq-teal-ink);margin:0 0 7px}h1{font-size:clamp(27px,4vw,42px);letter-spacing:-.05em;line-height:1.12;margin:0;color:var(--ink)}.subtext{color:var(--muted);margin:10px 0 0;font-size:14px}.search{display:flex;gap:9px;margin:24px 0 19px;max-width:580px}input{min-width:0;border:1px solid #aac4ce;border-radius:8px;background:#fff;padding:11px 12px;color:var(--ink);width:100%}.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;padding:11px 16px;text-decoration:none;white-space:nowrap;font-size:13px}.primary:hover{background:var(--tynq-teal-hover)}.document-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-head,.document{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.35fr) 86px;gap:12px;align-items:center;padding:12px 16px}.table-head{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;background:var(--tynq-teal-soft);color:var(--tynq-navy-soft)}.document{text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}.document:hover{background:#eef9f9}.doc-name{display:flex;align-items:center;gap:12px;min-width:0}.doc-name strong{font-size:14px;display:block}.doc-name small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.file-icon{flex:none;display:grid;place-items:center;background:var(--tynq-teal-soft);color:var(--tynq-teal-ink);width:43px;height:44px;border-radius:7px;font-size:9px;font-weight:850;letter-spacing:.04em}.doc-workspace{font-size:12px;color:var(--muted)}.badge{justify-self:start;border-radius:99px;padding:4px 8px;background:#e5edf7;color:var(--tynq-navy-soft);font-size:11px;font-weight:700}.badge.draft{background:#fff0d7;color:#684908}.badge.approved{background:var(--tynq-teal-soft);color:var(--tynq-teal-ink)}.empty,.error{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:8px}.error{color:#922f28}.pager{display:flex;gap:10px;align-items:center;margin-top:15px;font-size:13px}.pager button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 10px}.viewer-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.viewer h1{font-size:clamp(23px,3vw,35px)}iframe{width:100%;height:72vh;border:1px solid var(--line);border-radius:8px;background:#fff}.preview-link{display:inline-block;margin-top:10px;font-size:13px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 25% 15%,#155667,var(--tynq-navy) 66%)}.login-panel{width:min(100%,438px);background:#fff;border-radius:16px;padding:38px;box-shadow:0 12px 45px #05172266}.org{color:var(--muted);font-size:12px;margin:17px 0 9px}.login-panel h1{font-size:30px;margin-bottom:23px}.login-panel label{display:block;font-size:13px;font-weight:650;margin-bottom:14px}.login-panel input{margin-top:5px}.login-panel .primary{width:100%}.loading{padding:34px}@media(max-width:760px){.app{display:block}.sidebar{display:none;position:fixed;inset:60px 0 0 auto;width:min(310px,92vw);z-index:2;height:calc(100dvh - 60px);box-shadow:-8px 0 35px #061a3a44}.sidebar.open{display:flex}.mobile-toggle{display:inline-block}.topbar{padding:0 12px;gap:8px}.mobile-logo{display:block;width:86px;height:auto;border-radius:4px}.portal-label{display:none}.library,.viewer{padding-top:22px}.table-head,.document{grid-template-columns:minmax(0,1fr) 70px;gap:7px;padding:10px}.table-head span:nth-child(2),.doc-workspace{display:none}.viewer-header{align-items:flex-start;flex-direction:column}}.category-filter{display:flex;gap:8px;align-items:center;font-size:13px;margin:0 0 15px;color:var(--muted)}.category-filter select{font:inherit;color:var(--ink);background:#fff;border:1px solid #aac4ce;border-radius:8px;padding:7px 9px;max-width:75%}.viewer-tools{display:flex;flex-wrap:wrap;gap:8px}