:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#080710;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(244,63,94,.15) 0%,transparent 40%),#050409}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;margin:0}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0d0b1a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000004d}.brand-section{display:flex;align-items:center;gap:.75rem}.logo-glow{font-size:1.75rem;text-shadow:0 0 10px rgba(236,72,153,.5)}.app-title{font-size:1.35rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#a78bfa,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-subtitle{font-size:.7rem;color:#71717a;margin-top:-2px}.tab-nav{display:flex;background:#ffffff08;padding:.25rem;border-radius:9999px;border:1px solid rgba(255,255,255,.05)}.tab-btn{background:transparent;border:none;color:#a1a1aa;padding:.5rem 1.25rem;border-radius:9999px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.8rem;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.status-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#c084fc}.dashboard-container{max-width:80rem;width:100%;margin:2.5rem auto;padding:0 1.5rem;box-sizing:border-box;display:grid;grid-template-columns:1fr;gap:2rem;flex:1}@media (min-width: 1024px){.dashboard-container{grid-template-columns:1fr 2fr}}.dashboard-column{display:flex;flex-direction:column;gap:2rem}.glow-card{background:#12101cbf;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 35px #0006;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glow-card:hover{border-color:#8b5cf640;box-shadow:0 10px 35px #8b5cf614}.card-title{font-size:1.15rem;font-weight:700;color:#f4f4f5;display:flex;align-items:center;gap:.5rem}.card-subtitle{font-size:.75rem;color:#71717a;margin-top:2px;margin-bottom:1.25rem}.balance-card{background:linear-gradient(135deg,#581c8766,#0d0b1abf);border-color:#a855f726}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.5rem}.balance-val{font-size:1.85rem;font-weight:700;color:#f43f5e;letter-spacing:-.03em;margin-top:.25rem;text-shadow:0 0 10px rgba(244,63,94,.2)}.text-violet{color:#c084fc;text-shadow:0 0 10px rgba(168,85,247,.2)}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.input-label{font-size:.75rem;color:#a1a1aa;font-weight:500}.input-field,.select-field{background:#18181b99;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f4f4f5;padding:.65rem .85rem;outline:none;font-family:inherit;font-size:.85rem;transition:all .2s ease;box-sizing:border-box}.input-field:focus,.select-field:focus{border-color:#a78bfa;box-shadow:0 0 8px #a78bfa33}.action-btn{font-family:inherit;font-weight:600;font-size:.85rem;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;transition:transform .1s ease,filter .2s ease;border:none;outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 15px #8b5cf633}.action-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.1);color:#d4d4d8}.action-btn.outline:hover{background:#ffffff0a;border-color:#fff3}.action-btn:active{transform:scale(.98)}.alert-banner{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:12px;font-size:.85rem}.alert-banner.success{background:#10b98114;border:1px solid rgba(16,185,129,.15);color:#34d399}.alert-banner.error{background:#f43f5e14;border:1px solid rgba(244,63,94,.15);color:#fb7185}.list-container{display:flex;flex-direction:column;gap:1rem}.list-item{border:1px solid rgba(255,255,255,.05);background:#ffffff03;border-radius:12px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media (min-width: 768px){.list-item{flex-direction:row;align-items:center}}.item-info{display:flex;flex-direction:column;gap:.2rem}.item-title-row{display:flex;align-items:center;gap:.5rem}.item-title{font-weight:700;font-size:1.05rem;color:#f4f4f5}.item-badge{font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.15rem .5rem;border-radius:9999px;text-transform:uppercase;background:#22d3ee14;border:1px solid rgba(34,211,238,.15);color:#22d3ee}.item-badge.active{background:#10b98114;border:1px solid rgba(16,185,129,.15);color:#34d399}.item-badge.canceled{background:#f43f5e14;border:1px solid rgba(244,63,94,.15);color:#fb7185}.item-desc{font-size:.8rem;color:#a1a1aa}.item-desc span{color:#e4e4e7}.item-actions{display:flex;gap:.5rem}.action-sm-btn{font-family:inherit;font-weight:600;font-size:.75rem;padding:.45rem .85rem;border-radius:6px;cursor:pointer;border:none;transition:opacity .2s ease}.action-sm-btn.success{background:#059669;color:#fff}.action-sm-btn.danger{background:#f43f5e26;border:1px solid rgba(244,63,94,.2);color:#fb7185}.action-sm-btn:hover{opacity:.9}.table-wrapper{border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;background:#0d0b1a33}.audit-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.audit-table th{background:#12101cb3;padding:.75rem 1rem;font-size:.7rem;text-transform:uppercase;color:#71717a;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.audit-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.02)}.audit-table tr:last-child td{border-bottom:none}.log-action{color:#e4e4e7;font-weight:500}.log-amount{color:#f4f4f5;font-family:monospace}.log-meta{color:#71717a}.log-time{color:#3f3f46}.text-right{text-align:right}.empty-state{text-align:center;color:#3f3f46;padding:2rem;font-size:.85rem}.app-footer{margin-top:auto;padding:2rem;background:#0d0b1a66;border-top:1px solid rgba(255,255,255,.02);display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#3f3f46}p{margin:0}