:root{--sidebar:#3b1d12;--sidebar-2:#5c2e1a;--accent:#c2410c;--accent-2:#ea580c;--gold:#f59e0b;--bg:#f7f1e8;--card:#fff;--text:#1c1917;--muted:#78716c;--border:#e7e5e4;--success:#15803d;--warning:#b45309;--danger:#b91c1c;color:var(--text);font-family:Poppins,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.login-page{background:radial-gradient(circle at 100% 0,#f59e0b2e,#0000 40%),linear-gradient(145deg,#fff7ed,#f7f1e8 45%,#ffedd5);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#fff;border:1px solid #c2410c14;border-radius:20px;width:min(420px,100%);padding:2rem;box-shadow:0 24px 60px #3b1d121f}.login-brand{text-align:center;margin-bottom:1.5rem}.login-mark{color:#fff;background:linear-gradient(135deg,#ea580c,#f59e0b);border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto .85rem;font-size:1.2rem;font-weight:700;display:grid}.login-card h1{color:#7c2d12;margin:0;font-family:Georgia,serif;font-size:1.55rem}.login-card .sub{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--sidebar), var(--sidebar-2));color:#fff;flex-direction:column;gap:1rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:.75rem;padding:.35rem .5rem 1rem;display:flex}.sidebar-brand .mark{background:linear-gradient(135deg,#ea580c,#f59e0b);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.sidebar-brand h2{margin:0;font-size:.95rem;line-height:1.3}.sidebar-brand small{opacity:.7;font-size:.72rem}.sidebar nav{flex:1;gap:.3rem;display:grid;overflow:auto}.sidebar a{color:#ffffffd1;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .85rem;font-size:.92rem;font-weight:500;display:flex}.sidebar a .ico{text-align:center;opacity:.9;width:1.35rem}.sidebar a.active,.sidebar a:hover{color:#fff;background:#ffffff1f}.sidebar a.active{box-shadow:inset 3px 0 #fbbf24}.sidebar-foot{opacity:.7;border-top:1px solid #ffffff1f;padding:.75rem .5rem .25rem;font-size:.78rem}.main{flex-direction:column;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10;background:#ffffffc7;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.35rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:.75rem;display:flex}.menu-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;padding:.45rem .7rem;display:none}.user-chip{align-items:center;gap:.75rem;display:flex}.user-chip .meta strong{font-size:.92rem;display:block}.user-chip .meta span{color:var(--muted);text-transform:capitalize;font-size:.78rem}.content{padding:1.35rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem;display:flex}.page-head h1{color:#7c2d12;margin:0;font-family:Georgia,serif;font-size:1.45rem}.page-head p{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.card{background:var(--card);border:1px solid #e7e5e4e6;border-radius:16px;margin-bottom:1rem;padding:1.1rem 1.2rem;box-shadow:0 10px 28px #3b1d120d}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat{position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(#ea580c,#f59e0b);width:4px;position:absolute;inset:0 auto 0 0}.stat strong{color:#7c2d12;margin:.4rem 0 .15rem;font-size:1.45rem;display:block}.stat span{color:var(--muted);font-size:.85rem}.stat-label{color:var(--muted);font-size:.85rem;font-weight:500}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #f5f5f4;padding:.8rem .55rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}label{color:#44403c;gap:.35rem;margin-bottom:.85rem;font-size:.9rem;font-weight:500;display:grid}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:.65rem .8rem}input:focus,select:focus,textarea:focus{border-color:#fb923c;outline:2px solid #ea580c33}.btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ea580c,#f59e0b);border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-weight:600;display:inline-flex}.btn:hover{opacity:.94}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{color:var(--accent);background:#fff;border:1px solid #fdba74}.btn.danger{background:var(--danger)}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem;display:grid}.filters{grid-template-columns:1.4fr repeat(4,minmax(120px,.8fr)) auto;align-items:end;gap:.75rem;display:grid}.filters .field{gap:.3rem;display:grid}.filters .field span{color:var(--muted);font-size:.78rem;font-weight:600}.badge{text-transform:capitalize;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.paid{color:#166534;background:#dcfce7}.badge.created{color:#9a3412;background:#ffedd5}.badge.failed{color:#991b1b;background:#fee2e2}.badge.g80{color:#5b21b6;background:#ede9fe}.muted{color:var(--muted);font-size:.82rem}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.overlay{z-index:20;background:#1c191766;display:none;position:fixed;inset:0}.shell.sidebar-open .overlay{display:block}@media (width<=980px){.shell{grid-template-columns:1fr}.sidebar{z-index:30;width:min(280px,86vw);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%)}.shell.sidebar-open .sidebar{transform:translate(0)}.menu-toggle{display:inline-flex}.filters{grid-template-columns:1fr 1fr}}@media (width<=560px){.filters{grid-template-columns:1fr}.content{padding:1rem}}