@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-color:#17140f;--panel-bg:#28211a99;--panel-border:#f5ebdc14;--glass-highlight:#fffaf505;--primary-glow:linear-gradient(135deg, #10b981 0%, #34d399 100%);--secondary-glow:linear-gradient(135deg, #f0a93b 0%, #e0822f 100%);--text-main:#f7f3ec;--text-muted:#a8a29e;--text-dark:#6b6258;--status-success:#10b981;--status-pending:#fbbf24;--status-failed:#f97316;--status-suspended:#ef4444;--accent-color:#10b981;--accent-light:#f0a93b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:20%}body:after{content:"";z-index:-1;filter:blur(100px);pointer-events:none;background:radial-gradient(circle,#f0a93b14 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:10%;right:15%}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif}.dashboard-wrapper{z-index:10;max-width:1440px;margin:0 auto;padding:2.5rem 2rem;position:relative}.dashboard-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.brand-section{align-items:center;gap:1rem;display:flex}.brand-icon{background:var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 20px #10b9814d}.brand-icon svg{color:#fff;width:26px;height:26px}.brand-title h1{background:linear-gradient(135deg,#fff 30%,#e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:800}.brand-title p{color:var(--text-muted);font-size:.85rem;font-weight:500}.status-badge-header{color:var(--accent-light);background:#a855f71a;border:1px solid #a855f733;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;display:flex}.status-badge-header:before{content:"";background-color:var(--status-success);width:8px;height:8px;box-shadow:0 0 10px var(--status-success);border-radius:50%}.cards-grid{grid-template-columns:repeat(12,1fr);gap:2rem;margin-bottom:2.5rem;display:grid}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:20px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.glass-panel:before{content:"";background:linear-gradient(180deg, var(--glass-highlight) 0%, #fff0 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel:hover{border-color:#ffffff1a}.panel-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.panel-header svg{color:var(--accent-light);width:22px;height:22px}.panel-header h2{color:var(--text-main);font-size:1.25rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--panel-border);width:100%;color:var(--text-main);background:#0f172a99;border-radius:10px;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--accent-color);background:#0f172acc;outline:none;box-shadow:0 0 10px #a855f740}.form-input::placeholder{color:var(--text-dark)}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}select.form-input option{color:var(--text-main);background:#1e1a15}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-glow);color:#fff;box-shadow:0 4px 15px #a855f74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f773}.btn-secondary{color:var(--text-main);border:1px solid var(--panel-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef444433}.btn-danger:hover{background:#ef444440;border-color:#ef444466}.alert-box{border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.alert-success{color:#a7f3d0;background:#10b9811a;border:1px solid #10b98133}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.code-card{border:1px solid var(--panel-border);color:var(--accent-light);background:#080b1199;border-radius:10px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.85rem;display:flex}.copy-btn{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.copy-btn:hover{color:#fff;background:#ffffff1a}.mapping-table{border-collapse:collapse;width:100%;margin-top:1rem}.mapping-table th,.mapping-table td{text-align:left;border-bottom:1px solid var(--panel-border);padding:1rem;font-size:.9rem}.mapping-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.mapping-table td{color:var(--text-main);font-family:Courier New,Courier,monospace}.mapping-table tr:last-child td{border-bottom:none}.trash-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;transition:color .2s}.trash-btn:hover{color:var(--status-suspended)}.badge{text-transform:uppercase;border-radius:99px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--status-success);background:#10b98126;border:1px solid #10b98133}.badge-pending{color:var(--status-pending);background:#f59e0b26;border:1px solid #f59e0b33}.badge-retry{color:var(--status-failed);background:#f9731626;border:1px solid #f9731633}.badge-suspended{color:var(--status-suspended);background:#ef444426;border:1px solid #ef444433}.retry-action-btn{color:var(--accent-light);cursor:pointer;background:#a855f71a;border:1px solid #a855f733;border-radius:6px;padding:.35rem .75rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s}.retry-action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.drawer-toggle{text-align:center;color:var(--text-dark);cursor:pointer;margin-top:1.5rem;font-size:.85rem;font-weight:600;text-decoration:underline;display:block}.drawer-toggle:hover{color:var(--text-muted)}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.col-6{grid-column:span 12}}