:root{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px}.app-shell{color-scheme:dark;--bg: #101114;--surface: #17191d;--surface-raised: #202329;--surface-soft: #272126;--border: rgba(255, 255, 255, .1);--text: #f6f2ea;--muted: #b7b0a6;--accent: #65d7a5;--accent-strong: #2fc083;--accent-warm: #f0bd5a;--accent-rose: #ee8f9f;--danger: #ff8f8f;--shadow: 0 20px 60px rgba(0, 0, 0, .26)}.app-shell[data-theme=light]{color-scheme:light;--bg: #f5f6f1;--surface: #ffffff;--surface-raised: #eef1eb;--surface-soft: #f7f4ef;--border: rgba(31, 35, 40, .12);--text: #191b1f;--muted: #646b73;--accent: #147c59;--accent-strong: #0f6f4f;--accent-warm: #946317;--accent-rose: #b64d62;--danger: #b42318;--shadow: 0 18px 52px rgba(31, 35, 40, .1)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}.app-shell{min-height:100vh;background:linear-gradient(135deg,rgba(101,215,165,.12),transparent 28%),linear-gradient(225deg,rgba(238,143,159,.1),transparent 26%),var(--bg);color:var(--text)}.app-shell.dashboard-shell{background:var(--bg)}button,input,textarea{font:inherit}button{border:0}a{color:inherit}.auth-layout{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,480px);gap:32px;align-items:center;max-width:1180px;margin:0 auto;padding:32px}.auth-hero h1{max-width:760px;margin:0;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.98;letter-spacing:0}.auth-hero p:not(.section-label){max-width:620px;margin:22px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.auth-panel,.panel,.sidebar,.topbar{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-panel{display:grid;gap:20px;padding:26px;border-radius:8px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 78%,transparent)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-tabs button,.nav-list a{display:inline-flex;align-items:center;gap:10px;min-height:42px;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.auth-tabs button.active,.nav-list a.router-link-active{color:var(--text);background:var(--surface-raised)}.nav-list a{border:1px solid transparent;text-decoration:none}.nav-list a:hover{color:var(--text);background:color-mix(in srgb,var(--surface-raised) 70%,transparent);transform:translate(2px)}.nav-list a.router-link-active{color:#07110c;background:linear-gradient(135deg,#74e2b2,#e5f7c2);border-color:#2fc08347;box-shadow:0 12px 26px #2fc0832e}.nav-list svg,.secondary-button svg,.primary-button svg,.theme-toggle svg,.download-link svg,.link-button svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-stack,.config-grid,.actions{display:grid;gap:14px}label{display:grid;gap:8px}label span{color:var(--muted);font-size:.92rem}input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:6px;padding:0 14px;color:var(--text);background:color-mix(in srgb,var(--surface-raised) 70%,transparent);outline:none}textarea{width:100%;min-height:86px;resize:vertical;border:1px solid var(--border);border-radius:6px;padding:12px 14px;color:var(--text);background:color-mix(in srgb,var(--surface-raised) 70%,transparent);outline:none}input:focus,textarea:focus{border-color:#65d7a5a6;box-shadow:0 0 0 3px #65d7a51f}.admin-layout{height:100vh;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;padding:18px;overflow:hidden}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);display:grid;grid-template-rows:auto 1fr auto;gap:28px;padding:22px;border-radius:8px}.sidebar h1,.topbar h2,.panel-header h3{margin:0;line-height:1.12;letter-spacing:0}.sidebar h1{font-size:2rem}.sidebar span{display:block;margin-top:8px;color:var(--muted);overflow-wrap:anywhere}.nav-list{display:grid;align-content:start;gap:8px}.nav-list a{text-align:left;padding:0 14px}.content-area{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:18px;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:94px;padding:20px 22px;border-radius:8px}.topbar h2{font-size:2rem}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;color:var(--accent-warm);background:#f0bd5a1f;border:1px solid rgba(240,189,90,.24);white-space:nowrap}.status-pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.status-pill.ready{color:var(--accent);background:#65d7a51f;border-color:#65d7a53d}.theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;border-radius:999px;padding:0 14px;color:#221509;background:linear-gradient(135deg,#f7c96b,#ffe9a9);border:1px solid rgba(148,99,23,.18);box-shadow:0 12px 24px #f0bd5a2e;cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.theme-toggle:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:0 16px 30px #f0bd5a3d}.auth-theme-toggle{position:absolute;top:24px;right:32px;z-index:2}.sign-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;align-items:stretch;min-height:0}.panel{border-radius:8px;padding:22px}.controls-panel,.config-panel{display:flex;flex-direction:column;gap:18px}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0}.config-panel{min-width:0}.config-stack{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(520px,1.05fr);align-content:start;align-items:start;gap:18px;width:min(1180px,100%);margin:0 auto;overflow:auto;padding-inline:8px}.config-panel:only-child{grid-column:1 / -1;width:min(760px,100%);justify-self:center}.multi-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-height:0}.dashboard-grid{display:grid;gap:18px;min-height:0;overflow:hidden;padding-inline:8px}.dashboard-hero,.expiry-alert,.metric-card{border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow)}.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:230px;padding:30px 34px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface) 86%,transparent) 58%,#65d7a529),var(--surface)}.dashboard-hero>div:first-child{position:relative;z-index:2;max-width:760px}.dashboard-hero h3{margin:0;color:var(--text);font-size:clamp(2.35rem,4.4vw,4.2rem);line-height:1.04}.dashboard-hero__visual{position:absolute;right:30px;bottom:-18px;z-index:1;width:min(330px,32vw);opacity:.78;pointer-events:none}.dashboard-hero__visual img{display:block;width:100%;height:auto}.dashboard-hero span,.dashboard-signature>span,.expiry-alert span{color:var(--muted);font-weight:700}.expiry-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-color:#f0bd5a42;background:#f0bd5a1c}.expiry-alert div{display:grid;gap:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.metric-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:124px;padding:18px}.metric-card:after{content:"";position:absolute;inset:auto -34px -42px auto;width:120px;height:120px;border-radius:50%;background:currentColor;opacity:.07}.metric-card.green{color:var(--accent)}.metric-card.blue{color:#5aa7ff}.metric-card.amber{color:var(--accent-warm)}.metric-card.rose{color:var(--accent-rose)}.metric-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);border:1px solid color-mix(in srgb,currentColor 24%,transparent)}.metric-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.metric-card div:last-child{position:relative;z-index:1;display:grid;gap:8px;min-width:0}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{color:var(--text);font-size:2.2rem;line-height:1}.dashboard-two-col{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:stretch;gap:18px;height:315px;min-height:0}.dashboard-panel{display:grid;align-content:start;gap:18px;min-height:0;overflow:hidden}.dashboard-activity-panel{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.dashboard-signature-panel{height:100%}.dashboard-signature{display:grid;gap:14px}.dashboard-signature>strong{font-size:2rem}.dashboard-signature dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.dashboard-signature div,.recent-item{min-width:0}.dashboard-signature dt{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.dashboard-signature dd{margin:4px 0 0;font-weight:800;overflow-wrap:anywhere}.recent-list{display:grid;align-content:start;gap:8px;height:100%;max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-gutter:stable}.recent-list::-webkit-scrollbar{width:8px}.recent-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 34%,transparent);border-radius:999px}.recent-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-raised) 48%,transparent);border-radius:999px}.recent-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:11px 14px;border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 46%,transparent);border:1px solid var(--border)}.recent-item strong,.recent-item span{display:block;overflow-wrap:anywhere}.recent-item span{margin-top:4px;color:var(--muted);font-size:.9rem}.recent-item small{flex:0 0 auto;color:var(--accent);font-weight:900}.workflow-detail-panel{display:flex;flex-direction:column;gap:18px;min-height:0;min-width:0;overflow:hidden}.workflow-detail-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.participants-list{display:grid;gap:12px;max-height:240px;overflow:auto;padding-right:6px;min-width:0}.participants-list label,.workflow-modal label,.workflow-modal input{min-width:0}.workflow-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:18px;padding:5px;border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 78%,transparent)}.workflow-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.workflow-tabs button.active{color:#07110c;background:linear-gradient(135deg,#74e2b2,#e5f7c2);box-shadow:0 12px 26px #2fc08329}.workflow-tabs span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;color:inherit;background:#ffffff57}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:22px;background:#0c0f127a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workflow-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 44px);display:grid;gap:18px;overflow:auto}.participants-modal{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 44px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px}.participants-modal-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.participants-modal-summary span,.participants-modal-summary strong{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:6px;font-weight:700}.participants-modal-summary span{color:var(--muted);background:var(--surface-soft)}.participants-modal-summary strong{color:#fff;background:#50cd89}.participants-timeline{min-height:0;overflow:auto;display:grid;gap:10px;padding-right:6px}.participant-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.participant-order{display:grid;place-items:center;width:34px;height:34px;color:var(--muted);background:var(--surface);border-radius:999px;font-weight:900}.participant-row.signed .participant-order{color:#fff;background:#50cd89}.participant-row.rejected .participant-order{color:#fff;background:#f1416c}.participant-row.notified .participant-order{color:#181c32;background:#ffc700}.participant-row-content{min-width:0;display:grid;gap:8px}.participant-row-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.participant-row-header strong,.participant-row p{overflow-wrap:anywhere}.participant-row-header small{flex:0 0 auto;color:var(--muted);font-weight:700}.participant-row p{margin:0;color:var(--text);line-height:1.5}.participant-row p.empty{color:var(--muted)}.documents-grid{width:100%;max-width:none;display:grid;grid-template-columns:1fr;gap:12px;align-self:stretch;text-align:left}.documents-section{display:grid;gap:12px}.documents-section+.documents-section{margin-top:22px}.documents-section h4{margin:0;color:var(--muted);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.document-card{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:var(--text);text-align:left;background:color-mix(in srgb,var(--surface-raised) 46%,transparent);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.document-card>div:first-child{flex:1 1 180px;min-width:0}.document-card:hover{transform:translateY(-2px);border-color:#65d7a570;box-shadow:0 18px 34px #2fc08329}.document-card strong,.document-card span,.document-card small{display:block;overflow-wrap:anywhere}.document-card strong{font-size:1.1rem}.document-card span{color:var(--muted);font-size:.92rem}.document-card>div:first-child span{margin-top:6px}.document-meta{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.document-meta span{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border);color:var(--muted);font-size:.84rem}.document-card small{flex:0 0 auto;min-width:max-content;padding:7px 10px;border-radius:999px;white-space:nowrap;color:var(--accent-warm);background:#f0bd5a1f;border:1px solid rgba(240,189,90,.2)}.document-card small.ready{color:var(--accent);background:#65d7a51f;border-color:#65d7a538}.document-card small.turn{color:#17120a;background:linear-gradient(135deg,#f7c96b,#ffe9a9);border-color:#9463172e}.workflow-item{display:grid;gap:6px;width:100%;min-height:74px;padding:14px;text-align:left;color:var(--text);background:color-mix(in srgb,var(--surface-raised) 48%,transparent);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.workflow-item:hover,.workflow-item.active{transform:translateY(-1px);border-color:#65d7a561;box-shadow:0 14px 28px #2fc08324}.workflow-item span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.workflow-detail-panel>.empty-state{place-content:start;align-content:start;justify-items:stretch;justify-content:stretch;padding:18px;overflow-y:auto;overflow-x:hidden}.workflow-detail-panel>.empty-state:has(.documents-grid){display:block;text-align:left}.workflow-detail{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;min-height:0}.workflow-participants-summary{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.workflow-participants-summary>div:first-child{min-width:0}.summary-label{margin:0 0 4px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.workflow-participants-summary strong{display:block;color:var(--text);font-size:1.05rem;overflow-wrap:anywhere}.participant-avatar-group{display:flex;align-items:center;padding-left:8px}.participant-avatar{display:grid;place-items:center;width:34px;height:34px;margin-left:-8px;color:var(--muted);background:var(--surface);border:2px solid var(--surface-soft);border-radius:999px;font-weight:900;text-transform:uppercase}.participant-avatar.signed{color:#fff;background:#50cd89}.participant-avatar.rejected{color:#fff;background:#f1416c}.participant-avatar.notified{color:#181c32;background:#ffc700}.participant-avatar.more{color:var(--text);background:#eef6ff}.participants-button{white-space:nowrap}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:150px;overflow:auto;padding-right:6px}.workflow-step{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px;border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 48%,transparent);border:1px solid var(--border)}.workflow-step div{min-width:0}.workflow-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent);font-weight:800}.workflow-step strong,.workflow-step small{display:block;overflow-wrap:anywhere}.workflow-step small{color:var(--muted)}.workflow-step em{display:block;margin-top:4px;color:var(--text);font-style:normal;font-size:.86rem;overflow-wrap:anywhere}.workflow-step.current{border-color:#f0bd5a6b;background:#f0bd5a1a}.workflow-step.signed{border-color:#65d7a56b;background:#65d7a51a}.workflow-step.rejected{border-color:#e166666b;background:#e166661a}.workflow-step.signed>span{color:#07110c;background:linear-gradient(135deg,#65d7a5,#d7f7b7)}.workflow-step.rejected>span{color:#fff;background:#e16666}.workflow-sign-actions{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:12px}.workflow-comment{min-width:min(360px,100%)}.reject-button,.document-card small.rejected{color:#fff;background:#e16666;border-color:#e1666638}.danger-message{color:var(--danger);background:#e166661a;border-color:#e1666638}.workflow-preview-scroll{border-radius:8px}.workflow-detail-panel .panel-header{align-items:center}.workflow-detail-panel .download-link{flex:0 0 auto;white-space:nowrap}.workflow-detail-panel .signed-viewer,.workflow-detail-panel .inline-result,.workflow-detail-panel .signed-viewer iframe{min-height:0;height:100%}.workflow-detail-panel .signed-viewer.inline-result,.workflow-detail-panel .signed-viewer.inline-result iframe{min-height:calc(100vh - 300px);height:calc(100vh - 300px)}.toggle-row{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--surface-raised) 50%,transparent)}.toggle-row input{width:18px;min-height:18px;accent-color:var(--accent-strong)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-label{margin:0 0 9px;color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.secondary-button,.primary-button,.download-link,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:6px;padding:0 16px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,filter .16s ease}.secondary-button{color:var(--text);background:color-mix(in srgb,var(--surface-raised) 80%,transparent)}.clear-button{color:#fff8f5;background:linear-gradient(135deg,#e16666,#f2a168);box-shadow:0 14px 28px #e1666633}.logout-button{color:#fff7f2;background:linear-gradient(135deg,#7c5cff,#ef7d9b);box-shadow:0 14px 28px #7c5cff38}.primary-button{color:#07110c;background:linear-gradient(135deg,var(--accent),#d7f7b7);font-weight:800;box-shadow:0 15px 30px #2fc08338}.sign-button{background:linear-gradient(135deg,#2fc083,#bff1a2);box-shadow:0 18px 34px #2fc0834d}.link-button{color:var(--text);background:#65d7a524;border:1px solid rgba(101,215,165,.28)}.secondary-button:hover,.primary-button:hover,.download-link:hover,.link-button:hover{transform:translateY(-1px);filter:saturate(1.08)}.clear-button:hover{box-shadow:0 18px 34px #e1666647}.sign-button:hover{box-shadow:0 22px 40px #2fc08361}.logout-button:hover{box-shadow:0 18px 34px #7c5cff4d}.secondary-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.file-drop{display:grid;gap:8px;align-content:center;min-height:178px;border-radius:8px;padding:22px;border:1px dashed rgba(101,215,165,.42);background:color-mix(in srgb,var(--surface-raised) 42%,transparent);cursor:pointer}.file-drop.has-file{border-style:solid;background:linear-gradient(180deg,#65d7a521,#ffffff09)}.file-drop input{display:none}.drop-title{color:var(--text);font-size:1.08rem;font-weight:800;overflow-wrap:anywhere}.drop-subtitle,.hint,.empty-state span,.page-header span{color:var(--muted)}.password-card{padding:16px;border-radius:8px;background:var(--surface-soft);border:1px solid var(--border)}.validity-card{display:grid;gap:16px;min-width:0;min-height:100%;padding:24px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.validity-card__header,.validity-card__usage,.validity-card__dates{display:flex;align-items:center;justify-content:space-between;gap:18px}.validity-card__header p{margin:0;color:var(--muted);font-size:.9rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.validity-card__header svg{width:28px;height:28px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}.validity-card h3{margin:0;color:var(--text);font-size:clamp(1.9rem,3.4vw,2.55rem);line-height:1.04;overflow-wrap:anywhere}.validity-card__status{margin:0;color:var(--muted);font-size:1rem;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.validity-card__usage span,.validity-card__dates span{color:var(--muted);font-weight:800}.validity-card__usage strong{color:var(--text);font-size:1.55rem}.validity-progress{height:14px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent)}.validity-progress span{display:block;height:100%;max-width:100%;border-radius:inherit;background:#5aa7ff}.validity-card.expired .validity-progress span{background:var(--danger)}.validity-card.pending{align-self:stretch}.validity-card.empty .validity-card__header svg{color:var(--accent-warm)}.validity-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 0}.validity-details div{min-width:0;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 55%,transparent);border:1px solid var(--border)}.validity-details dt{margin:0 0 6px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.validity-details dd{margin:0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.hint,.message,.verification-box p{margin:0;line-height:1.55}.message,.verification-box{padding:14px 16px;border-radius:8px;background:#f0bd5a1f;border:1px solid rgba(240,189,90,.18)}.message{color:var(--accent-warm)}.verification-box{display:grid;gap:10px}.empty-state{min-height:280px;display:grid;place-content:center;text-align:center;gap:6px;border-radius:8px;background:#ffffff09;border:1px dashed rgba(255,255,255,.14)}.empty-state.muted{min-height:220px}.preview-scroll{min-height:0;overflow:auto;padding-right:8px;scrollbar-gutter:stable}.preview-scroll::-webkit-scrollbar{width:10px;height:10px}.preview-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border-radius:999px}.preview-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-raised) 48%,transparent);border-radius:999px}.pages-grid{display:grid;gap:18px}.page-card{border-radius:8px;padding:16px;background:color-mix(in srgb,var(--surface-raised) 42%,transparent);border:1px solid rgba(255,255,255,.08)}.page-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.canvas-wrap{position:relative;display:inline-block;max-width:100%;overflow:auto;border-radius:8px;background:#f7f8fb}.canvas-wrap canvas{display:block;max-width:100%;height:auto;cursor:crosshair;background:#fff}.signature-preview{position:absolute;display:grid;grid-template-columns:42% 1fr;align-items:stretch;min-width:28px;min-height:28px;background:#ffffffb8;border:1px dotted #111;color:#111;pointer-events:none;font-family:Arial,Helvetica,sans-serif;overflow:visible}.preview-name{display:grid;align-content:center;gap:2px;padding:4px 6px;border-right:1px solid #8a8a8a;font-size:clamp(9px,1.4vw,16px);line-height:1.05;text-transform:uppercase}.preview-copy{display:grid;align-content:center;gap:1px;padding:4px 8px;font-size:clamp(6px,.8vw,8px);line-height:1.05;overflow:hidden}.preview-copy strong{font-size:inherit;line-height:1.05}.signed-viewer{display:grid;gap:14px}.inline-result{min-height:64vh}.signed-viewer iframe{width:100%;min-height:64vh;border:0;border-radius:8px;background:#fff}.download-link{display:inline-flex;align-items:center;align-self:flex-start;text-decoration:none;color:var(--text);background:#65d7a51f;border:1px solid rgba(101,215,165,.24)}@media (max-width: 1100px){.admin-layout,.sign-grid,.config-stack,.dashboard-two-col,.multi-grid,.auth-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.workflow-sign-actions{grid-template-columns:1fr}.workflow-participants-summary{grid-template-columns:1fr;align-items:start}.participants-button{width:100%}.workflow-detail-panel{min-width:0;min-height:620px}.document-card{align-items:start;flex-direction:column}.admin-layout{height:auto;min-height:100vh;overflow:visible}.sidebar{position:static;height:auto;grid-template-rows:auto}.nav-list{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.auth-layout,.admin-layout{padding:12px}.auth-hero h1{font-size:2.6rem}.typewriter-title{min-height:13.26rem}.topbar,.panel-header,.dashboard-hero,.expiry-alert,.recent-item{align-items:flex-start;flex-direction:column}.dashboard-hero{min-height:0}.dashboard-grid{height:auto;overflow:visible}.dashboard-two-col{height:auto;min-height:0}.recent-list{height:auto;max-height:min(58vh,520px)}.dashboard-hero__visual{position:static;width:min(220px,72vw);margin-left:auto;opacity:.72}.metric-grid,.dashboard-signature dl{grid-template-columns:1fr}.preview-panel{min-height:520px}.topbar h2{font-size:1.55rem}.panel,.sidebar,.topbar,.auth-panel{padding:18px}.auth-panel-header,.auth-trust{grid-template-columns:1fr}.auth-panel-header{align-items:flex-start}.validity-details,.validity-card__dates,.validity-card__usage{grid-template-columns:1fr;align-items:flex-start;flex-direction:column}.participant-row-header{display:grid;gap:4px}.participant-row-header small{white-space:normal}}body{background:#f5f8fa;color:#181c32}.app-shell{--bg: #f5f8fa;--surface: #ffffff;--surface-raised: #f9fbfd;--surface-soft: #f5f8fa;--border: #eff2f5;--text: #181c32;--muted: #7e8299;--accent: #009ef7;--accent-strong: #0095e8;--accent-warm: #ffc700;--accent-rose: #f1416c;--danger: #f1416c;--shadow: 0 0 20px rgba(76, 87, 125, .06);min-height:100vh;background:#f5f8fa;color:var(--text);font-family:Inter,Helvetica,"sans-serif"}.app-shell[data-theme=dark]{--bg: #151521;--surface: #1e1e2d;--surface-raised: #2b2b40;--surface-soft: #252538;--border: #323248;--text: #f5f8fa;--muted: #92929f;--accent: #009ef7;--accent-strong: #0095e8;--accent-warm: #ffc700;--accent-rose: #f1416c;--danger: #f1416c;--shadow: 0 0 30px rgba(0, 0, 0, .18);background:#151521}.app-shell[data-theme=dark] .dashboard-hero{background:linear-gradient(90deg,#1e1e2dfa,#1e1e2df0 52%,#009ef72e),var(--surface)}.app-shell[data-theme=dark] .dashboard-hero h3{color:#fff;text-shadow:0 8px 22px rgba(0,0,0,.3)}.app-shell[data-theme=dark] .dashboard-hero span{color:#d6d9e6}.app-shell[data-theme=dark] .dashboard-hero__visual{opacity:.5}.auth-layout{max-width:none;min-height:100vh;grid-template-columns:minmax(320px,1fr) 470px;gap:48px;padding:40px clamp(24px,5vw,72px);overflow:hidden;background:linear-gradient(120deg,rgba(0,158,247,.08),transparent 38%),radial-gradient(circle at 92% 16%,rgba(80,205,137,.16),transparent 28%)}.public-layout{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(120deg,rgba(0,158,247,.08),transparent 38%),radial-gradient(circle at 92% 16%,rgba(80,205,137,.16),transparent 28%),var(--bg)}.verify-page{width:min(720px,100%);display:grid;justify-items:center;gap:24px}.verify-logo{width:190px;height:auto;filter:drop-shadow(0 18px 30px rgba(76,87,125,.12))}.app-shell[data-theme=dark] .verify-logo{content:url(/media/logos/tropiec-logo-light.svg)}.verify-card{width:100%;display:grid;justify-items:center;gap:14px;text-align:center}.verify-card h1{margin:0;color:var(--text);font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.verify-summary{max-width:520px;margin:0;color:var(--muted);line-height:1.55}.verify-status{display:grid;place-items:center;width:58px;height:58px;color:#f1bc00;background:#fff8dd;border-radius:999px}.verify-status.valid{color:#fff;background:#50cd89}.verify-status.error{color:#fff;background:#f1416c}.verify-status svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.audit-list{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0;text-align:left}.audit-list div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.audit-list dt{margin-bottom:6px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.audit-list dd{margin:0;color:var(--text);font-weight:700;overflow-wrap:anywhere}.audit-list .hash-value{font-family:Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:600}.auth-layout:after{content:"";position:absolute;inset:auto -12% -32% 18%;height:54%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,158,247,.13),transparent 68%);transform:rotate(-4deg)}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.floating-document{position:absolute;width:118px;height:154px;padding:20px 16px;border-radius:8px;background:linear-gradient(145deg,#fffffff5,#f1faffe0),linear-gradient(90deg,transparent 78%,rgba(0,158,247,.14) 78%);border:1px solid rgba(0,158,247,.12);box-shadow:0 22px 50px #4c577d29;opacity:.72;animation:floatDocument 12s ease-in-out infinite}.floating-document:before{content:"";position:absolute;top:0;right:0;border-top:24px solid rgba(0,158,247,.16);border-left:24px solid transparent}.floating-document span{display:block;height:7px;margin-bottom:13px;border-radius:999px;background:#7e829947}.floating-document span:nth-child(1){width:68%;background:#009ef742}.floating-document span:nth-child(2){width:88%}.floating-document span:nth-child(3){width:54%}.document-one{left:8%;top:17%;transform:rotate(-10deg)}.document-two{right:31%;top:14%;width:92px;height:120px;opacity:.48;animation-delay:-4s;animation-duration:15s}.document-three{left:42%;bottom:10%;width:104px;height:136px;opacity:.56;animation-delay:-8s;animation-duration:17s}.document-four{left:25%;top:-20px;width:82px;height:108px;opacity:.42;animation-delay:-2s;animation-duration:14s}.document-five{right:6%;bottom:13%;width:126px;height:164px;opacity:.62;animation-delay:-6s;animation-duration:18s}.document-six{left:2%;bottom:4%;width:76px;height:100px;opacity:.36;animation-delay:-10s;animation-duration:16s}.document-seven{right:18%;top:48%;width:70px;height:92px;opacity:.28;transform:rotate(8deg);animation-delay:-12s;animation-duration:20s}.auth-stamp{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:999px;color:#50cd899e;background:#50cd8914;border:2px solid rgba(80,205,137,.22);box-shadow:0 18px 34px #50cd891f;animation:stampFloat 10s ease-in-out infinite}.auth-stamp svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.stamp-one{left:34%;top:26%;animation-delay:-3s}.stamp-two{right:9%;top:30%;width:78px;height:78px;color:#009ef78c;background:#009ef714;border-color:#009ef733;animation-delay:-7s;animation-duration:13s}.signature-line{position:absolute;left:11%;bottom:21%;width:min(420px,38vw);height:74px;border-bottom:4px solid rgba(80,205,137,.34);border-radius:55% 45% 48% 52%;transform:rotate(-4deg);animation:signaturePulse 4.8s ease-in-out infinite}.signature-line-soft{left:54%;bottom:16%;width:min(300px,28vw);height:56px;opacity:.45;transform:rotate(6deg);animation-delay:-2s;animation-duration:6.4s}.signature-line:before,.signature-line:after{content:"";position:absolute;bottom:-4px;height:42px;border-bottom:4px solid rgba(0,158,247,.36);border-radius:50%}.signature-line:before{left:10%;width:34%;transform:rotate(-11deg)}.signature-line:after{right:7%;width:28%;transform:rotate(12deg)}.document-trail{position:absolute;width:340px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,158,247,.24),transparent);animation:trailSlide 8s linear infinite}.trail-one{left:-120px;top:34%}.trail-two{right:-160px;bottom:28%;animation-delay:-3s}.trail-three{left:20%;bottom:12%;width:260px;background:linear-gradient(90deg,transparent,rgba(80,205,137,.24),transparent);animation-delay:-5s;animation-duration:11s}.auth-hero{position:relative;z-index:1;max-width:760px}.auth-logo{width:210px;height:auto;margin-bottom:34px;filter:drop-shadow(0 18px 30px rgba(76,87,125,.12))}.app-shell[data-theme=dark] .auth-logo{content:url(/media/logos/tropiec-logo-light.svg);filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}.app-shell[data-theme=dark] .floating-document{background:linear-gradient(145deg,#2b2b40f5,#1e1e2de6),linear-gradient(90deg,transparent 78%,rgba(0,158,247,.2) 78%);border-color:#ffffff14;box-shadow:0 22px 50px #00000047}.app-shell[data-theme=dark] .floating-document span{background:#ffffff2e}.app-shell[data-theme=dark] .floating-document span:nth-child(1){background:#009ef757}.app-shell[data-theme=dark] .auth-stamp{color:#009ef79e;background:#009ef71a;border-color:#009ef738;box-shadow:0 18px 34px #0003}.app-shell[data-theme=dark] .stamp-one{color:#50cd899e;background:#50cd891a;border-color:#50cd8938}.auth-hero h1{max-width:720px;color:var(--text);font-size:clamp(2.4rem,5vw,4.75rem);font-weight:800;line-height:1.05}.typewriter-title{min-height:calc(clamp(2.4rem,5vw,4.75rem)*3.15)}.typewriter-title.typing span:after{content:"";display:inline-block;width:.08em;height:.82em;margin-left:.08em;background:currentColor;transform:translateY(.1em);animation:cursorBlink .85s steps(2,start) infinite}.auth-hero p:not(.section-label){max-width:560px;color:var(--muted);font-size:1.075rem}.auth-panel,.panel,.sidebar,.topbar{background:var(--surface);border:0;box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.auth-panel,.panel{border-radius:8px}.auth-panel{position:relative;z-index:1;padding:32px}.auth-panel-header{display:flex;align-items:center;gap:14px;padding:14px;border-radius:8px;background:linear-gradient(135deg,#009ef71a,#50cd891f);border:1px solid rgba(0,158,247,.12)}.auth-panel-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:8px;color:#fff;background:var(--accent)}.auth-panel-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-panel-header strong,.auth-panel-header span{display:block}.auth-panel-header strong{color:var(--text);font-size:1.1rem;font-weight:800}.auth-panel-header span{margin-top:3px;color:var(--muted);font-weight:600;line-height:1.45}.auth-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.auth-trust span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px;color:var(--muted);font-size:.82rem;font-weight:800;text-align:center;border-radius:8px;background:var(--surface-soft)}.auth-trust svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@keyframes floatDocument{0%,to{translate:0 0;rotate:0deg}50%{translate:24px -32px;rotate:5deg}}@keyframes signaturePulse{0%,to{opacity:.45;transform:rotate(-4deg) scaleX(.96)}50%{opacity:.9;transform:rotate(-4deg) scaleX(1.04)}}@keyframes stampFloat{0%,to{transform:translateY(0) rotate(-8deg) scale(1)}50%{transform:translateY(-18px) rotate(8deg) scale(1.06)}}@keyframes cursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes trailSlide{0%{transform:translate(-20%);opacity:0}35%,70%{opacity:1}to{transform:translate(120%);opacity:0}}.auth-tabs,.workflow-tabs{background:var(--surface-soft);border-radius:8px}.auth-tabs button,.workflow-tabs button,.nav-list a{font-weight:600}.auth-tabs button.active,.workflow-tabs button.active{color:#fff;background:var(--accent);box-shadow:0 8px 18px #009ef740}.admin-layout{grid-template-columns:265px minmax(0,1fr);gap:0;padding:0;background:var(--bg)}.sidebar{top:0;height:100vh;border-radius:0;padding:0 20px 28px;background:#1e1e2d;box-shadow:none}.sidebar-brand{position:relative;display:flex;align-items:center;min-height:70px;margin:0 -20px 18px;padding:0 24px;border-bottom:1px dashed rgba(255,255,255,.12)}.sidebar-logo{width:186px;height:52px;object-fit:contain;object-position:left center}.sidebar-mark{display:none;width:38px;height:38px;object-fit:contain}.sidebar-collapse{position:absolute;right:-15px;top:50%;z-index:5;display:grid;place-items:center;width:30px;height:30px;padding:0;color:#a1a5b7;background:#fff;border:0;border-radius:8px;box-shadow:0 4px 16px #4c577d29;transform:translateY(-50%);cursor:pointer}.sidebar-collapse svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.admin-layout.sidebar-collapsed{grid-template-columns:75px minmax(0,1fr)}.admin-layout.sidebar-collapsed .sidebar{padding-inline:0}.admin-layout.sidebar-collapsed .sidebar-brand{justify-content:center;margin-inline:0;padding-inline:0}.admin-layout.sidebar-collapsed .sidebar-logo{display:none}.admin-layout.sidebar-collapsed .sidebar-mark{display:block}.admin-layout.sidebar-collapsed .sidebar-collapse{right:-15px}.admin-layout.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.admin-layout.sidebar-collapsed .nav-list{padding-inline:10px}.admin-layout.sidebar-collapsed .nav-list a{justify-content:center;padding:0;font-size:0}.admin-layout.sidebar-collapsed .nav-list svg{width:20px;height:20px}.sidebar-user{margin-bottom:8px}.sidebar .section-label{color:#565674}.sidebar h1{color:#fff;font-size:1.55rem;font-weight:800}.sidebar span{color:#92929f;font-size:.92rem}.nav-list{gap:4px}.nav-list a{min-height:48px;color:#92929f;border-radius:8px}.nav-list a:hover,.nav-list a.router-link-active{color:#fff;background:#2a2a3c;border-color:transparent;box-shadow:none;transform:none}.nav-list a.router-link-active svg,.nav-list a:hover svg{color:var(--accent)}.sidebar>.logout-button{display:none}.content-area{gap:0;padding:0 24px 24px}.topbar{min-height:70px;margin:0 -24px 20px;border-radius:0;padding:0 28px 0 48px;border-bottom:1px solid #eff2f5}.topbar h2,.panel-header h3{color:var(--text);font-weight:800}.topbar h2{color:#a1a5b7;font-size:1rem;font-weight:800}.topbar-title{display:flex;align-items:center;gap:24px;min-width:0}.topbar-title>div{min-width:0}.topbar-title .section-label{display:none}.breadcrumb-root{color:#a1a5b7;font-size:1.12rem;font-weight:800}.topbar-actions{position:relative;display:flex;align-items:center;gap:18px;margin-left:auto}.topbar-actions>.status-pill{display:none}.topbar-user{display:grid;justify-items:end;gap:2px;min-width:0;max-width:min(360px,34vw)}.topbar-user span{color:#a1a5b7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.topbar-user strong{color:var(--text);font-size:1rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.section-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}input{min-height:44px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:6px}input:focus{border-color:var(--accent);box-shadow:0 0 0 .25rem #009ef71f}label span{color:#5e6278;font-weight:600}.app-shell[data-theme=dark] label span{color:#92929f}.primary-button,.secondary-button,.download-link,.link-button,.theme-toggle{min-height:42px;border-radius:6px;font-weight:700;box-shadow:none}.primary-button,.sign-button{color:#fff;background:var(--accent);box-shadow:none}.primary-button:hover,.sign-button:hover{background:var(--accent-strong);box-shadow:none}.secondary-button,.download-link,.link-button{color:var(--accent);background:#f1faff;border:0}.app-shell[data-theme=dark] .secondary-button,.app-shell[data-theme=dark] .download-link,.app-shell[data-theme=dark] .link-button{background:#009ef724}.theme-toggle{color:#7e8299;background:var(--surface-soft);border:0}.navbar-icon-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;color:#a1a5b7;background:transparent;border-radius:999px;box-shadow:none}.navbar-icon-button svg{width:22px;height:22px}.theme-toggle.navbar-icon-button,.theme-toggle.navbar-icon-button:hover{background:transparent;border:0;box-shadow:none;filter:none}.theme-toggle.navbar-icon-button:hover{color:var(--accent)}.navbar-avatar{display:grid;place-items:center;width:40px;height:40px;color:#b5b5c3;background:#e9eaee;border:0;border-radius:8px;cursor:pointer}.navbar-avatar svg{width:28px;height:28px;fill:currentColor;stroke:none;opacity:.8}.user-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:12;width:min(300px,calc(100vw - 32px));padding:10px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #4c577d29}.user-menu-header{display:grid;gap:4px;padding:12px;border-bottom:1px solid var(--border)}.user-menu-header strong,.user-menu-header span{overflow-wrap:anywhere}.user-menu-header span{color:var(--muted);font-size:.9rem}.user-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin-top:8px;padding:0 12px;color:#f1416c;background:transparent;border:0;border-radius:6px;font-weight:700;cursor:pointer}.user-menu button:hover{background:#f1416c1a}.user-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.logout-button,.clear-button{color:#fff;background:#f1416c}.logout-button:hover,.clear-button:hover{background:#d9214e;box-shadow:none}.status-pill,.document-card small{min-height:30px;color:#f1bc00;background:#fff8dd;border:0;border-radius:6px;font-weight:700}.status-pill.ready,.document-card small.ready,.workflow-step.signed>span{color:#fff;background:#50cd89}.document-card small.turn{color:#fff;background:#ffc700}.file-drop{min-height:164px;background:var(--surface-soft);border:1px dashed #b5b5c3}.file-drop.has-file{background:#eef6ff;border-color:var(--accent)}.drop-title{color:var(--text);font-weight:800}.drop-subtitle,.hint,.empty-state span,.page-header span,.document-card span,.workflow-item span,.workflow-step small{color:var(--muted)}.password-card,.page-card,.workflow-step,.document-card,.toggle-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.document-card:hover,.workflow-item:hover,.workflow-item.active{border-color:var(--accent);box-shadow:0 8px 20px #009ef714;transform:none}.message,.verification-box{color:#f1bc00;background:#fff8dd;border:0}.app-shell[data-theme=dark] .message,.app-shell[data-theme=dark] .verification-box{background:#ffc70024}.empty-state{background:var(--surface-soft);border:1px dashed #d8d8e5}.canvas-wrap,.signed-viewer iframe{border:1px solid var(--border);box-shadow:0 8px 24px #4c577d14}.modal-backdrop{background:#181c325c}.panel-actions{display:flex;flex-wrap:wrap;gap:10px}.document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-actions .secondary-button{width:100%}.history-button{color:#fff;background:#009ef7}.history-modal{width:min(1180px,calc(100vw - 32px));height:min(760px,calc(100vh - 44px));display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.history-layout{min-height:0;display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px}.history-list,.history-preview{min-height:0;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.history-list{display:grid;align-content:start;gap:10px;padding:12px;overflow:auto}.history-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;padding:10px;color:var(--text);text-align:left;background:var(--surface);border:1px solid transparent;border-radius:8px;cursor:pointer}.history-item:hover,.history-item.active{border-color:#009ef7;box-shadow:0 8px 20px #009ef714}.history-item strong,.history-item small{display:block;overflow-wrap:anywhere}.history-item small{margin-top:4px;color:var(--muted)}.history-file-icon{display:grid;place-items:center;width:46px;height:46px;color:#f1416c;background:#f1416c1a;border-radius:8px;font-size:.78rem;font-weight:900}.history-empty{min-height:160px;display:grid;place-items:center;padding:18px;color:var(--muted);text-align:center;border:1px dashed #d8d8e5;border-radius:8px}.history-preview{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}.history-message{margin:0;color:var(--muted)}.history-toolbar-actions{margin-left:auto}.history-preview iframe{width:100%;height:100%;min-height:0;border:0;border-radius:8px;background:#fff}@media (max-width: 1100px){.admin-layout{display:block}.auth-layout{align-content:center}.document-two{right:8%}.sidebar{position:static;height:auto;border-radius:0}.sidebar-brand{min-height:60px}.content-area{padding:16px}.topbar{min-height:60px;margin:-16px -16px 16px;padding:10px 16px 10px 42px}}@media (max-width: 900px){.history-modal{height:min(860px,calc(100vh - 32px))}.history-layout{grid-template-columns:1fr;grid-template-rows:minmax(180px,260px) minmax(360px,1fr)}}@media (max-width: 720px){.public-layout{padding:16px}.audit-list{grid-template-columns:1fr}.auth-background{opacity:.5}.floating-document{width:82px;height:108px}.document-one{left:-20px;top:12%}.document-two{right:-12px;top:32%}.document-three,.document-four,.document-five,.document-six,.document-seven,.auth-stamp,.signature-line,.document-trail{display:none}.auth-logo{width:168px;margin-bottom:22px}.document-actions{grid-template-columns:1fr}.sidebar-logo{width:150px;height:42px}.topbar{gap:12px;padding-left:18px}.topbar-actions{width:100%;justify-content:space-between;gap:10px}.topbar-user{justify-items:start;max-width:min(260px,calc(100vw - 160px))}.status-pill{white-space:normal}.navbar-avatar{width:30px;height:30px}}@media (min-width: 1101px) and (max-height: 900px){.dashboard-shell .content-area{min-height:0}.dashboard-grid{gap:12px}.dashboard-hero{min-height:150px;padding:22px 28px}.dashboard-hero h3{font-size:clamp(2.1rem,3.2vw,3.35rem)}.dashboard-hero__visual{width:min(260px,22vw);bottom:-28px}.metric-grid{gap:10px}.metric-card{min-height:92px;padding:14px 16px}.metric-icon{width:42px;height:42px}.metric-icon svg{width:22px;height:22px}.metric-card strong{font-size:1.75rem}.dashboard-two-col{gap:12px;height:315px}.dashboard-panel{gap:12px}.dashboard-signature{gap:10px}.dashboard-signature>strong{font-size:1.7rem}.recent-item{min-height:62px;padding:11px 14px}}