:root{--ink:#17212b;--muted:#77828e;--line:#e9edf2;--paper:#fff;--canvas:#f7f8fc;--green:#248b74;--green-dark:#176b5a;--mint:#e7f6f1;--pink:#fbe9ef;--yellow:#fff4d8;--shadow:0 12px 36px rgba(26,43,57,.07);font-family:"DM Sans",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 17px Manrope,sans-serif;letter-spacing:-.5px}.brand b{color:var(--green)}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 19px Manrope;box-shadow:0 6px 14px #248b7440}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(380px,1fr);background:var(--paper)}.auth-card{width:min(440px,calc(100% - 48px));margin:auto;padding:48px 0}.auth-copy{margin:64px 0 28px}.eyebrow,.side-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(32px,4vw,45px)/1.14 Manrope,sans-serif;letter-spacing:-1.8px;margin:13px 0}.auth-copy h1 em{font-style:normal;color:var(--green)}.auth-copy p{font-size:14px;line-height:1.7;color:var(--muted);max-width:340px}.stack-form{display:grid;gap:16px}.stack-form label,.field label{font-size:12px;font-weight:700;color:#495560}.stack-form input,.field input,.field select,.field textarea,.search-input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px 14px;color:var(--ink);outline:0}.stack-form input:focus,.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#72baa5;box-shadow:0 0 0 3px #248b7419}.button{border:0;border-radius:10px;padding:13px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:15px}.primary{background:var(--green);color:white;box-shadow:0 7px 14px #248b742b}.primary:hover{background:var(--green-dark)}.full{width:100%;margin-top:4px}.auth-toggle{text-align:center;font-size:12px;color:var(--muted);margin:22px 0}.text-button{border:0;background:transparent;color:var(--green);font-weight:700}.fine-print{text-align:center;color:#98a1aa;font-size:10px}.notice{font-size:12px;line-height:1.55;background:#fff4d8;color:#745516;border-radius:9px;padding:12px;margin:0 0 16px}.auth-art{background:#173d38;position:relative;overflow:hidden;display:grid;place-items:center;padding:30px}.auth-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,#2c806c 0,#1b5148 32%,#173d38 73%)}.art-glow{position:absolute;width:460px;height:460px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 52px #ffffff08,0 0 0 104px #ffffff05}.art-card{position:relative;width:min(410px,90%);padding:29px;border:1px solid #ffffff22;border-radius:22px;background:#fffefa;box-shadow:0 30px 75px #0b1d1c66;transform:rotate(-2deg)}.art-top{display:flex;align-items:center;gap:9px;color:#899197;font-size:9px;font-weight:700;letter-spacing:1px}.ig-dot{font-size:22px;color:#ca5980}.live-dot{margin-left:auto;border-radius:20px;padding:5px 8px;background:var(--mint);color:var(--green);font-size:8px}.art-title{font:700 34px/1.16 Manrope;margin:38px 0 25px;letter-spacing:-1px}.art-title strong{color:var(--green)}.art-stats{display:flex;gap:60px}.art-stats div{display:grid;gap:5px}.art-stats small{font-size:8px;color:#98a0a5;letter-spacing:1px}.art-stats b{font:700 19px Manrope}.art-bars{height:92px;margin-top:17px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 29px,#edf0f0 30px)}.art-bars i{width:9%;border-radius:5px 5px 0 0;background:linear-gradient(#87cebb,#248b74)}.art-bars i:nth-child(1){height:32%}.art-bars i:nth-child(2){height:49%}.art-bars i:nth-child(3){height:42%}.art-bars i:nth-child(4){height:64%}.art-bars i:nth-child(5){height:51%}.art-bars i:nth-child(6){height:75%}.art-bars i:nth-child(7){height:62%}.art-bars i:nth-child(8){height:90%}.art-bars i:nth-child(9){height:100%}.art-caption{font-size:10px;color:#929a9f;margin-top:17px}.floating-pill{position:absolute;bottom:calc(50% - 205px);right:calc(50% - 220px);padding:12px 17px;background:white;border-radius:12px;box-shadow:var(--shadow);font-size:11px;font-weight:700;color:var(--green)}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:24px 16px 16px;display:flex;flex-direction:column;flex-shrink:0}.side-brand{padding:0 8px 45px}.side-label{color:#a2aab1;margin:0 8px 14px;font-size:9px}.nav-list{display:grid;gap:5px}.nav-link{border:0;background:transparent;text-align:left;color:#6d7883;padding:12px;border-radius:9px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px;width:100%}.nav-link>span{width:18px;text-align:center;font-size:16px}.nav-link:hover{background:#f7f9fa;color:var(--green)}.nav-link.active{background:var(--mint);color:var(--green)}.side-bottom{margin-top:auto}.support-card{margin:20px 2px 16px;padding:17px 15px;border:1px solid var(--line);border-radius:13px}.support-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--yellow);color:#c78d23;margin-bottom:13px}.support-card b{font-size:12px}.support-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 10px}.support-card a{font-size:10px;text-decoration:none;color:var(--green);font-weight:700}.signout{border-top:1px solid var(--line);border-radius:0;margin-top:5px;padding-top:17px}.main-column{flex:1;min-width:0}.topbar{height:72px;padding:0 42px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#8c959d}.breadcrumb span{margin:0 9px;color:#c6cdd2}.breadcrumb b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:20px}.secure-tag{font-size:10px;color:#74808a}.secure-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48b58c;margin-right:6px}.avatar{border:0;width:34px;height:34px;border-radius:50%;background:#ffede3;color:#ad6038;font-weight:700}.page-content{max-width:1150px;margin:auto;padding:35px 42px 45px;min-height:calc(100vh - 122px)}.footer{border-top:1px solid var(--line);padding:18px 42px;color:#a1a9b0;font-size:10px;display:flex;justify-content:space-between}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.page-heading h1{font:800 25px Manrope;letter-spacing:-.7px;margin:7px 0}.page-heading p{font-size:12px;color:var(--muted);margin:0}.welcome{font-size:11px;color:var(--green);font-weight:700;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:23px 0}.stat-card,.panel,.service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 15px #24394705}.stat-card{min-height:120px}.stat-head{display:flex;justify-content:space-between;color:#7d8790;font-size:11px}.stat-icon{width:31px;height:31px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-size:14px}.stat-value{font:800 24px Manrope;margin:17px 0 4px;letter-spacing:-.5px}.stat-sub{font-size:10px;color:#9ba4ab}.content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel-title{font:700 14px Manrope;margin:0 0 5px}.panel-sub{font-size:10px;color:var(--muted);margin:0 0 18px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;display:flex;align-items:center;gap:10px;color:var(--ink);font-size:11px;font-weight:700}.quick-action:hover{border-color:#9bd0c2;background:#fbfefc}.quick-action span{width:28px;height:28px;background:var(--mint);display:grid;place-items:center;border-radius:8px;color:var(--green)}.activity-empty{text-align:center;padding:22px 0;color:#a1a9b0;font-size:11px}.activity-empty b{display:block;color:#67737e;margin:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.field.full-width{grid-column:1/-1}.field label{display:block}.field textarea{min-height:94px;resize:vertical}.field .hint{display:block;font-size:10px;color:#99a2aa;margin-top:6px;font-weight:400}.form-panel{max-width:760px}.form-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px}.charge{font-size:11px;color:var(--muted)}.charge b{font:700 18px Manrope;color:var(--ink);margin-left:8px}.filter-row{display:flex;gap:12px;margin-bottom:16px}.search-input{max-width:320px;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#929ba3;font-size:9px;letter-spacing:.5px;font-weight:700;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #f0f2f4;color:#55616b}tbody tr:last-child td{border:0}.pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#f0f2f5;color:#74808a;font-size:9px;font-weight:700}.pill.pending{background:var(--yellow);color:#97711c}.pill.completed{background:var(--mint);color:var(--green)}.pill.rejected,.pill.cancelled{background:var(--pink);color:#b14b65}.muted-empty{text-align:center;padding:35px;color:#99a2aa;font-size:12px}.payment-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.instructions{background:#f8fbfa;padding:16px;border-radius:10px;color:#64716e;font-size:11px;line-height:1.7}.instructions b{display:block;color:#294e45;margin-bottom:5px}.qr-placeholder{border:1px dashed #b9d8cd;border-radius:12px;min-height:190px;display:grid;place-items:center;text-align:center;padding:20px;color:#89a69c;font-size:11px}.qr-placeholder strong{display:block;color:#52766a;font-size:12px;margin:8px}.qr-image{max-width:180px;max-height:180px;object-fit:contain}.small-note{font-size:10px;color:#98a1a9;line-height:1.6}.admin-list{display:grid;gap:12px}.admin-item{border:1px solid var(--line);border-radius:11px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:13px}.admin-item b{font-size:12px}.admin-item p{font-size:10px;color:var(--muted);margin:5px 0 0}.admin-actions{display:flex;gap:8px;align-items:center}.button.small{font-size:10px;padding:8px 11px}.button.outline{background:white;border:1px solid var(--line);color:#65717b}.button.danger{background:#fff2f4;color:#ac4660}.toast{position:fixed;z-index:5000;top:18px;left:50%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;background:#182c28;color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);transition:.2s;max-width:min(500px,90vw)}.toast.show{opacity:1;transform:translate(-50%,0)}.scrim{display:none}.mobile-only{display:none}
@media(max-width:900px){.sidebar{width:215px}.topbar{padding:0 24px}.page-content{padding:28px 24px}.footer{padding:17px 24px}.content-grid,.payment-layout{grid-template-columns:1fr}.auth-art{padding:20px}.art-card{width:min(360px,95%);padding:24px}.floating-pill{right:6%;bottom:14%}}
@media(max-width:680px){.auth-screen{display:block;min-height:100vh}.auth-card{padding:30px 0 36px}.auth-copy{margin:45px 0 25px}.auth-art{display:none}.app-shell{display:block}.sidebar{position:fixed;z-index:1100;inset:0 auto 0 0;width:270px;transform:translateX(-105%);transition:transform .25s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.scrim.open{display:block;position:fixed;inset:0;background:#101c2480;z-index:1000}.mobile-only{display:grid}.topbar{height:62px;padding:0 17px;gap:12px}.breadcrumb{margin-right:auto}.top-actions{gap:11px}.secure-tag{display:none}.page-content{padding:25px 16px 35px;min-height:calc(100vh - 112px)}.footer{padding:14px 16px;font-size:9px}.page-heading{align-items:start;gap:10px}.page-heading h1{font-size:22px}.cards{grid-template-columns:1fr;gap:10px}.stat-card{min-height:97px;padding:16px}.stat-value{margin:10px 0 3px}.field-grid{grid-template-columns:1fr;gap:0}.field.full-width{grid-column:auto}.form-actions{gap:10px;align-items:end}.charge b{display:block;margin:5px 0 0}.filter-row{display:block}.search-input{max-width:none}.table-panel{padding:14px 10px}.admin-item{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.side-brand{display:flex;justify-content:space-between;align-items:center}.icon-button{border:0;background:#f4f7f7;color:#47545c;border-radius:9px;width:35px;height:35px;place-items:center;font-size:17px}.topbar .icon-button{flex-shrink:0}}