:root{--bg:#f5f7fb;--surface:#fff;--surface2:#f0f3f8;--ink:#111827;--muted:#758094;--line:#e8ebf1;--navy:#101622;--violet:#7356f4;--violet2:#a17bff;--green:#31c48d;--orange:#f6a04d;--red:#e56572;--shadow:0 12px 30px rgba(27,36,55,.06);--radius:17px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{width:249px;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:28px 16px;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 40px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:19px}.brand-mark{width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#8c6cff,#5b40d8);display:grid;place-items:center;box-shadow:0 7px 18px #4f3ab566}.brand-mark:after{content:'↗';font-size:19px}.section-label{color:#718098;text-transform:uppercase;letter-spacing:1.1px;font-size:10px;font-weight:700;padding:0 14px 10px}.nav{display:grid;gap:5px}.nav button{background:transparent;color:#8895aa;padding:11px 14px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600}.nav button.active,.nav button:hover{background:#20293a;color:#fff}.nav-icon{width:17px;text-align:center;font-size:15px;opacity:.9}.sidebar-foot{margin-top:auto;border-top:1px solid #2c3547;padding-top:17px}.profile-mini{display:flex;gap:10px;align-items:center;padding:10px 8px}.avatar{width:31px;height:31px;border-radius:50%;background:#d9d2ff;color:#6551d0;display:grid;place-items:center;font-size:11px;font-weight:800}.profile-mini span{font-size:12px;color:#aeb8c9}.content{flex:1;min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{color:var(--muted);font-size:13px}.crumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{background:transparent;color:#7b8798;font-size:18px;position:relative}.notification-dot{position:absolute;right:-1px;top:0;width:6px;height:6px;background:#ef6a75;border-radius:50%;border:1px solid #fff}.upgrade{background:#101622;color:#fff;padding:9px 16px;border-radius:8px;font-size:12px;font-weight:700}.main{padding:34px 38px 50px;max-width:1440px}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.eyebrow{color:var(--violet);font-weight:700;font-size:12px;margin:0 0 7px}.welcome h1{font:800 29px 'Plus Jakarta Sans';margin:0;letter-spacing:-1px}.sub{color:var(--muted);margin:8px 0 0}.primary{background:var(--violet);color:#fff;padding:11px 18px;border-radius:9px;font-weight:700;box-shadow:0 7px 17px #7356f433}.primary:hover{background:#6446e8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.chart-card,.activity-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:19px 20px}.metric-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:600}.metric-icon{color:var(--violet);background:#f0edff;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.metric h2{font:800 25px 'Plus Jakarta Sans';margin:17px 0 7px}.trend{color:var(--green);font-size:11px;font-weight:700}.trend.muted{color:var(--muted);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:16px;margin-top:18px}.chart-card{padding:21px 21px 13px}.card-title{display:flex;justify-content:space-between;align-items:start}.card-title h3{font:700 15px 'Plus Jakarta Sans';margin:0}.card-title p{font-size:12px;color:var(--muted);margin:5px 0 0}.select{border:1px solid var(--line);padding:7px 10px;border-radius:7px;color:#667286;background:#fff;font-size:12px}.chart-wrap{height:240px;position:relative;margin-top:18px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.gridline{stroke:#e9edf4;stroke-width:1}.chart-label{fill:#9ba6b6;font-size:10px}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:var(--violet);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:var(--violet);stroke-width:2}.activity-card{padding:21px}.activity-list{display:grid;gap:19px;margin-top:21px}.activity{display:flex;align-items:center;gap:11px}.activity .avatar{background:#ebe8ff;color:var(--violet)}.activity b{font-size:12px}.activity small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.activity strong{margin-left:auto;font-size:12px}.verified{color:var(--green)}.pending{color:var(--orange)}.rejected{color:var(--red)}.notice{display:flex;gap:12px;align-items:flex-start;background:#f0edff;border:1px solid #ded7ff;color:#5e4cbd;border-radius:11px;padding:12px 15px;margin-top:18px;font-size:12px}.notice b{display:block;color:#4638a0;margin-bottom:3px}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-head h1{font:800 26px 'Plus Jakarta Sans';margin:0}.tabs{display:flex;gap:6px;background:#eef1f6;border-radius:9px;padding:4px}.tabs button{background:transparent;padding:8px 13px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:700}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #1b24350d}.table-card{padding:4px 20px 15px}.table{width:100%;border-collapse:collapse}.table th{color:#9aa4b4;font-size:10px;text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:15px 8px;border-bottom:1px solid var(--line)}.table td{padding:16px 8px;border-bottom:1px solid #f0f2f5;font-size:12px}.table tr:last-child td{border-bottom:0}.customer{display:flex;gap:9px;align-items:center}.customer .avatar{width:29px;height:29px}.status{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.status.verified{background:#e7f8f1}.status.pending{background:#fff4e6}.status.rejected{background:#ffedf0}.status.expired{background:#eef0f3;color:#8791a0}.action{color:var(--muted);background:transparent;font-size:19px}.form-card{max-width:820px;padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field textarea,.field select{border:1px solid #dfe4ec;border-radius:8px;padding:11px 12px;outline:none;background:#fff;color:var(--ink)}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7356f412}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-grid .form-card{max-width:none}.upload{border:1px dashed #cdd3df;border-radius:9px;padding:17px;text-align:center;color:var(--muted);background:#fbfcfe}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.switch{width:35px;height:20px;background:var(--violet);border-radius:99px;padding:3px}.switch i{display:block;background:#fff;border-radius:50%;width:14px;height:14px;margin-left:15px}.payment-shell{max-width:700px;margin:0 auto}.payment-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px #29345212;overflow:hidden}.payment-banner{height:110px;background:linear-gradient(120deg,#171e2c,#29214e);position:relative}.payment-brand{position:absolute;bottom:-27px;left:30px;width:58px;height:58px;border-radius:17px;background:#fff;border:4px solid #fff;box-shadow:0 5px 16px #0002;display:grid;place-items:center;color:var(--violet);font-size:20px;font-weight:800}.payment-content{padding:40px 30px 30px}.payment-content h1{font:800 23px 'Plus Jakarta Sans';margin:0}.amount{font:800 42px 'Plus Jakarta Sans';margin:22px 0 5px;letter-spacing:-2px}.payment-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.meta{background:#f7f8fb;border-radius:10px;padding:12px}.meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.meta b{font-size:12px}.qr-box{text-align:center;padding:20px 0;border-top:1px solid var(--line)}.qr{width:180px;height:180px;margin:12px auto 16px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#121827 0 3px,#fff 3px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,#121827 5px 8px);border:9px solid #fff;outline:1px solid #dfe3eb;box-shadow:0 4px 12px #17203318}.qr span{background:#fff;border:5px solid #fff;width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:var(--violet);font-size:16px;font-weight:800}.upi-row{display:flex;justify-content:center;align-items:center;gap:7px;color:#59667b;font-size:12px}.copy{background:#f0edff;color:var(--violet);border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700}.payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.secondary{background:#f1f3f7;color:#4f5c70;padding:11px 17px;border-radius:9px;font-weight:700}.full-btn{grid-column:1/-1}.fine-print{font-size:11px;color:#919bac;line-height:1.5;text-align:center;margin:19px 0 0}.drawer{position:fixed;inset:0;background:#11182755;display:none;align-items:center;justify-content:center;padding:20px;z-index:5}.drawer.open{display:flex}.modal{background:#fff;border-radius:18px;width:min(480px,100%);padding:24px;box-shadow:0 25px 70px #11182733}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{font:800 17px 'Plus Jakarta Sans';margin:0}.close{background:#f0f2f5;color:#7b8798;border-radius:50%;width:28px;height:28px}.toast{position:fixed;right:22px;bottom:22px;background:#111827;color:#fff;padding:12px 15px;border-radius:9px;box-shadow:0 10px 30px #11182733;transform:translateY(90px);opacity:0;transition:.25s;z-index:10;font-size:12px}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.sidebar{width:72px;padding:24px 9px}.brand{padding:0 12px 40px}.brand span,.section-label,.nav button span,.profile-mini div:not(.avatar){display:none}.nav button{justify-content:center;padding:12px}.topbar{padding:0 22px}.main{padding:27px 22px}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}}
@media(max-width:560px){.sidebar{display:none}.topbar{height:65px;padding:0 16px}.top-actions{gap:10px}.upgrade{padding:8px 10px}.main{padding:24px 15px}.welcome{display:block}.welcome .primary{margin-top:18px;width:100%}.welcome h1{font-size:24px}.cards{gap:10px}.metric{padding:15px}.metric h2{font-size:21px}.chart-card,.activity-card{padding:16px}.page-head{display:block}.page-head .tabs{margin-top:16px;width:max-content}.form-card{padding:17px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.table-card{padding:0 10px;overflow:auto}.table{min-width:650px}.payment-content{padding:39px 20px 22px}.payment-meta{grid-template-columns:1fr}.payment-actions{grid-template-columns:1fr}.full-btn{grid-column:auto}}