*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f8fc;color:#17233d}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 10%,#d84f9110,transparent 25%),radial-gradient(circle at 10% 90%,#102b5c08,transparent 30%)}header{height:70px;background:linear-gradient(110deg,#071d43,#102b5c 55%,#214b8f);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5;box-shadow:0 8px 25px #102b5c22}.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;letter-spacing:1px}.brand small{color:#f5b8d2;letter-spacing:2px}.flower,.seal,.login-logo{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#102b5c,#d84f91);color:#fff}.flower{width:40px;height:40px}.top{font-size:14px}.logout{background:#ffffff18!important;border:1px solid #ffffff40!important;padding:7px 10px!important;margin-left:8px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 70px)}aside{background:#fff;border-right:1px solid #eadfe6;padding:18px;position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto}nav a{display:block;text-decoration:none;color:#647085;padding:12px;border-radius:10px;margin:4px 0;transition:.2s}nav a:hover{background:#fff0f6;color:#b93673;transform:translateX(3px)}main{padding:30px;min-width:0;animation:fade .35s ease}h1,h2{color:#102b5c}.muted{color:#7d8797}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.card,.panel{background:#fff;border:1px solid #eadfe6;border-radius:16px;padding:20px;box-shadow:0 12px 30px #102b5c0b}.card{border-top:4px solid #214b8f;transition:.2s}.card:hover{transform:translateY(-3px)}.pink-card{border-top-color:#d84f91}.card strong{display:block;font-size:27px;color:#102b5c;margin-top:8px}.big-number{font-size:35px;font-weight:800;color:#d84f91}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.btn,button{background:linear-gradient(90deg,#102b5c,#214b8f);color:#fff;border:0;padding:10px 14px;border-radius:8px;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover,button:hover{filter:brightness(1.08);transform:translateY(-1px)}.pinkbtn{background:linear-gradient(90deg,#b93673,#d84f91)}.sm{padding:6px 9px;font-size:12px}.filter{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filter input,.filter select,.panel input,.panel select,.panel textarea,.login-box input{padding:11px;border:1px solid #ddd4dc;border-radius:8px;width:100%;margin:6px 0;background:#fff}.filter input,.filter select{width:auto}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table{background:#fff;border:1px solid #eadfe6;border-radius:12px;overflow:auto}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.table th{background:#fff2f7;color:#6b3550}.workflow{padding:20px;background:#fff4f8;border-radius:12px;color:#7b3c5b;margin:15px 0}.bar{height:9px;background:#eee3e9;border-radius:20px;margin:8px 0 15px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#102b5c,#d84f91);border-radius:20px}.totalbox{display:inline-block;background:#fff0f6;color:#a82f68;padding:14px;border-radius:10px;margin:15px 0}.alert{padding:12px;border-radius:9px;margin-bottom:15px;transition:opacity .5s}.success{background:#e8f7ee;color:#176f43}.danger{background:#fff0f2;color:#a32e40}.badge{display:inline-block;padding:5px 8px;border-radius:99px;font-size:11px;text-transform:capitalize;background:#eef1f6}.badge.approved,.badge.verified,.badge.success,.badge.issued{background:#e5f7ec;color:#197346}.badge.pending,.badge.open{background:#fff3d8;color:#8a5a00}.badge.rejected,.badge.failed{background:#ffe7eb;color:#a3273c}.badge.partial{background:#e8efff;color:#284f9b}.paymethods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paymethods span{padding:20px;text-align:center;background:#fff5f9;border:1px solid #f0cfdd;border-radius:10px}.checkout{max-width:650px;margin:auto;text-align:center}.receipt{max-width:800px;margin:auto;background:#fff;border:2px solid #102b5c;padding:30px;border-radius:14px}.receipt table{width:100%;border-collapse:collapse;margin:20px 0}.receipt td{padding:12px;border-bottom:1px solid #eee}.amount{font-size:22px;font-weight:bold}.center{text-align:center}.seal{width:60px;height:60px;margin:auto}.qr{width:90px;height:90px;border:7px solid #102b5c;margin:20px auto;display:grid;place-items:center;text-align:center;color:#d84f91;font-weight:bold}.login{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,#d84f9140,transparent 25%),linear-gradient(135deg,#061a3b,#102b5c 55%,#d84f91);animation:bg 8s ease-in-out infinite alternate}.login-orb{position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(2px);opacity:.25;border:1px solid #fff;animation:float 7s ease-in-out infinite}.orb1{top:-100px;left:-80px}.orb2{right:-100px;bottom:-80px;animation-delay:2s}.login-box{position:relative;width:min(430px,92vw);padding:35px;background:#ffffffee;border-radius:22px;box-shadow:0 30px 80px #0005;text-align:center;animation:rise .7s ease;backdrop-filter:blur(12px)}.login-logo{width:72px;height:72px;margin:auto;font-size:32px}.login-box h1{margin-bottom:4px}.pink{color:#d84f91;letter-spacing:3px;font-weight:bold}.login-box .primary{width:100%;margin-top:10px}.remember{display:block;text-align:left;font-size:12px;color:#777}.remember input{width:auto!important}.demo{margin-top:18px;padding:12px;background:#fff3f8;border-radius:10px;font-size:11px;color:#765264;line-height:1.7}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes bg{to{background-position:100% 50%}}@keyframes float{50%{transform:translate(30px,20px) scale(1.05)}}@media(max-width:900px){.shell{grid-template-columns:190px 1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:0 14px}.shell{grid-template-columns:1fr}aside{position:relative;top:0;height:auto}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.cards,.grid,.formgrid{grid-template-columns:1fr}main{padding:18px}.filter input,.filter select{width:100%}}@media print{header,aside,.filter,button,.btn{display:none!important}.shell{display:block}main{padding:0}.receipt{border:0;box-shadow:none}}