:root{--bg: #f4f6fb;--panel: #ffffff;--text: #101828;--muted: #667085;--line: #e4e7ec;--primary: #265df2;--primary-dark: #183b94;--danger: #d92d20;--success: #039855;--warning: #dc6803;--radius: 24px;--shadow: 0 20px 55px rgba(16, 24, 40, .1)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(38,93,242,.14),transparent 30rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}p{color:var(--muted);line-height:1.7}small{display:block;color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-wrap{width:min(100%,520px)}.auth-card,.panel{background:#fffffff0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-card{padding:2rem}.auth-brand,.sidebar-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}.auth-brand span,.sidebar-brand span{display:grid;place-items:center;width:2.5rem;height:2.5rem;color:#fff;background:linear-gradient(135deg,var(--text),var(--primary));border-radius:50%;font-weight:900}.brand-logo-small{width:2.55rem;height:2.55rem;object-fit:cover;border-radius:50%;background:#fff;border:1px solid rgba(255,255,255,.22)}.auth-heading h1,.page-heading h1{margin:0;letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.3rem)}.auth-switch{text-align:center}.auth-switch a{color:var(--primary);font-weight:800}.demo-box{display:grid;gap:.35rem;margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:18px;border:1px solid var(--line)}.form-stack,.form-grid{display:grid;gap:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.25rem}.form-stack label,.form-grid label{display:grid;gap:.45rem;color:var(--text);font-weight:750}.form-stack label span,.form-grid label span{font-size:.9rem}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.88rem 1rem;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #265df21a}.full-field{grid-column:1 / -1}.check-row,.check-card{display:flex!important;align-items:center;gap:.6rem}.check-row input,.check-card input{width:auto}.check-card{padding:1rem;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.form-actions{display:flex;gap:.7rem;flex-wrap:wrap}.section-title{padding-top:.5rem;border-top:1px solid var(--line)}.section-title:first-of-type{border-top:0;padding-top:0}.section-title h2{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.65rem;padding:.75rem 1rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:850;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 24px #265df238}.btn-danger{color:#fff;background:var(--danger)}.btn-ghost{color:var(--text);background:#fff;border-color:var(--line)}.btn-small{min-height:2.1rem;padding:.45rem .7rem;font-size:.85rem}.full{width:100%}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1rem;background:#101828;color:#fff;overflow-y:auto}.sidebar-brand{margin-bottom:2rem}.sidebar-brand small{color:#ffffff9e}.sidebar-nav{display:grid;gap:.45rem}.sidebar-nav a,.sidebar-logout button{width:100%;padding:.85rem 1rem;border-radius:16px;color:#ffffffb8;background:transparent;border:0;text-align:left;font-weight:750}.sidebar-nav a.active,.sidebar-nav a:hover,.sidebar-logout button:hover{color:#fff;background:#ffffff1a}.sidebar-logout{margin-top:1.2rem}.main-area{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#f4f6fbd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.75)}.hamburger{display:none;width:2.7rem;height:2.7rem;border:0;border-radius:50%;background:var(--text)}.hamburger span{display:block;width:1.1rem;height:2px;margin:4px auto;background:#fff;border-radius:999px}.content{padding:1.5rem}.page-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.2rem}.eyebrow{display:inline-flex;width:fit-content;padding:.38rem .68rem;margin-bottom:.8rem;color:var(--primary-dark);background:#eef4ff;border-radius:999px;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.alert{padding:1rem;border-radius:18px;margin-bottom:1rem;border:1px solid}.alert-success{color:#05603a;background:#ecfdf3;border-color:#abefc6}.alert-danger{color:#912018;background:#fef3f2;border-color:#fecdca}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.stats-grid article,.info-card{padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stats-grid span{color:var(--muted)}.stats-grid strong{display:block;margin-top:.3rem;font-size:2rem}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.panel-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem}.panel{padding:1rem}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.7rem}.panel-heading h2{margin:0}.panel-heading a{color:var(--primary);font-weight:850}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:var(--muted);font-size:.82rem}th,td{padding:.9rem;border-bottom:1px solid var(--line);vertical-align:top}td strong{display:block}.empty-row{text-align:center;color:var(--muted);padding:2rem}.actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.inline-form{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.inline-form select,.inline-form input{width:auto;min-width:160px;padding:.55rem .7rem}.payment-form input{max-width:170px}.filter-row{display:flex;gap:.6rem;margin-bottom:1rem}.filter-row select{max-width:260px}.mini-list{display:grid;gap:.75rem}.mini-list div{padding:.9rem;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.pill{display:inline-flex;width:fit-content;padding:.35rem .62rem;border-radius:999px;font-size:.78rem;font-weight:900;background:#f2f4f7;color:#475467}.pill-open,.pill-active,.pill-confirmed,.pill-paid{background:#ecfdf3;color:#027a48}.pill-full,.pill-cancelled,.pill-failed,.pill-inactive{background:#fef3f2;color:#b42318}.pill-waiting_payment,.pill-pending,.pill-waiting_verification,.pill-draft{background:#fffaeb;color:#b54708}.pill-archived,.pill-closed{background:#f2f4f7;color:#475467}.table-thumb{width:76px;height:52px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#f8fafc}.image-empty{display:inline-flex;padding:.45rem .65rem;color:var(--muted);background:#f8fafc;border-radius:999px;border:1px dashed var(--line);font-size:.82rem}.upload-field{display:grid;gap:.8rem;padding:1rem;border:1px dashed #cfd6e4;border-radius:18px;background:#f8fafc}.upload-preview{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.upload-preview img{width:min(100%,240px);max-height:170px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#fff}.logo-preview img{width:90px;height:90px;border-radius:50%;object-fit:cover}.qris-preview img{width:220px;max-height:280px;object-fit:contain;background:#fff}.payment-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:1rem;align-items:start}.payment-summary{position:sticky;top:5.5rem}.summary-list{display:grid;gap:.8rem}.summary-list div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.summary-list span{color:var(--muted)}.summary-list.compact div{display:grid;gap:.25rem}.payment-instruction,.upload-proof-panel{grid-column:2}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.payment-method-card{padding:1rem;border:1px solid var(--line);border-radius:18px;background:#f8fafc}.payment-method-card h3{margin-top:0}.qris-image{width:100%;max-height:320px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid var(--line)}.current-proof{display:grid;gap:.35rem;margin-bottom:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#1018288c}.modal-backdrop[hidden]{display:none!important}.modal-open{overflow:hidden}.confirm-modal{width:min(100%,420px);padding:1.4rem;background:#fff;border-radius:24px;box-shadow:var(--shadow)}.confirm-modal h2{margin:0 0 .5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.pagination{margin-top:1rem}@media(prefers-reduced-motion:no-preference){.panel,.stats-grid article,.page-heading,.auth-card{animation:fadeLift .45s ease both}}@keyframes fadeLift{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:min(86vw,300px);transform:translate(-105%);transition:transform .2s ease}.sidebar-open .sidebar{transform:translate(0)}.hamburger{display:block}.panel-grid,.stats-grid,.form-grid,.info-grid,.payment-layout,.payment-method-grid{grid-template-columns:1fr}.payment-instruction,.upload-proof-panel{grid-column:auto}.payment-summary{position:static}.page-heading{display:grid}}@media(max-width:640px){.content,.topbar{padding:1rem}.topbar .btn-ghost{display:none}.auth-card{padding:1.2rem}.stats-grid strong{font-size:1.55rem}.inline-form select,.inline-form input{width:100%}.summary-list div{display:grid}}