:root{--bg-0:#ecf2ff;--bg-1:#d7f2ff;--surface:#fff;--surface-soft:#f7f9ff;--ink:#111827;--ink-soft:#5b6475;--line:#dbe3f1;--navy:#132a63;--teal:#0c9fb0;--lime:#43b75d;--amber:#ff9f1c;--red:#e74c3c;--radius-lg:20px;--radius-md:14px;--shadow-xl:0 18px 40px #102a5a1f;--shadow-card:0 8px 24px #1118270f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(1400px 500px at 12% -15%, #b7d4ff 0%, transparent 52%), radial-gradient(1200px 550px at 95% -18%, #aaeaf7 0%, transparent 52%), linear-gradient(180deg, var(--bg-0) 0%, #edf7ff 100%);margin:0;font-family:IBM Plex Sans,sans-serif}.admin-shell{grid-template-columns:290px 1fr;gap:1rem;min-height:100vh;padding:1rem;display:grid}.admin-nav{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:#ebf1ff;background:linear-gradient(#10214f 0%,#0a1638 100%);flex-direction:column;height:calc(100vh - 2rem);padding:1.4rem;display:flex;position:sticky;top:1rem;overflow:auto}.nav-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:15;background:#050c207a;display:none;position:fixed;inset:0}.brand{align-items:center;gap:.8rem;margin-bottom:1.8rem;display:flex}.brand-badge{color:#082038;background:linear-gradient(135deg,#59dbf1,#1bc9d6);border-radius:12px;place-items:center;width:40px;height:40px;font-family:Sora,sans-serif;font-weight:700;display:grid}.brand h1{letter-spacing:.02em;margin:0;font-family:Sora,sans-serif;font-size:1.05rem;line-height:1.1}.brand p{color:#b5c7f0;margin:.15rem 0 0;font-size:.78rem}.menu{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.menu a{color:#d7e4ff;border-radius:11px;align-items:center;gap:.65rem;padding:.72rem .8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu a:hover,.menu a.is-active{color:#fff;background:linear-gradient(90deg,#59dbf12e,#3583ff26);transform:translate(4px)}.user-card{background:#223f8259;border:1px solid #a0bcff40;border-radius:14px;align-items:center;gap:.7rem;margin-top:auto;padding:.85rem;display:flex}.user-avatar{color:#082038;background:linear-gradient(135deg,#8ce6f7,#58bbff);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-family:Sora,sans-serif;font-weight:700;display:grid}.user-meta strong{color:#f0f5ff;font-size:.86rem;line-height:1.2;display:block}.user-meta span{color:#bfd0f3;word-break:break-word;margin-top:.2rem;font-size:.75rem;line-height:1.2;display:block}.user-info{flex:1;min-width:0}.user-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.55rem;display:flex}.user-action-btn{color:#deebff;cursor:pointer;background:#19316699;border:1px solid #aac4ff4d;border-radius:999px;padding:.28rem .65rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s}.user-action-btn:hover{color:#fff;background:#3258a8a6}.main{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-xl);background:#ffffffb8;border:1px solid #eef3ff;min-height:calc(100vh - 2rem);overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#fff 0%,#f7fbff 100%);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex}.topbar h2{letter-spacing:-.015em;margin:0;font-family:Sora,sans-serif;font-size:1.15rem}.topbar p{color:var(--ink-soft);margin:.25rem 0 0;font-size:.9rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.btn{cursor:pointer;border:0;border-radius:11px;padding:.62rem .86rem;font-family:inherit;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#1849ca,#1e84ff);box-shadow:0 8px 18px #1849ca47}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 20px #1849ca54}.btn-soft{color:var(--navy);background:#eaf0ff}.content{gap:1rem;padding:1.4rem;display:grid}.admin-footer{border-top:1px solid var(--line);background:linear-gradient(#fcfdff 0%,#f4f8ff 100%);justify-content:space-between;align-items:center;gap:.9rem;padding:.95rem 1.4rem 1.15rem;display:flex}.admin-footer p{color:var(--ink-soft);margin:0;font-size:.82rem}.admin-footer-links{align-items:center;gap:.85rem;display:flex}.admin-footer-links a{color:var(--navy);opacity:.86;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s}.admin-footer-links a:hover{opacity:1}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #ebeff8}.card-header{justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1rem .6rem;display:flex}.card-header h3{margin:0;font-family:Sora,sans-serif;font-size:.98rem}.card-header p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.85rem}.badge,.cobr-badge,.show-badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}.badge.paid,.cobr-badge.paid,.show-badge.paid{color:#1d8d42;background:#e8f9ee}.badge.pending,.cobr-badge.pending,.show-badge.pending{color:#b86e00;background:#fff5e4}.badge.overdue,.cobr-badge.overdue,.show-badge.overdue{color:#c0392b;background:#fff0f0}.badge.failed,.cobr-badge.failed,.show-badge.failed{color:#6c757d;background:#f0f0f5}.alert-success{color:#166534;background:linear-gradient(90deg,#e8f9ee,#f0fdf4);border:1px solid #b8e6c8;border-radius:12px;padding:.75rem 1rem;font-size:.88rem;font-weight:600;animation:.35s rise}.alert-error{color:#991b1b;background:linear-gradient(90deg,#fff0f0,#fef2f2);border:1px solid #f5c6cb;border-radius:12px;padding:.75rem 1rem;font-size:.88rem;font-weight:600;animation:.35s rise}.btn-back{align-items:center;text-decoration:none;display:inline-flex}.mobile-toggle{color:var(--navy);cursor:pointer;background:#eaf0ff;border:0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding:.55rem;font-weight:700;display:none}.hamburger{gap:4px;width:18px;display:inline-grid}.hamburger span{background:currentColor;border-radius:99px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-open .hamburger span:first-child{transform:translateY(6px)rotate(45deg)}.nav-open .hamburger span:nth-child(2){opacity:0}.nav-open .hamburger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}[data-fade]{opacity:0;animation:.45s forwards rise;transform:translateY(8px)}[data-fade="2"]{animation-delay:80ms}[data-fade="3"]{animation-delay:.16s}[data-fade="4"]{animation-delay:.24s}[data-fade="5"]{animation-delay:.32s}@media (width<=1024px){.admin-shell{grid-template-columns:1fr}.admin-nav{z-index:20;border-radius:0;width:min(85vw,320px);height:100vh;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.admin-nav.is-open{transform:translate(0)}.main{min-height:calc(100vh - 2rem)}.mobile-toggle{display:inline-flex}.nav-overlay.is-open{display:block}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.admin-footer{flex-direction:column;align-items:flex-start}.admin-footer-links{flex-wrap:wrap}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}