@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg: #f1efe8;--ink: #13120f;--paper: #fffaf0;--accent: #0f7b6c;--accent-2: #d3682f;--line: #d8cfbe;--muted: #625a4d}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 8%,#ffe6bf 0,transparent 30%),radial-gradient(circle at 85% 85%,#c8ece7 0,transparent 35%),var(--bg);overflow:hidden}h1,h2,h3{margin:0 0 .8rem}label{font-size:.85rem;font-weight:600;margin:.2rem 0}input,select{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fff;font-family:IBM Plex Mono,monospace}.shell{display:grid;grid-template-columns:270px 1fr;height:100vh;overflow:hidden;position:relative}.shell.sidebar-closed{grid-template-columns:0 1fr}.sidebar{padding:1.2rem;background:linear-gradient(160deg,#111,#1f2a2a);color:#f2f7f7;display:flex;flex-direction:column;gap:1rem;overflow:auto;min-width:0;transition:transform .18s ease,opacity .18s ease;z-index:6}.sidebar.closed{transform:translate(-100%);opacity:0;pointer-events:none}.sidebar h1{font-size:1.4rem;letter-spacing:.03em}.sidebar-topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.sidebar-toggle{border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#f2f7f7;padding:.45rem .75rem;border-radius:999px;font-weight:700;cursor:pointer}.sidebar-toggle:hover{background:#ffffff24}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:.65rem;color:#d6e7e6;text-decoration:none;padding:.6rem .75rem;border-radius:10px;margin-bottom:.25rem}.nav-item.active,.nav-item:hover{background:#2b7d72;color:#fff}.nav-badge{min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#d63c3c;color:#fff;font-size:.74rem;font-weight:700;line-height:1;box-shadow:0 2px 10px #d63c3c47;flex-shrink:0}.nav-item.active .nav-badge,.nav-item:hover .nav-badge{background:#ff5a5a}.sidebar-backdrop{display:none}.sidebar-hover-zone{position:fixed;left:0;top:0;width:14px;height:100vh;border:none;background:transparent;z-index:4;cursor:e-resize}.content{padding:1.3rem;overflow:auto;min-width:0}.content-topbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.topbar-dropdown{position:relative}.topbar-icon-btn,.profile-trigger{border:1px solid rgba(15,123,108,.14);background:#ffffffd6;color:var(--ink);width:2.75rem;height:2.75rem;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px #20170812;position:relative}.topbar-icon-btn:hover,.profile-trigger:hover{transform:translateY(-1px);background:#fff}.topbar-icon-svg{width:1.05rem;height:1.05rem;display:block}.topbar-icon-badge{position:absolute;top:-.15rem;right:-.15rem;min-width:1.2rem;height:1.2rem;padding:0 .25rem;border-radius:999px;background:#d63c3c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.profile-trigger-avatar,.profile-avatar-large{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(145deg,#0f7b6c,#245d7a);color:#fff;font-weight:700}.profile-trigger-avatar{width:100%;height:100%;background:linear-gradient(145deg,#f2f6f8,#fff);color:#1f4452}.profile-trigger-image{width:100%;height:100%;border-radius:16px;object-fit:cover}.profile-avatar-large{width:4.5rem;height:4.5rem;font-size:1.6rem;flex-shrink:0}.profile-avatar-image{object-fit:cover}.topbar-menu{position:absolute;right:0;top:calc(100% + .55rem);min-width:240px;background:#fffaf0fa;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 36px #20170824;overflow:hidden;z-index:10}.topbar-menu-head{display:grid;gap:.2rem;padding:.9rem 1rem .75rem;border-bottom:1px solid var(--line)}.topbar-menu-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:none;background:transparent;color:var(--ink);text-decoration:none;padding:.85rem 1rem;font:inherit;cursor:pointer}.topbar-menu-link:hover{background:#f6efe0}.topbar-menu-link.danger{color:#8b3413}.notifications-menu{min-width:220px}.content-toggle{border-color:#0f7b6c29;background:#0f7b6c1a;color:var(--accent)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 8px 22px #20170812}.form-stack{display:grid;gap:.65rem;align-items:start}.form-stack .btn{width:auto;justify-self:start}.btn{border:none;background:var(--accent);color:#fff;padding:.65rem 1rem;border-radius:10px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn.ghost{background:#3e8fa5}.btn.danger{background:var(--accent-2)}.muted{color:var(--muted)}.error{background:#ffd8cc;color:#7b2d0f;border:1px solid #e5a189;padding:.7rem;border-radius:10px}.success{background:#dbf5e7;color:#19593c;border:1px solid #9bd7b8;padding:.7rem;border-radius:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.row{display:flex;gap:.6rem}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin:.7rem 0}.checkbox-grid label{display:flex;align-items:center;gap:.4rem}.checkbox-grid input{width:auto}.chip-wrap{display:flex;flex-wrap:wrap;gap:.45rem}.chip{padding:.2rem .6rem;border-radius:999px;background:#203a3f;color:#d7fffb;font-size:.75rem;font-family:IBM Plex Mono,monospace}.chip-btn{border:1px solid transparent;cursor:pointer}.chip-btn:hover{border-color:#a9ebe4;transform:translateY(-1px)}.profile-page{display:grid;gap:1rem}.profile-hero-card{padding:1.35rem;background:radial-gradient(circle at top right,rgba(15,123,108,.16),transparent 28%),radial-gradient(circle at bottom left,rgba(211,104,47,.14),transparent 28%),linear-gradient(145deg,#fff9ed,#fffdf7)}.profile-hero{display:flex;align-items:center;gap:1.2rem}.profile-hero-avatar-wrap{display:grid;gap:.7rem;justify-items:center}.profile-hero-copy{display:grid;gap:.55rem}.profile-eyebrow,.profile-section-label{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--accent);font-weight:700}.profile-hero-copy h2{margin:0;font-size:2rem}.profile-hero-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.profile-meta-pill{min-width:180px;padding:.7rem .9rem;border-radius:14px;background:#ffffffc7;border:1px solid rgba(15,123,108,.12);display:grid;gap:.18rem}.profile-meta-pill span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.profile-status-pill{padding:.35rem .7rem;border-radius:999px;background:#203a3f;color:#d7fffb;font-size:.78rem;font-weight:700}.profile-hero-avatar-button{border:none;background:transparent;padding:0;cursor:pointer}.profile-hero-avatar-button:hover{transform:translateY(-1px)}.profile-main{display:grid;gap:1rem}.profile-card{padding:1.1rem}.profile-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.9rem}.profile-card-head h3{margin:.15rem 0 0}.profile-info-grid{display:grid;gap:.9rem}.profile-info-grid div{display:grid;gap:.25rem}.profile-info-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-info-tile{padding:.95rem 1rem;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,#fffef8,#fff8ea)}.profile-chip-board{display:flex;flex-wrap:wrap;gap:.6rem}.profile-inline-section{margin-top:1.1rem;display:grid;gap:.65rem}.profile-inline-actions{margin-top:.9rem;display:flex;justify-content:flex-start}.profile-chip{padding:.38rem .8rem;font-size:.8rem}.profile-actions-list{display:flex;flex-wrap:wrap;gap:.5rem}.profile-action-pill{padding:.42rem .72rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:.8rem}.profile-upload-label{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1rem;border-radius:12px;border:1px dashed rgba(15,123,108,.28);background:#0f7b6c14;color:var(--accent);font-weight:700;cursor:pointer;margin-bottom:.7rem}.profile-upload-label input{display:none}.profile-image-menu{display:grid;gap:.55rem;min-width:170px}.profile-image-menu-btn{width:100%;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;font:inherit;font-weight:700;cursor:pointer}.profile-image-menu-btn:hover{background:#f8f1e3}.profile-image-menu-btn.danger{color:#8b3413}.profile-image-menu-btn:disabled{opacity:.45;cursor:not-allowed}.profile-image-viewer{max-width:620px}.profile-image-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.profile-image-viewer-image{width:100%;max-height:70vh;object-fit:contain;border-radius:18px;background:#fff}.profile-image-viewer-empty{min-height:220px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}@media(max-width:720px){.profile-hero{align-items:flex-start;flex-direction:column}.profile-info-grid-rich{grid-template-columns:1fr}}.dashboard{display:grid;gap:1rem}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.8rem}.kpi-card{background:linear-gradient(145deg,#fdf7e5,#fffef8);border:1px solid var(--line);border-radius:14px;padding:.85rem}.kpi-card p{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi-card h3{margin:.2rem 0 0;font-size:1.6rem}.status-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.status-matrix div{padding:.65rem;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;justify-content:space-between;align-items:center}.status-matrix span{font-size:.8rem;color:var(--muted);font-family:IBM Plex Mono,monospace}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-upload-card{background:radial-gradient(circle at top right,rgba(15,123,108,.12),transparent 28%),linear-gradient(145deg,#fff9ed,#fffef8)}.dashboard-upload-hero{display:grid;gap:.08rem;background:radial-gradient(circle at top left,rgba(15,123,108,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(36,93,122,.06),transparent 22%),linear-gradient(135deg,#fffdf7,#fffefb 56%,#f8fbfb);border:1px solid rgba(15,123,108,.08);box-shadow:0 20px 40px #1827310d}.dashboard-upload-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem}.dashboard-upload-hero-intro{display:grid;align-content:start;gap:.18rem;padding:0 .1rem}.dashboard-upload-eyebrow{display:inline-flex;width:fit-content;padding:.38rem .72rem;border-radius:999px;background:#203a3f14;color:#21464d;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dashboard-upload-hero-intro h3{margin:0;font-size:clamp(1.5rem,2vw,2rem);line-height:1.05}.dashboard-upload-supported{display:grid;gap:.65rem;margin-bottom:1rem}.dashboard-supported-label{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dashboard-supported-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.dashboard-supported-card{display:grid;justify-items:center;gap:.45rem;padding:.7rem .45rem;border-radius:18px;background:#ffffffc7;border:1px solid rgba(15,123,108,.08);overflow:hidden}.dashboard-supported-icon{position:relative;width:2.9rem;height:3.3rem;display:inline-flex;align-items:center;justify-content:center}.dashboard-supported-icon-page{position:absolute;inset:.1rem .25rem .1rem .2rem;border-radius:.85rem;background:linear-gradient(180deg,#fff,#eef6f5);box-shadow:0 10px 18px #0f7b6c1f}.dashboard-supported-icon-fold{position:absolute;top:.1rem;right:.25rem;width:.95rem;height:.95rem;background:linear-gradient(135deg,#0f7b6c33,#0f7b6c0f);clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:.75rem}.dashboard-supported-icon-line{position:absolute;left:.65rem;right:.72rem;height:.18rem;border-radius:999px;background:#224f582e}.dashboard-supported-icon-line.one{top:1rem}.dashboard-supported-icon-line.two{top:1.45rem;width:1.45rem}.dashboard-supported-icon-line.three{top:1.9rem;width:1.15rem}.dashboard-supported-card.pdf .dashboard-supported-icon-page{background:linear-gradient(180deg,#fff7f5,#fff1ed)}.dashboard-supported-card.pdf .dashboard-supported-icon-line{background:#bf472c3d}.dashboard-supported-card.doc .dashboard-supported-icon-page{background:linear-gradient(180deg,#f5f9ff,#edf3ff)}.dashboard-supported-card.doc .dashboard-supported-icon-line{background:#3660bf3d}.dashboard-supported-card.sheet .dashboard-supported-icon-page{background:linear-gradient(180deg,#f3fbf6,#e9f8ef)}.dashboard-supported-card.sheet .dashboard-supported-icon-line{background:#277b4a3d}.dashboard-supported-card.slide .dashboard-supported-icon-page{background:linear-gradient(180deg,#fff8f2,#fff0e2)}.dashboard-supported-card.slide .dashboard-supported-icon-line{background:#cd6f223d}.dashboard-supported-card.image .dashboard-supported-icon-page{background:linear-gradient(180deg,#f8fbff,#eef5ff)}.dashboard-supported-icon-sun{position:absolute;top:.82rem;right:.8rem;width:.42rem;height:.42rem;border-radius:999px;background:#f8c74d}.dashboard-supported-icon-mountain{position:absolute;bottom:.65rem;width:.95rem;height:.7rem;background:linear-gradient(180deg,#79b7a5,#3d7f72);clip-path:polygon(50% 0,100% 100%,0 100%)}.dashboard-supported-icon-mountain.left{left:.6rem}.dashboard-supported-icon-mountain.right{left:1.2rem;width:.85rem;height:.6rem;background:linear-gradient(180deg,#9dc4d5,#597e95)}.dashboard-supported-card.stack .dashboard-supported-icon{width:3.15rem}.dashboard-supported-card.stack .dashboard-supported-icon-page{inset:.22rem .35rem .05rem}.dashboard-supported-icon-shadow{position:absolute;inset:.45rem .6rem -.1rem .05rem;border-radius:.85rem;background:#224f5814;z-index:-1}.dashboard-supported-name{color:#23484f;font-size:.76rem;font-weight:700}.dashboard-upload-hero-form{border-top:1px solid rgba(15,123,108,.08);padding:.9rem 0 0;margin-top:.25rem}.dashboard-upload-summary{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;margin-top:.05rem}.dashboard-summary-pill{display:inline-flex;align-items:center;padding:.5rem .8rem;border-radius:999px;background:#ffffffeb;border:1px solid rgba(15,123,108,.07);color:#23484f;font-size:.8rem;font-weight:700}.dashboard-upload-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:1rem}.dashboard-upload-head-actions{display:grid;gap:.5rem;justify-items:end}.dashboard-upload-flow-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:999px;background:#0f7b6c12;border:1px solid rgba(15,123,108,.12)}.dashboard-upload-flow-btn{border:none;background:transparent;color:#2b4a50;font-size:.78rem;font-weight:700;border-radius:999px;padding:.38rem .72rem;cursor:pointer}.dashboard-upload-flow-btn.active{background:#0f7b6c;color:#fff;box-shadow:0 8px 16px #0f7b6c2e}.dashboard-upload-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;background:#0f7b6c1a;color:#0e6558;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dashboard-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}.dashboard-upload-file{grid-column:1 / -1}.dashboard-dropzone{display:grid;gap:.9rem;padding:1.1rem 1.15rem;border-radius:24px;border:1.5px dashed rgba(15,123,108,.18);background:linear-gradient(180deg,#fffffffa,#f9f5eae6),radial-gradient(circle at top left,rgba(15,123,108,.05),transparent 34%);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dashboard-dropzone:hover,.dashboard-dropzone.is-dragging{transform:translateY(-1px);border-color:#0f7b6c57;box-shadow:0 14px 24px #21353c0f}.dashboard-dropzone.has-file{border-style:solid}.dashboard-dropzone-input{display:none}.dashboard-dropzone-copy{display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:center}.dashboard-dropzone-icon{width:3rem;height:3rem;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f7b6c,#225f7d);color:#fff;font-size:1.2rem;font-weight:800;box-shadow:0 10px 18px #0f7b6c24}.dashboard-file-meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-file-chip{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:.35rem .7rem;border-radius:999px;background:#203a3f;color:#d7fffb;font-size:.75rem;font-family:IBM Plex Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-file-chip.subtle{background:#203a3f14;color:#26484e}.dashboard-upload-preview-shell{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:.95rem;align-items:start}.dashboard-upload-file-list{display:grid;grid-column:2;grid-row:2;grid-template-columns:1fr;gap:.7rem;align-content:start;max-height:480px;overflow:auto;padding-right:.2rem}.dashboard-upload-file-item{width:100%;border:1px solid rgba(15,123,108,.08);background:#ffffffdb;border-radius:20px;padding:.9rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;text-align:left;cursor:pointer;box-shadow:0 12px 20px #1c31380a;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.dashboard-upload-file-item:hover{transform:translateY(-1px);box-shadow:0 16px 24px #1c31380f}.dashboard-upload-file-item.active{border-color:#0f7b6c42;background:radial-gradient(circle at top right,rgba(15,123,108,.08),transparent 35%),#e8f7f3eb;box-shadow:0 18px 28px #0f7b6c14}.dashboard-upload-file-item-main{display:flex;align-items:flex-start;gap:.7rem;min-width:0}.dashboard-upload-file-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;padding:0 .55rem;border-radius:16px;background:linear-gradient(145deg,#0f7b6c,#225f7d);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 16px #0f7b6c24}.dashboard-upload-file-copy{min-width:0;display:grid;gap:.28rem}.dashboard-upload-file-copy strong{display:block;font-size:.92rem;line-height:1.35;color:#1f3f46;word-break:break-word}.dashboard-upload-file-copy small{color:var(--muted);font-size:.76rem}.dashboard-upload-file-item-actions{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);flex-shrink:0}.dashboard-upload-file-remove{display:inline-flex;align-items:center;padding:.34rem .58rem;border-radius:999px;background:#8b341314;color:#8b3413;font-weight:700}.dashboard-upload-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;grid-column:1 / -1;grid-row:1}.dashboard-upload-preview{grid-column:1;grid-row:2;min-height:420px;max-height:480px;border-radius:24px;overflow:hidden;border:1px solid rgba(15,123,108,.09);background:linear-gradient(180deg,#fffffffa,#f9f5eae6)}.dashboard-upload-preview-media{width:100%;height:100%;min-height:420px;max-height:480px;display:block;object-fit:contain;background:linear-gradient(180deg,#f6efe3,#fffdf7)}.dashboard-upload-preview-frame{border:none}.dashboard-upload-filetype-card{min-height:280px;padding:1.4rem;display:grid;align-content:center;justify-items:start;gap:.75rem;background:radial-gradient(circle at top right,rgba(15,123,108,.08),transparent 24%),linear-gradient(135deg,#22363b,#2b4f58);color:#f7fafb}.dashboard-upload-filetype-mark{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:#ffffff1f;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dashboard-upload-filetype-card .muted{color:#f1f7f8c7}.dashboard-upload-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.7rem}.platform-admin{display:grid;gap:1rem}.platform-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.platform-access .row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;width:100%}.status-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.status-pill.active{background:#d8f4ec;color:#0f684f;border:1px solid #8ed9c1}.status-pill.blocked{background:#ffe0d6;color:#8e2f0f;border:1px solid #efb7a5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.55rem;font-size:.9rem}th{font-size:.77rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.users-roles-page{display:grid;gap:.9rem}.users-roles-top,.users-roles-bottom{align-items:start}.users-roles-panel h3{margin-bottom:.2rem}.users-roles-panel .checkbox-grid{max-height:280px;overflow:auto;padding:.25rem;border:1px dashed var(--line);border-radius:10px;background:#fffdf7}.users-roles-table-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem}.users-roles-table-footer{display:flex;justify-content:flex-end;margin-top:.7rem}.users-roles-pager{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .35rem}.users-roles-pager-info{font-size:.78rem;color:var(--muted);min-width:95px;text-align:center}.users-roles-pager-btn{padding:.4rem .7rem;font-size:.78rem;border-radius:999px}.table-pager-wrap{display:flex;justify-content:flex-end;margin-top:.7rem}.table-pager{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .35rem}.document-stage{display:grid;gap:1rem;max-height:76vh;overflow:auto;padding-right:.2rem}.document-stage-empty{display:grid;place-items:center;min-height:260px;border:1px dashed var(--line);border-radius:16px;background:#fffdf8;color:var(--muted)}.document-stage-page{position:relative;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 28px #1f1a1114}.document-stage-dropzone{position:absolute;inset:0;z-index:1}.document-stage-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:relative;z-index:0}.document-stage-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.document-viewer-stage .document-stage-page{background:#f7f3ea}.doc-view-page{min-width:0}.doc-view-panel{overflow:hidden}.doc-view-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.8rem;flex-wrap:wrap}.doc-view-toolbar-copy{flex:1 1 320px;min-width:0}.doc-view-actions{flex-wrap:wrap;justify-content:flex-end}.doc-view-stage-shell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start;min-width:0;position:relative;z-index:1;overflow:hidden;pointer-events:auto}.doc-view-thumb-rail{display:grid;gap:.55rem;align-content:start;max-height:calc(100vh - 320px);overflow:auto;padding-right:.1rem;position:relative;z-index:3;pointer-events:auto}.doc-view-stage-swipe-zone{pointer-events:auto}.doc-view-thumb-item{border:1px solid #ded4c2;background:#fffdf8;border-radius:12px;padding:.28rem;width:64px;display:grid;gap:.24rem;cursor:pointer;text-decoration:none;color:inherit;pointer-events:auto}.doc-view-thumb-item.active{border-color:#2b7d72;box-shadow:0 0 0 2px #2b7d721f}.doc-view-thumb-preview{display:grid;place-items:center;width:100%;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:#f6efe3}.doc-view-thumb-image{width:100%;height:100%;object-fit:cover;display:block}.doc-view-thumb-fallback{font-size:.62rem;font-weight:800;color:#355861;letter-spacing:.06em}.doc-view-thumb-index{text-align:center;font-size:.7rem;font-weight:700;color:#6a5b46}.doc-view-queue-nav{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.doc-view-queue-slider{min-width:260px}.doc-view-queue-index{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.36rem .58rem;border-radius:999px;background:#f6efe1;border:1px solid #e0d6c4;color:#5a4b35;font-size:.78rem;font-weight:700}.doc-view-queue-range{width:170px;accent-color:#0f7b6c;cursor:pointer}.sign-page{display:grid;gap:1rem}.sign-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sign-page-eyebrow{margin:0 0 .3rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#2b7d72;font-weight:700}.sign-workspace{padding:1rem;display:grid;gap:.9rem}.sign-doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sign-doc-copy{max-width:720px;margin-top:.3rem;margin-bottom:0}.sign-mini-stats{display:flex;flex-wrap:wrap;gap:.55rem}.sign-mini-stats span{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .75rem;border-radius:999px;border:1px solid #d9cfba;background:#fff;font-size:.8rem;color:var(--muted);white-space:nowrap}.sign-mini-stats strong{color:var(--ink);font-size:.98rem}.sign-overlay-box{position:absolute;transform:translate(-50%,-50%);min-height:56px;padding:.5rem .75rem;border-radius:12px;display:grid;gap:.18rem;align-content:center;text-align:left;box-shadow:0 10px 20px #2013081f;pointer-events:auto}.sign-overlay-remove{position:absolute;top:-.55rem;right:-.45rem;border:1px solid rgba(135,58,32,.2);background:#fffaf5;color:#8d4728;border-radius:999px;padding:.16rem .5rem;font-size:.66rem;font-weight:700;line-height:1;box-shadow:0 6px 14px #2414091f;cursor:pointer}.sign-overlay-resize-handle{position:absolute;right:-.45rem;bottom:-.5rem;border:1px solid rgba(40,73,116,.22);background:#f7fbff;color:#224976;border-radius:999px;width:1.42rem;height:1.42rem;font-size:.82rem;font-weight:800;line-height:1;display:inline-grid;place-items:center;cursor:nwse-resize;box-shadow:0 6px 14px #2414091f}.sign-overlay-resize-handle:hover{background:#e8f2ff}.sign-overlay-remove:hover{background:#fff1e7}.sign-overlay-box strong{font-size:calc(.76rem * var(--field-scale, 1));letter-spacing:.08em;line-height:1.15}.sign-overlay-box span{font-size:calc(.72rem * var(--field-scale, 1));color:var(--muted);overflow-wrap:anywhere;line-height:1.2}.sign-overlay-box.pending{background:#fff8d6f7;border:2px dashed #a86a2d;color:#6d3a08}.sign-overlay-box.checkbox{min-height:52px;min-width:90px}.sign-overlay-box.value-only{background:transparent;border:none;box-shadow:none;min-height:0;padding:.1rem .15rem}.sign-overlay-box.value-only strong{letter-spacing:normal;color:#24160b}.sign-overlay-box.checkbox-minimal{background:transparent;border:none;box-shadow:none;min-height:0;min-width:0;width:auto!important;padding:.1rem .12rem}.sign-overlay-box.checkbox-minimal strong{font-size:calc(1.05rem * var(--field-scale, 1));letter-spacing:normal;color:#2a1a0e;line-height:1}.sign-overlay-box.checkbox-minimal.pending strong:before,.sign-overlay-box.checkbox-minimal.signed strong:before{content:none;display:none}.sign-overlay-box.checkbox.pending strong:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #7d5528;border-radius:2px;margin-right:6px;vertical-align:-1px;background:#fff}.sign-overlay-box.checkbox.signed strong:before{content:"✓";display:inline-grid;place-items:center;width:14px;height:14px;border-radius:2px;margin-right:6px;background:#1f8b6d;color:#fff;font-size:10px;font-weight:900;vertical-align:-1px}.sign-overlay-box.checkbox.checkbox-minimal.pending strong:before,.sign-overlay-box.checkbox.checkbox-minimal.signed strong:before{content:none!important;display:none!important}.sign-overlay-box.signed{background:transparent;border:none;box-shadow:none;padding:0;min-height:0}.sign-overlay-box.editable{cursor:grab}.sign-overlay-box.actionable{cursor:pointer}.sign-overlay-box.locked{opacity:.82}button.sign-overlay-box{border-width:2px}.sign-overlay-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.sign-side-panel{position:sticky;top:0;min-width:0}.sign-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}.doc-view-layout{grid-template-columns:minmax(0,1fr);gap:1rem;position:relative;isolation:isolate}.doc-view-layout.has-queue{grid-template-columns:minmax(0,1fr) minmax(560px,700px)}.doc-view-layout .document-viewer-stage{min-width:0}.doc-view-layout .document-stage{max-height:calc(100vh - 270px);overflow:auto;padding-right:.35rem}.doc-view-layout .document-stage-page{max-width:100%}.doc-view-side-panel{min-width:0;width:100%;align-self:start;position:relative;z-index:40;pointer-events:auto;isolation:isolate}.preview-shell{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:.55rem;align-items:start;min-width:0;border:1px solid #e0d6c4;border-radius:24px;background:linear-gradient(180deg,#fffdf8,#f7f0e5);padding:1rem;box-shadow:0 18px 38px #21190d14}.sign-canvas-shell{border:1px solid #dfd5c3;border-radius:20px;background:linear-gradient(180deg,#fffdf7,#f5efe3);padding:.8rem}.sign-canvas-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:0 .1rem .75rem}.sign-side-panel .panel{max-height:76vh;overflow:auto;background:linear-gradient(180deg,#fffdf7,#f8f2e5);border-color:#d9cfba}.sign-sequence-list{display:grid;gap:.55rem;margin-bottom:1rem;position:relative;z-index:3}.sign-sequence-item{display:grid;gap:.12rem;border:1px solid var(--line);border-radius:12px;padding:.65rem .7rem;background:#fff;min-width:0;text-decoration:none;color:inherit;cursor:pointer;pointer-events:auto}.sign-sequence-item.current{border-color:#2b7d72;background:#eef9f6;box-shadow:inset 0 0 0 1px #2b7d7214}.sign-sequence-item.done{border-color:#9bd7b8;background:#f1fbf5}.sign-sequence-item span{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}.sign-sequence-item strong{overflow-wrap:anywhere}.sign-sequence-item strong a{color:inherit;text-decoration:none}.sign-sequence-item strong a:hover{text-decoration:underline}.doc-queue-open-link{color:inherit;display:inline;text-align:left;cursor:pointer;pointer-events:auto}.doc-queue-open-link:hover{text-decoration:underline}.sign-side-preview{display:grid;gap:.45rem}.sign-side-card{display:grid;gap:1rem;max-height:76vh;overflow:auto;padding-right:.1rem}.preview-section-nav{display:grid;gap:.72rem;align-content:start;justify-items:center;position:sticky;top:0;padding:.35rem .28rem;border-radius:14px;background:linear-gradient(180deg,#fffefc,#faf6ee);border:1px solid #e4dacc;box-shadow:0 10px 22px #22190c0f;min-width:0;order:2}.preview-nav-head{display:grid;gap:.22rem;padding:.8rem .82rem .9rem;color:#ffffffeb;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:.3rem}.preview-nav-head strong{font-size:.94rem;line-height:1.2;letter-spacing:.01em}.preview-nav-kicker{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#9cc6f4d1}.preview-nav-item{border:1px solid #dbcfbb;background:#fff;color:#2a3c42;border-radius:10px;padding:.46rem .54rem;font-size:.72rem;font-weight:700;text-align:left;cursor:pointer;box-shadow:none;display:flex;align-items:center;gap:.42rem;row-gap:0;width:fit-content;min-width:0;max-width:150px;justify-self:center;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.preview-nav-item:hover{border-color:#cfc0a6;background:#fffdf8}.preview-nav-item.active{background:linear-gradient(180deg,#eef9f6,#e3f2ed);border-color:#2b7d7261;color:#1d5f56;box-shadow:inset 0 0 0 1px #2b7d721a}.preview-nav-title{font-size:.72rem;font-weight:700;color:inherit;min-width:0;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.doc-view-side-panel .sign-side-card{max-height:calc(100vh - 280px);border:1px solid #eadfce;border-radius:22px;background:linear-gradient(180deg,#fffefb,#fffaf1);padding:1rem;box-shadow:inset 0 1px #ffffffb3}.preview-panel-content{min-width:0;order:1;position:relative;z-index:6;pointer-events:auto}.sign-side-section{display:grid;gap:.7rem;border:1px solid #e9dfcf;border-radius:18px;background:#fff;padding:1rem;min-width:0}.sign-side-section h4{margin:0}.sign-side-section .muted{margin:0;line-height:1.5}.preview-side-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.preview-side-chip,.preview-role-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:700;background:#eef9f6;color:#1c5a52;border:1px solid rgba(43,125,114,.22)}.preview-side-heading h4{font-size:1.02rem;line-height:1.2}.preview-recipient-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;min-width:0}.preview-recipient-list{display:grid;gap:.75rem}.preview-recipient-card{display:grid;gap:.42rem;border:1px solid #e6dcc9;border-radius:16px;background:#fff;padding:.9rem;min-width:0;box-shadow:0 6px 16px #503e230a}.preview-recipient-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;min-width:0}.preview-recipient-order-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#e9f6f2;border:1px solid rgba(43,125,114,.28);color:#1f645a;font-size:.76rem;font-weight:800;flex:0 0 auto}.preview-recipient-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;min-width:0}.preview-role-select{min-width:0;max-width:100%;font-size:.78rem}.preview-recipient-card span{font-size:.82rem;color:var(--muted);overflow-wrap:anywhere}.preview-recipient-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.preview-recipient-meta span{border-radius:999px;background:#f8f3ea;border:1px solid #e2d8c6;padding:.28rem .5rem;font-size:.72rem}.preview-recipient-field-list{display:flex;flex-wrap:wrap;gap:.4rem}.preview-field-palette{display:grid;gap:.75rem;padding:.75rem;border:1px solid #e7ddca;border-radius:14px;background:#fff;margin-bottom:.75rem}.preview-field-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.preview-field-user-sections{display:grid;gap:.55rem}.preview-field-user-card{border:1px solid #e7ddca;border-radius:10px;padding:.5rem .55rem;background:#fffdf9;display:grid;gap:.45rem}.preview-field-user-head{display:grid;gap:.12rem}.preview-field-user-head strong{font-size:.8rem;color:#2f2418}.preview-field-user-head span{font-size:.72rem;color:var(--muted)}.preview-field-chip{display:grid;gap:.14rem;border-radius:10px;padding:.45rem .55rem;border:1px dashed #c5b39a;background:#fff9ef;min-width:0}.preview-field-chip span{font-size:.78rem;line-height:1.15;color:#2f2418;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-field-chip small{font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:#6f5f49}.preview-field-option-add-list{display:grid;gap:.55rem}.preview-field-option-add-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid #e7ddca;border-radius:10px;padding:.5rem .6rem;background:#fffdf9}.preview-field-option-add-row>div{display:grid;gap:.15rem;min-width:0}.preview-field-option-add-row>div>span{font-size:.8rem;color:var(--muted)}.preview-field-option-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.preview-field-kind-btn{border:1px solid #d9cbb5;background:#fff;color:#3b2c1f;border-radius:999px;padding:.24rem .62rem;font-size:.73rem;font-weight:700;cursor:pointer}.preview-field-kind-btn:hover{background:#f8efe2}.preview-doc-sequence-list{display:grid;gap:.5rem}.preview-doc-sequence-row{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;border:1px solid #e7ddca;border-radius:10px;padding:.5rem .6rem;background:#fff;cursor:pointer}.preview-doc-sequence-row.current{border-color:#cdb98f;background:#fff9ef}.preview-doc-sequence-row.dragging{opacity:.55}.preview-doc-sequence-meta{display:grid;gap:.16rem;min-width:0}.preview-doc-sequence-meta strong{font-size:.8rem;color:#2f2418;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-doc-sequence-meta span{font-size:.72rem;color:var(--muted)}.preview-doc-sequence-actions{display:flex;gap:.32rem}.preview-doc-sequence-drag{cursor:grab;color:#8d7a5f;font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none;padding:0 .2rem}@media(max-width:980px){.preview-field-chip-grid{grid-template-columns:1fr}}.preview-detail-list{display:grid;gap:.7rem}.preview-detail-list div{display:grid;gap:.22rem;border-radius:14px;background:#fff;border:1px solid #e1d7c4;padding:.8rem .85rem}.preview-detail-list strong{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#8b7a60}.preview-detail-list span{font-size:.9rem;color:var(--ink);overflow-wrap:anywhere}.preview-message-form{display:grid;gap:.8rem}.preview-message-form label{display:grid;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--ink)}.preview-message-form input,.preview-message-form textarea{width:100%}.preview-document-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center}.preview-signature-toggle{display:grid;gap:.45rem;border-top:1px solid #e1d7c4;padding-top:.65rem}.preview-signature-toggle-inline{border-top:none;padding:.8rem;border-radius:18px;background:linear-gradient(180deg,#f8fcfb,#eef8f5);border:1px solid #dbece7}.preview-toggle-row{display:flex;flex-wrap:wrap;gap:.5rem}.preview-signature-toggle-inline strong{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#6f7a74}.preview-toggle-btn{border:1px solid #d7cebc;background:#fff;color:#7b6a51;border-radius:999px;padding:.55rem .8rem;font-size:.76rem;font-weight:700;cursor:pointer}.preview-toggle-btn.active{background:#eef9f6;border-color:#2b7d72;color:#1c5a52}.preview-recipient-topbar{display:grid;grid-template-columns:1fr;gap:.9rem;align-items:start;min-width:0}.preview-order-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;color:var(--ink);border-top:1px solid #ece3d5;padding-top:.55rem}.preview-order-check input{width:auto}.preview-sign-mode-block{display:grid;gap:.4rem;border-top:1px solid #ece3d5;padding-top:.55rem}.preview-sign-mode-block strong{font-size:.82rem;font-weight:700;color:var(--ink)}.preview-recipient-form-structured{grid-template-columns:1fr;align-items:start;border:1px solid #e5dbc9;border-radius:18px;background:#fff;padding:.95rem;min-width:0}.preview-recipient-inputs,.preview-recipient-sidecontrols{display:grid;gap:.65rem;min-width:0}.preview-recipient-inputs{position:relative}.preview-recipient-primary{display:grid;gap:.32rem}.preview-recipient-suggestions{position:static;width:100%;z-index:12;display:grid;gap:.45rem;padding:.5rem;border:1px solid #e3d8c4;border-radius:16px;background:#fffdf8;box-shadow:0 18px 36px #221a0e1f}.preview-recipient-suggestions-side{margin-bottom:.2rem}.preview-recipient-suggestion-list{display:grid;gap:.45rem;max-height:240px;overflow:auto}.preview-recipient-suggestion{display:grid;gap:.12rem;text-align:left;border:1px solid #e3d8c4;border-radius:14px;background:#fcfaf4;padding:.7rem .8rem;cursor:pointer}.preview-recipient-suggestion.active{border-color:#2b7d72;background:#eef9f6}.preview-recipient-suggestion strong{font-size:.88rem;color:var(--ink)}.preview-recipient-suggestion span,.preview-recipient-suggestion small{color:var(--muted);overflow-wrap:anywhere}.preview-recipient-inputs label,.preview-recipient-sidecontrols label{display:grid;gap:.32rem;font-size:.75rem;font-weight:700;color:#7d6a4f;text-transform:uppercase;letter-spacing:.06em}.preview-recipient-sidecontrols{align-content:start}@media(max-width:1480px){.doc-view-layout.has-queue{grid-template-columns:minmax(0,1fr) minmax(500px,580px)}.preview-shell{grid-template-columns:minmax(0,1fr) max-content}.preview-nav-head .muted{display:none}.preview-nav-kicker{font-size:.64rem}.preview-nav-item{padding:.64rem;gap:.18rem}.preview-nav-index{font-size:.66rem}.preview-nav-title{font-size:.78rem}.preview-recipient-topbar{grid-template-columns:1fr}}.preview-recipient-sidecontrols .btn{width:100%}.preview-recipient-form-structured>.preview-recipient-inputs>.btn{justify-self:start}.preview-recipient-inputs input,.preview-recipient-inputs select,.preview-recipient-sidecontrols select{width:100%;min-width:0}.sign-placement-item{cursor:grab;border-style:dashed}.sign-placement-item.current{border-color:#19716057;background:#e6f5f1f0}.sign-placement-item.disabled{cursor:default;border-style:solid;opacity:.8}.sign-side-image,.sign-modal-image{display:block;max-width:100%;max-height:90px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.6rem}.signature-modal-backdrop{position:fixed;inset:0;background:#13120f7a;display:grid;place-items:center;padding:1rem;z-index:80}.signature-modal{width:min(620px,100%);background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 48px #110e0847;padding:1rem}.sign-draw-pad{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}.sign-package-list{display:grid;gap:.85rem}.sign-package-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffef9,#f8f1e5);padding:.9rem}.sign-package-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.sign-package-docs{display:grid;gap:.55rem}.sign-package-doc-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border:1px solid #ddd4c1;border-radius:12px;background:#fff;padding:.7rem .8rem}@media(max-width:1024px){.sign-page-head,.sign-doc-head{flex-direction:column}.sign-layout,.doc-view-layout.has-queue{grid-template-columns:1fr}.preview-shell{grid-template-columns:1fr;padding:.7rem}.preview-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));position:static;order:1}.preview-panel-content{order:2}.sign-side-panel{position:static}.sign-side-panel .panel,.doc-view-layout .document-stage,.doc-view-side-panel .sign-side-card{max-height:none}}.table-pager-info{font-size:.78rem;color:var(--muted);min-width:95px;text-align:center}.table-pager-btn{padding:.4rem .7rem;font-size:.78rem;border-radius:999px}.table-wrap tbody tr:hover{background:#0f7b6c0f}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-panel{width:min(500px,100%);display:grid;gap:.55rem}img,canvas,iframe{max-width:100%}.documents-builder{display:grid;gap:1rem}.documents-builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.documents-builder-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:1rem}.documents-section{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffef9,#f9f4e8)}.documents-section h4{margin:0}.documents-section-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.documents-section-tag{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;background:#efe7d3;color:#4e4333;font-size:.76rem;font-family:IBM Plex Mono,monospace}.documents-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.documents-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:12px;background:#fff}.documents-note{margin:-.1rem 0 0;font-size:.82rem}.documents-advanced{border:1px dashed var(--line);border-radius:12px;background:#ffffff80;overflow:hidden}.documents-advanced summary{list-style:none;cursor:pointer;padding:.8rem .9rem;font-weight:700}.documents-advanced summary::-webkit-details-marker{display:none}.documents-advanced-body{display:grid;gap:.75rem;padding:0 .9rem .9rem}.documents-sort-list,.documents-file-list{display:grid;gap:.75rem}.documents-sort-item,.documents-file-card{display:flex;justify-content:space-between;gap:.9rem;padding:.9rem;border:1px solid #dbcfae;border-radius:14px;background:#fffdfa;box-shadow:0 4px 12px #2217070d;user-select:none;-webkit-user-select:none}.documents-sort-item{align-items:center;cursor:grab;touch-action:none}.documents-file-card{align-items:flex-start;cursor:grab}.documents-file-meta{display:grid;gap:.75rem;flex:1;min-width:0}.documents-file-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.documents-file-title{display:flex;align-items:center;gap:.55rem;min-width:0}.documents-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border:1px dashed #c7b789;border-radius:8px;color:#8d7755;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:-.08em;background:#fff7e3;cursor:grab;-webkit-user-select:none;user-select:none}.documents-file-size{color:var(--muted);font-size:.78rem;font-family:IBM Plex Mono,monospace;white-space:nowrap}.documents-preview-media{width:100%;max-width:420px;max-height:240px;object-fit:contain;border-radius:12px;border:1px solid #e4d9c4;background:#fff;pointer-events:none}.documents-preview-frame{height:250px}.documents-empty{padding:.9rem 1rem;border:1px dashed var(--line);border-radius:12px;color:var(--muted);background:#ffffffa6}@media(max-width:1024px){body{overflow:auto}.shell,.shell.sidebar-closed{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,88vw);max-width:320px;height:100vh;box-shadow:18px 0 40px #0b0b0b47}.sidebar-backdrop{display:block;position:fixed;inset:0;border:none;background:#100e0a59;z-index:5}.sidebar-hover-zone{display:none}.grid-2,.checkbox-grid{grid-template-columns:1fr}.dashboard-head{flex-direction:column}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-upload-hero-top{flex-direction:column}.dashboard-upload-summary{justify-content:flex-start}.dashboard-upload-file-list{grid-template-columns:1fr}.dashboard-upload-preview,.dashboard-upload-preview-media{min-height:380px}.dashboard-supported-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-upload-grid{grid-template-columns:1fr}.dashboard-upload-head,.dashboard-upload-preview-head{flex-direction:column}.dashboard-upload-head-actions{width:100%;justify-items:start}.preview-recipient-topbar,.preview-recipient-form-structured,.preview-shell,.doc-view-stage-shell{grid-template-columns:1fr}.doc-view-thumb-rail{grid-auto-flow:column;grid-auto-columns:64px;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:.2rem}.preview-section-nav{position:static}.dashboard-dropzone-copy{grid-template-columns:1fr}.platform-head{flex-direction:column;align-items:flex-start}.platform-access .row{grid-template-columns:1fr}.users-roles-table-head{flex-direction:column;align-items:flex-start}.documents-builder-head{flex-direction:column}.documents-builder-grid,.documents-inline-form{grid-template-columns:1fr}.documents-sort-item,.documents-file-card,.documents-file-bar,.documents-section-head{flex-direction:column;align-items:flex-start}}