@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#111827;color:#cbd5e1;padding:25px 16px 18px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:Manrope;font-size:20px;font-weight:800;padding:0 10px 24px}.logo-icon,.brand-mark{width:34px;height:34px;border-radius:11px;background:#4f46e5;display:grid;place-items:center;color:#fff}.connection{font-size:12px;color:#94a3b8;padding:0 11px 26px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:99px;background:#34d399;box-shadow:0 0 0 4px #34d39922}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#94a3b8;display:flex;align-items:center;gap:11px;padding:12px;border-radius:9px;text-align:left;font-size:14px}.nav-item:hover,.nav-item.active{color:#fff;background:#27324a}.nav-item b{margin-left:auto;background:#4f46e5;color:#fff;border-radius:999px;font-size:11px;min-width:20px;height:20px;display:grid;place-items:center}.sidebar-bottom{margin-top:auto}.profile{display:flex;gap:9px;align-items:center;padding:15px 10px;border-top:1px solid #27324a}.profile strong,.profile span{display:block}.profile strong{color:#f8fafc;font-size:13px}.profile span{font-size:11px;color:#94a3b8;margin-top:3px}.avatar{width:31px;height:31px;border-radius:50%;background:#374151;display:grid;place-items:center;color:#c7d2fe;font-weight:700}.logout{border:0;background:transparent;color:#94a3b8;display:flex;gap:10px;align-items:center;padding:10px;width:100%;font-size:13px}.logout:hover{color:#fff}.content{flex:1;max-width:1450px;margin:0 auto;padding:33px 45px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h2{font:800 29px Manrope;margin:3px 0}.eyebrow{letter-spacing:.13em;font-size:10px;font-weight:700;color:#818cf8;margin:0}.eyebrow.light{color:#c7d2fe}.muted{color:#7b8495;font-size:13px}.tiny{font-size:11px;color:#8b95a8;line-height:1.55}.icon-button{border:1px solid #e5e7eb;background:#fff;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#64748b}.icon-button:hover{color:#4f46e5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{background:linear-gradient(125deg,#3730a3,#4f46e5 57%,#6366f1);border-radius:16px;padding:29px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:185px;box-shadow:0 12px 30px #4338ca20}.hero h1{font:800 25px Manrope;max-width:670px;line-height:1.25;margin:9px 0 10px}.hero p:not(.eyebrow){color:#e0e7ff;margin:0;max-width:650px;line-height:1.55;font-size:14px}.hero-badge{border:1px solid #ffffff44;background:#ffffff16;border-radius:13px;padding:16px;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:#fff;border:1px solid #e9ebf1;border-radius:13px;padding:17px;display:flex;gap:14px;align-items:center}.stat-icon{width:39px;height:39px;border-radius:10px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center}.stat span,.stat strong{display:block}.stat span{font-size:12px;color:#7b8495}.stat strong{font:700 23px Manrope;margin-top:3px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e9ebf1;border-radius:13px;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel h3{font:700 16px Manrope;margin:0;color:#202b3e}.text-button{border:0;background:transparent;color:#4f46e5;font-size:12px;font-weight:600}.list-row,.signing-row{display:flex;align-items:center;gap:12px;border-top:1px solid #eef0f4;padding:14px 0}.row-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.row-icon.purple{background:#f0edff;color:#6d5de7}.row-main{min-width:0;flex:1}.row-main strong,.row-main span,.row-main code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main strong{font-size:13px;color:#273246}.row-main span{font-size:11px;color:#8b95a8;margin-top:3px}.row-main code{font-size:10px;color:#818cf8;margin-top:4px}.status{font-size:10px;font-weight:700;white-space:nowrap;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b}.status.pending{background:#fff7ed;color:#c2410c}.status.approved,.status.completed,.status.done{background:#ecfdf5;color:#047857}.status.rejected,.status.cancelled{background:#fef2f2;color:#b91c1c}.status.in_progress{background:#eff6ff;color:#2563eb}.quick-actions{display:grid;gap:8px}.quick-actions button{border:1px solid #eef0f4;background:#fbfcfe;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;padding:13px;color:#596579}.quick-actions button:hover{border-color:#c7d2fe;background:#f8f8ff}.quick-actions span{flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:13px;color:#253047}.quick-actions small{font-size:11px;color:#8b95a8;margin-top:3px}.stack{display:grid;gap:14px}label{font-size:12px;color:#596579;font-weight:600;display:grid;gap:7px}input,textarea{width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:10px 11px;background:#fff;color:#172033;outline:0;font-size:13px;font-weight:400}input:focus,textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf822}textarea{resize:vertical}.primary{border:0;border-radius:8px;background:#4f46e5;color:#fff;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:13px}.primary:hover{background:#4338ca}.primary:disabled{opacity:.6;cursor:wait}.full{width:100%}.alert{padding:10px 12px;border-radius:8px;font-size:12px;margin-bottom:14px}.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.empty{color:#929bad;font-size:13px;text-align:center;border:1px dashed #dfe3eb;border-radius:9px;padding:30px 12px}.check{border:0;background:transparent;color:#cbd5e1;padding:0}.check.checked{color:#10b981}.strike{text-decoration:line-through;color:#9ca3af!important}.note-card{border-top:1px solid #eef0f4;padding:14px 0}.note-card strong{font-size:13px}.note-card p{font-size:12px;line-height:1.6;color:#657083;margin:6px 0}.note-card small{font-size:10px;color:#a0a8b6}.secure-label{display:flex;align-items:center;gap:4px;color:#047857;font-size:11px}.signing-row{align-items:flex-start}.row-actions{display:flex;align-items:center;gap:5px}.small{border:0;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700}.small.success{background:#dcfce7;color:#166534}.small.danger{background:#fee2e2;color:#991b1b}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#e0e7ff,transparent 33%),#f6f7fb}.login-card{width:min(410px,calc(100% - 32px));background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:34px;box-shadow:0 22px 50px #18223c12}.login-card h1{font:800 29px Manrope;margin:13px 0 6px}.login-card .muted{line-height:1.55;margin-bottom:26px}.brand-mark{margin-bottom:20px}@media(max-width:850px){.sidebar{width:210px}.content{padding:28px 22px}.stats{grid-template-columns:repeat(2,1fr)}.hero{display:block}.hero-badge{display:inline-flex;margin-top:22px}.grid-two{grid-template-columns:1fr}}@media(max-width:570px){.shell{display:block}.sidebar{width:100%;padding:16px}.logo{padding-bottom:15px}.connection,.sidebar-bottom{display:none}nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.content{padding:22px 14px}.topbar{margin-bottom:20px}.topbar h2{font-size:23px}.stats{gap:8px}.stat{padding:12px;gap:8px}.stat strong{font-size:19px}.hero{padding:22px}.hero h1{font-size:20px}.grid-two{gap:12px}.panel{padding:16px}}select{width:100%;border:1px solid #dfe3eb;border-radius:8px;padding:10px 11px;background:#fff;color:#172033;outline:0;font-size:13px}select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf822}input[type=file]{padding:8px;background:#fbfcfe}.small-avatar{width:30px;height:30px;font-size:12px;flex:0 0 auto}.overview-footnote{margin-top:16px}.status.processing{background:#eff6ff;color:#1d4ed8}