:root{--bg-1: #f7f2e9;--bg-2: #edf4ff;--surface: rgba(255, 255, 255, .6);--surface-strong: rgba(255, 255, 255, .96);--text: #1b1a17;--muted: #6d6a63;--accent: #ff6b3d;--accent-2: #2f8d8f;--accent-3: #f1b649;--border: rgba(27, 26, 23, .12);--shadow: 0 24px 60px rgba(44, 34, 18, .12);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg-1),var(--bg-2));min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(0px);opacity:.35;z-index:0;animation:drift 18s ease-in-out infinite alternate}body:before{background:radial-gradient(circle,#ffd6b0,#ffd6b000 70%);top:-120px;right:-140px}body:after{background:radial-gradient(circle,#b6d9e8,#b6d9e800 70%);bottom:-160px;left:-80px;animation-delay:2s}@keyframes drift{0%{transform:translateY(0) translate(0)}to{transform:translateY(30px) translate(-20px)}}#root{position:relative;z-index:1}.shell{max-width:1200px;margin:0 auto;padding:48px 24px 80px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;margin-top:32px}.hero-text h1{font-size:clamp(2.4rem,3vw,3.4rem);margin:0 0 16px}.lead{font-size:1.1rem;color:var(--muted);max-width:520px;line-height:1.6}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent-2);font-weight:600;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:24px;animation:floatIn .7s ease both;animation-delay:var(--delay, 0ms);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card.login{display:grid;gap:16px}.card.login h2{margin:0}.card.login label{display:grid;gap:12px;font-weight:600}.card.login label input{width:100%}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h2{margin:0 0 6px;font-size:1.2rem}.card-head p{margin:0;color:var(--muted);font-size:.95rem}.card-body{display:grid;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.topbar h1{margin:6px 0 4px;font-size:clamp(1.8rem,2.4vw,2.4rem)}.topbar-actions{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-12{grid-column:span 12}.form{display:grid;gap:12px}.admin-user-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.admin-user-form>*{position:relative}.admin-user-form input:not([type=checkbox]){flex:1 1 180px;min-width:160px}.admin-user-form .checkbox,.admin-user-form button{flex:0 0 auto}.admin-user-form .checkbox{white-space:nowrap}.admin-user-form .checkbox input{margin:0}.admin>*+*{position:relative}.admin>*+*:before{content:"";position:absolute;left:0;right:0;top:-8px;height:1px;background:var(--border);opacity:.6}@media (min-width: 900px){.admin-user-form>*:not(:last-child):after{content:"";position:absolute;right:-6px;top:18%;bottom:18%;width:1px;background:var(--border);opacity:.6}}input,textarea,select{border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 14px;font-size:.95rem;font-family:inherit;background:var(--surface-strong)}textarea{min-height:80px;resize:vertical}button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#1a1712;box-shadow:0 10px 24px #f1b6494d}button.primary:hover{transform:translateY(-1px)}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.ghost.danger{color:#b33a2e;border-color:#b33a2e66}.list{display:grid;gap:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.page-info{font-size:.85rem;color:var(--muted)}.page-actions{display:flex;gap:8px}.page-button{padding:8px 14px;font-size:.85rem}.account-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-meta{display:grid;gap:6px}.account-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.token-expiry{font-size:.85rem;color:var(--muted)}.token-expiry-soon{color:#b36b00;font-weight:600}.token-expiry-expired{color:#b33a2e;font-weight:600}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-strong)}.list-item strong{display:block;margin-bottom:4px}.mono{font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;color:var(--muted)}.group{border-radius:var(--radius-md);padding:12px 14px;background:var(--surface-strong)}.group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.group-meta{display:flex;align-items:center;gap:10px}.group-balance{font-size:.85rem;color:var(--muted);font-weight:600}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent-2)}.amount{font-weight:600;font-variant-numeric:tabular-nums}.meta{font-size:.85rem;color:var(--muted)}.pill{border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pill-success{background:#2ea75a24;color:#2b6f41}.pill-warning{background:#ffb0002e;color:#8c5a00}.pill-danger{background:#c6404029;color:#7f2323}.pill-neutral{background:#2f8d8f29;color:#1f595a}.status-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;font-weight:700}.status-icon-success{background:#2ea75a24;color:#2b6f41}.status-icon-warning{background:#ffb0002e;color:#8c5a00}.deal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;background:#ffffffe6;border:1px solid rgba(27,26,23,.08);border-radius:var(--radius-md)}.deal-main{display:grid;gap:6px;min-width:0}.deal-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deal-confirmed{background:linear-gradient(135deg,#2ea75a1f,#ffffffe0);border-color:#2ea75a38}.deal-pending{background:linear-gradient(135deg,#ffb0001f,#ffffffe0);border-color:#ffb0003d}.deal-canceled{background:linear-gradient(135deg,#c640401f,#ffffffe0);border-color:#c6404038}.deal-right{text-align:right;display:grid;gap:6px;justify-items:end}.admin{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);display:grid;gap:16px}.admin-stack{display:grid;gap:24px}.admin-head{display:flex;justify-content:space-between;align-items:center}.onetips-item{align-items:flex-start;flex-wrap:wrap}.onetips-details{display:grid;gap:4px;flex:1 1 320px}.onetips-actions select{min-width:180px}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.admin-metrics div{background:var(--surface-strong);border-radius:var(--radius-md);padding:10px 12px;display:grid;gap:4px}.admin-metrics span{font-size:.8rem;color:var(--muted)}.admin-table{display:grid;gap:10px}.admin-row{display:grid;grid-template-columns:1fr 120px 120px 160px 1fr;gap:12px;align-items:center;padding:10px 12px;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md)}.admin-headings{font-weight:600;background:transparent;padding:0 6px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.checkbox{display:flex;gap:8px;align-items:center;font-size:.9rem}.error,.error-banner,.notice,.loading,.warning{padding:12px 16px;border-radius:var(--radius-md)}.error,.error-banner{background:#b33a2e1f;color:#8a2d22}.notice{background:#2f8d8f29;color:#1f595a;margin-bottom:20px}.warning{background:#ffb00029;color:#8c5a00}.error-banner{margin-bottom:20px}.loading{background:var(--surface-strong);text-align:center}.muted{color:var(--muted)}@media (max-width: 1100px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.span-6,.span-5,.span-4,.span-12{grid-column:span 6}}@media (max-width: 720px){.shell{padding:36px 16px 60px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.grid{grid-template-columns:1fr}.span-6,.span-5,.span-4,.span-12{grid-column:span 1}.pagination{flex-direction:column;align-items:flex-start}.deal{grid-template-columns:1fr;align-items:start}.deal-right{justify-items:start;text-align:left}.admin-row{grid-template-columns:1fr;justify-items:start}.admin-actions{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}