:root{
  --side:#161022; --side2:#211633; --purple:#7c3aed; --purple2:#a855f7; --ink:#111827; --muted:#667085;
  --bg:#f3f4f8; --card:#ffffff; --line:#e8e8ef; --soft:#f4eefe; --warn:#fff7e6; --danger:#fff1f2;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top left,#faf7ff 0,#f3f4f8 38%,#eef1f5 100%);color:var(--ink);font-family:Roboto,Inter,Arial,sans-serif;font-weight:400}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,var(--side),var(--side2));color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 16px;box-shadow:18px 0 45px rgba(28,16,46,.18);z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo{width:45px;height:45px;object-fit:contain;border-radius:50%;background:rgba(255,255,255,.06)}.brand strong{display:block;font-size:1rem;line-height:1.1}.brand span{font-size:.78rem;color:#c9bddb}.nav-section{font-size:.72rem;color:#9f91b7;font-weight:700;letter-spacing:.08em;margin:26px 10px 8px;text-transform:uppercase}.side-link{display:flex;align-items:center;gap:12px;color:#eee;text-decoration:none;padding:13px 14px;border-radius:15px;font-weight:600;margin:5px 0}.side-link:hover{background:rgba(255,255,255,.08);color:#fff}.side-link.active{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;box-shadow:0 10px 26px rgba(124,58,237,.32)}.side-link i{font-size:1.1rem;color:#d9c7ff}.user-box{position:absolute;left:16px;right:16px;bottom:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.user-card{background:rgba(255,255,255,.08);border-radius:16px;padding:14px}.main{margin-left:280px;width:calc(100% - 280px);padding:32px}.mobile-top{display:none}.page-title{font-weight:800;letter-spacing:-.04em;font-size:2rem;margin:0}.page-subtitle{color:#667085;margin-top:4px;font-weight:500}.card{border:0;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 22px 60px rgba(17,24,39,.08)}.metric{padding:24px;min-height:116px;position:relative;overflow:hidden}.metric .label{font-size:.78rem;color:#667085;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.metric .value{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin-top:8px}.metric .icon{position:absolute;right:18px;top:24px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#f0e7ff;color:var(--purple);font-size:1.25rem}.hero{background:linear-gradient(135deg,#3b176b,#7c3aed);color:#fff;min-height:162px}.hero .label{color:#ded3ff}.hero .value{font-size:3.4rem}.hero small{color:#e9ddff}.btn{border-radius:13px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple2));border:0;box-shadow:0 9px 22px rgba(124,58,237,.24)}.btn-outline-primary{border-color:var(--purple);color:var(--purple)}.btn-outline-primary:hover{background:var(--purple);border-color:var(--purple)}.form-control,.form-select{border-radius:13px;border-color:#dcdce7;padding:.72rem .9rem}.form-label{font-size:.86rem;color:#344054;font-weight:700}.table{margin:0}.table td,.table th{vertical-align:middle;padding:14px 12px}.table thead th{font-size:.76rem;color:#667085;font-weight:800;background:#fff;text-transform:uppercase;letter-spacing:.06em}.low{background:var(--danger)}.badge-soft{background:#f0e7ff;color:#6d28d9}.small-muted{font-size:.9rem;color:var(--muted)}.stat{font-size:1.85rem;font-weight:800;letter-spacing:-.03em}.signature-pad{border:1px dashed #b9aecb;border-radius:16px;background:#fff;width:100%;height:170px;touch-action:none}.scanner-box{border:1px solid #e5e0ef;border-radius:18px;overflow:hidden;background:#fff}.action-card{position:relative;overflow:hidden}.logo-watermark{width:85px;height:85px;object-fit:contain;opacity:.08;position:absolute;right:18px;top:14px}.quick-card{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.quick-card i{font-size:1.4rem;color:var(--purple)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#f0e7ff;color:#6d28d9;font-weight:800;font-size:.78rem}.alert{border-radius:16px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#160d24,#3b176b)}.login-card{width:100%;max-width:430px}.login-logo{width:86px;height:86px;object-fit:contain;display:block;margin:0 auto 12px}
@media(max-width:991px){.app{display:block}.sidebar{position:relative;width:100%;height:auto;border-radius:0 0 24px 24px}.user-box{position:static;margin-top:16px}.main{margin-left:0;width:100%;padding:22px}.mobile-top{display:block}.hero .value{font-size:2.4rem}}