*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#070b12;color:#e8eef8}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#0b111c;border-right:1px solid #1b2638;position:fixed;inset:0 auto 0 0;padding:24px 16px;z-index:30}.brand{font-size:24px;font-weight:800;margin-bottom:34px}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:13px 14px;border-radius:12px;margin-bottom:8px;font-weight:600}.sidebar a:hover{background:#111b2c;color:#fff}.logout{color:#ff8a8a!important}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:74px;background:#080d15;border-bottom:1px solid #1b2638;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.menu-btn{background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}.top-actions{display:flex;gap:14px;align-items:center}.balance{border:1px solid #146c2e;background:#082312;color:#3cff75;padding:10px 16px;border-radius:9px;font-weight:800}.profile{font-weight:700}.content{padding:28px}.page-title{font-size:30px;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat,.card{background:#101827;border:1px solid #223047;border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(0,0,0,.2)}.stat h3{margin:14px 0 4px;color:#94a3b8;font-size:14px}.stat strong{font-size:30px}.card{margin-bottom:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#101827;border-radius:14px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #223047;text-align:left;vertical-align:top}.table th{background:#162033}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.pending{background:#3a2c08;color:#ffd76a}.processing{background:#092c4a;color:#7dd3fc}.completed{background:#0b3b1c;color:#86efac}.rejected{background:#3a0b0b;color:#fca5a5}.btn{border:0;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.btn-green{background:#16a34a;color:white}.btn-blue{background:#2563eb;color:white}.btn-red{background:#dc2626;color:white}.btn-gray{background:#334155;color:white}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-control{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #2b3a55;background:#0a101b;color:#fff}.label{font-weight:800;margin-bottom:7px;display:block;color:#cbd5e1}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px}.alert-success{background:#0c351d;color:#86efac}.alert-error{background:#3a0b0b;color:#fca5a5}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at top,#122036,#060910);padding:20px}.login-box{width:420px;background:#101827;border:1px solid #223047;border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.login-box h1{text-align:center}.muted{color:#94a3b8}.service-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{background:#121c2b;border:1px solid #26364f;border-radius:16px;overflow:hidden}.service-body{display:flex;gap:15px;padding:18px}.service-icon{width:54px;height:54px;border-radius:50%;background:#1b2940;display:flex;align-items:center;justify-content:center;color:#9cc2ff;font-size:22px;flex-shrink:0}.service-footer{display:flex;justify-content:space-between;align-items:center;background:#1d293b;padding:12px 16px}.price{font-weight:900}@media(max-width:1000px){.grid,.service-preview{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.main{margin-left:0;width:100%}.open-sidebar .sidebar{transform:translateX(0)}}@media(max-width:640px){.grid,.service-preview{grid-template-columns:1fr}.content{padding:18px}}