:root{--purple:#5b21b6;--purple2:#7c3aed;--purple3:#8b5cf6;--purple4:#ede9fe;--ink:#20213a;--soft:#f7f5ff;--border:#e8e1f7}body{background:var(--soft);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.navbar{background:linear-gradient(90deg,#3b146f,#6d28d9 55%,#7c3aed);box-shadow:0 2px 14px #3b146f33}.sidebar{min-height:calc(100vh - 56px);background:linear-gradient(180deg,#29104d,#4c1d95 62%,#5b21b6);color:#fff}.sidebar a{color:#eee;text-decoration:none;padding:.7rem 1rem;display:block;border-radius:.55rem;margin:.15rem .6rem}.sidebar a:hover,.sidebar a.active{background:linear-gradient(90deg,#7c3aed,#8b5cf6);color:#fff;box-shadow:0 4px 12px #0002}.content{padding:1.4rem}.card{border:0;box-shadow:0 4px 20px #3b146f14;border-radius:14px}.kpi{min-height:120px}.kpi .num{font-size:2rem;font-weight:800}.table thead th{white-space:nowrap}.hero{background:linear-gradient(135deg,#fff,#f5f0ff);border:1px solid #e5dafa}.btn-purple{background:var(--purple2);color:#fff;border:0}.btn-purple:hover{background:var(--purple);color:#fff}.btn-outline-purple{color:var(--purple2);border-color:var(--purple2)}.btn-outline-purple:hover{background:var(--purple2);color:#fff}.login-wrap{min-height:100vh;background:radial-gradient(circle at 15% 20%,#a78bfa 0,#6d28d9 32%,#3b146f 75%,#241036 100%);display:flex;align-items:center}.login-card{max-width:460px;width:100%;margin:auto;border-radius:22px}.qr-box{background:#fff;border:1px dashed #b8a4df;border-radius:14px;padding:18px;text-align:center}.small-muted{font-size:.82rem;color:#777}.timeline{border-left:3px solid #c4b5fd;padding-left:20px}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-28px;top:2px;width:13px;height:13px;background:#7c3aed;border-radius:50%;border:3px solid #eee6ff}.nav-section{font-size:.72rem;text-transform:uppercase;opacity:.55;padding:1rem .9rem .35rem}.stat-icon{font-size:1.8rem}.footer{color:#777;font-size:.8rem;padding:20px}.logo-mini{font-weight:800;letter-spacing:.2px}.alert{border:0;border-radius:12px}.logo-header{height:38px;width:58px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.logo-login{width:210px;max-height:135px;object-fit:contain;margin-bottom:8px}.login-card{box-shadow:0 15px 45px #0004}.brand-mark{background:#fff;color:var(--purple)}