body{background:#f4f7fb;color:#172033}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#132238;color:#fff;padding:22px 16px;position:fixed;top:0;bottom:0}.brand{font-weight:800;font-size:1.35rem;letter-spacing:.08em}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:10px}.sidebar nav a,.user-box a{color:#cbd5e1;text-decoration:none;padding:9px 10px;border-radius:8px}.sidebar nav a:hover,.user-box a:hover{background:#243b5a;color:#fff}.user-box{position:absolute;bottom:20px;left:16px;right:16px;display:flex;flex-direction:column;gap:3px}.user-box small{color:#94a3b8}.main{margin-left:250px;width:calc(100% - 250px);padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{font-size:1.55rem;margin:0}.topbar span:not(.badge){color:#64748b}.card{border:0;box-shadow:0 5px 20px rgba(23,43,77,.08)}.metric-card{padding:20px;min-height:120px}.metric{font-size:1.8rem;font-weight:800}.history-item{border-left:3px solid #dbe3ee;padding:8px 0 8px 12px;margin-bottom:8px}.renew-item{padding:10px 0;border-bottom:1px solid #edf0f4}.login-bg{min-height:100vh;display:grid;place-items:center;background:#f4f7fb}.login-card{width:min(430px,92vw);background:#fff;padding:36px;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.brand-dark{font-weight:800;font-size:1.6rem;letter-spacing:.1em;color:#132238}@media(max-width:900px){.sidebar{position:static;width:100%;min-height:auto}.app-shell{display:block}.main{margin-left:0;width:100%}.user-box{position:static;margin-top:20px}.sidebar nav{flex-direction:row;flex-wrap:wrap}.topbar{gap:10px}}
.signature-pad{width:100%;height:220px;border:1px dashed #94a3b8;border-radius:10px;background:#fff;touch-action:none}.signature-preview{max-width:280px;max-height:110px;border:1px solid #dee2e6;border-radius:8px;padding:4px;background:#fff}
.signature-pad{width:100%;height:220px;border:1px dashed #94a3b8;border-radius:10px;background:#fff;touch-action:none}.signature-preview{max-width:280px;max-height:110px;border:1px solid #dee2e6;border-radius:8px;padding:4px;background:#fff}