:root{color-scheme:light;font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#150034;background:#fff;--brand-primary: #2d005d;--brand-primary-2: #30006f;--brand-primary-3: #26006a;--brand-purple: #8b6aa8;--brand-purple-deep: #6f3b92;--brand-pink: #b01863;--brand-pink-hot: #ff3153;--brand-pink-soft: #fdeaf3;--brand-pink-softer: #fff5f8;--brand-peach: #ffe0c6;--gradient-primary: linear-gradient(135deg, #8b6aa8 0%, #30006f 42%, #26006a 68%, #a91562 100%);--gradient-brand: linear-gradient(135deg, #8c6aa8 0%, #30006f 52%, #b01863 100%);--gradient-campaign: linear-gradient(135deg, #6f3b92 0%, #2d005d 48%, #a31463 100%);--gradient-status: linear-gradient(90deg, #ff3154 0%, #a31463 52%, #2d005d 100%);--gradient-page: linear-gradient(115deg, #fff7fa 0%, #fdeaf3 45%, #fffdfd 100%);--gradient-sidebar: linear-gradient(180deg, #2d005d 0%, #30006f 46%, #a91562 100%);--gradient-warm: linear-gradient(135deg, #ffe0c6 0%, #ffffff 100%);--page-bg: #fffdfd;--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--surface-tinted: #fff7fa;--surface-alt: #f8f2fb;--text: #150034;--text-strong: #0f0920;--muted: #6f6678;--muted-soft: #9b92a5;--border: rgba(45, 0, 93, .12);--border-strong: rgba(45, 0, 93, .2);--focus: rgba(255, 49, 83, .34);--success: #1f9d5a;--success-bg: #e6f7ed;--warning: #b7791f;--warning-bg: #fff3d8;--danger: #d92d4b;--danger-bg: #ffe8ee;--pending: #7c3aed;--pending-bg: #f0e6ff;--info: #2d5bd1;--info-bg: #e8efff;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--shadow-sm: 0 6px 18px rgba(45, 0, 93, .08);--shadow-card: 0 18px 44px rgba(45, 0, 93, .12);--shadow-glow: 0 18px 36px rgba(176, 24, 99, .18);--transition: .18s ease}*{box-sizing:border-box}html,#root{min-width:320px;min-height:100%;background:radial-gradient(circle at 84% 0%,rgba(255,232,236,.95),transparent 34%),radial-gradient(circle at 12% 0%,rgba(240,230,255,.95),transparent 32%),var(--gradient-page)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 84% 8%,rgba(255,232,236,.9),transparent 32%),radial-gradient(circle at 12% 2%,rgba(240,230,255,.9),transparent 30%),var(--gradient-page);color:var(--text);font-size:15px;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffffff38,#fdeaf32e),radial-gradient(circle at 90% 85%,rgba(255,49,83,.08),transparent 24%);z-index:-1}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h2{margin-bottom:4px;color:var(--text-strong);font-size:clamp(1.35rem,1.1rem + .8vw,2rem);line-height:1.15;font-weight:700;letter-spacing:0}h3{color:var(--text-strong);font-size:1rem;font-weight:700}.app{display:grid;grid-template-columns:minmax(252px,300px) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 20% 0%,rgba(255,49,83,.25),transparent 28%),var(--gradient-sidebar);color:#fff;box-shadow:22px 0 56px #2d005d33;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:10px;font-size:1.25rem;font-weight:700;letter-spacing:0}.brand-mark,.nav-icon{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-md);font-weight:700}.brand-mark{width:42px;height:42px;background:#fff;color:var(--brand-primary);box-shadow:0 14px 30px #0000002e}.brand-copy{display:grid;line-height:1.1}.brand-copy small{color:#ffffffb8;font-size:.75rem;font-weight:500}.nav{display:grid;gap:8px}.nav button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:46px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff0f;color:#ffffffd1;font-weight:600;padding:11px 12px;text-align:left;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.nav button:before{content:"";position:absolute;left:-8px;width:4px;height:22px;border-radius:var(--radius-pill);background:transparent;transition:background var(--transition)}.nav button.active,.nav button:hover{border-color:#ffffff57;background:#ffffff29;color:#fff;transform:translate(2px)}.nav button.active{background:linear-gradient(135deg,#fffffffa,#ffe8ecf2);color:var(--brand-primary);box-shadow:0 16px 28px #0000002e}.nav button.active:before{background:#ff3153}.nav button.sign-out{margin-top:14px;color:#ffffffc2}.nav-icon{width:26px;height:26px;background:#ffffff24;color:inherit;font-size:.74rem}.nav button.active .nav-icon{background:var(--gradient-status);color:#fff}.main{min-width:0;padding:32px;animation:page-in .22s ease both}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px}.card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);padding:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--gradient-campaign);opacity:.78}.card:hover{transform:translateY(-3px);border-color:#ff31533d;box-shadow:var(--shadow-card),var(--shadow-glow)}.stat-card{display:grid;min-height:148px;align-content:space-between;background:linear-gradient(180deg,#fffffff2,#fff7faf0),var(--surface-solid)}.stat-card:after{content:"";position:absolute;right:-38px;bottom:-42px;width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#8b6aa824,#ff315324)}.stat-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;font-weight:700;box-shadow:0 12px 24px #2d005d33}.card h3{margin:0 0 8px;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.card .value{color:var(--text-strong);font-size:clamp(1.8rem,1.5rem + 1vw,2.55rem);line-height:1;font-weight:700}.table-shell{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:.92rem}.table th,.table td{padding:14px 16px;border-bottom:1px solid rgba(45,0,93,.08);text-align:left;vertical-align:middle}.table th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,#fff7fa,#f8f2fb);color:var(--brand-primary);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:#fff7fa}.dashboard-activity-table{table-layout:fixed;min-width:960px}.dashboard-activity-table td,.dashboard-activity-table th{overflow-wrap:anywhere;word-break:break-word}.activity-action-col{width:20%}.activity-table-col{width:13%}.activity-record-col{width:23%}.activity-admin-col{width:20%}.activity-time-col{width:24%}.dashboard-activity-table .mono{max-width:100%;white-space:normal;overflow-wrap:anywhere}.time-cell{min-width:190px;white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:30px 16px}.badge{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 11px;border:1px solid rgba(45,0,93,.1);border-radius:var(--radius-pill);background:var(--pending-bg);color:var(--pending);font-size:.78rem;font-weight:700;line-height:1;text-transform:capitalize}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.success,.badge.active,.badge.approved,.badge.accepted,.badge.completed,.badge.captured,.badge.authorized{background:var(--success-bg);color:var(--success)}.badge.warning,.badge.pending,.badge.requested,.badge.in-progress,.badge.draft{background:var(--warning-bg);color:var(--warning)}.badge.error,.badge.danger,.badge.rejected,.badge.failed,.badge.cancelled,.badge.blocked,.badge.hidden,.badge.refunded{background:var(--danger-bg);color:var(--danger)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:#fff;color:var(--brand-primary);box-shadow:var(--shadow-sm);cursor:pointer;font-weight:700;padding:9px 15px;white-space:nowrap;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition),border-color var(--transition),background var(--transition)}.button:hover:not(:disabled){transform:translateY(-2px);border-color:#ff315347;box-shadow:0 12px 24px #2d005d24}.button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.button.approve{border-color:transparent;background:var(--gradient-primary);color:#fff;box-shadow:0 12px 26px #2d005d33}.button.reject{border-color:#ff31533d;background:#fff1f5;color:var(--danger)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-toolbar{margin-bottom:16px}.input,textarea{width:auto;min-width:220px;min-height:42px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffe6;color:var(--text);padding:10px 13px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input::placeholder,textarea::placeholder{color:var(--muted-soft)}.input:focus,textarea:focus,button:focus-visible,select:focus-visible{border-color:var(--brand-pink-hot);box-shadow:0 0 0 4px var(--focus)}.input.compact{min-width:150px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--brand-primary) 50%),linear-gradient(135deg,var(--brand-primary) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:center;margin-bottom:20px;padding:16px;border:1px solid rgba(45,0,93,.08);border-radius:var(--radius-lg);background:var(--surface-tinted)}.form-grid .input,.form-grid textarea,.form-grid select,.form-grid .toolbar{width:100%;min-width:0}.form-grid .checkbox{min-width:max-content;padding-inline:8px}.form-grid .toolbar .button{width:auto}.checkbox{display:inline-flex;align-items:center;gap:10px;min-height:42px;color:var(--text);font-weight:600}.checkbox input{width:18px;height:18px;accent-color:var(--brand-pink-hot)}.muted{color:var(--muted);margin:4px 0 0}.notice{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:16px;background:var(--surface-tinted);color:var(--text);font-weight:600}.notice.error{border-color:#d92d4b47;background:var(--danger-bg);color:var(--danger)}.stack{display:grid;gap:18px}.login{position:relative;max-width:430px;margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:30px;background:var(--surface);box-shadow:var(--shadow-card),var(--shadow-glow);padding:28px}body:has(.login){display:grid;min-height:100vh;align-content:start;padding-top:min(12vh,96px);background:radial-gradient(circle at 84% 0%,rgba(255,232,236,.95),transparent 34%),radial-gradient(circle at 12% 0%,rgba(240,230,255,.95),transparent 32%),var(--gradient-page)}.login:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--gradient-primary)}.login h2{margin-bottom:20px;color:var(--text-strong)}.login .toolbar{display:grid}.login .input,.login .button{width:100%}.login p{margin:14px 0 0;color:var(--danger);font-weight:600}.mono{display:inline-block;max-width:22ch;overflow:hidden;color:#3b2f4d;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem;text-overflow:ellipsis;vertical-align:bottom}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media (max-width: 1100px){.app{grid-template-columns:240px minmax(0,1fr)}.main{padding:24px}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.brand{margin-bottom:14px}.nav{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.nav button{min-height:42px}.main{padding:18px}.header{display:grid}.toolbar,.form-grid{align-items:stretch}.input,.input.compact,.button{width:100%;min-width:0}}@media (max-width: 520px){body{font-size:14px}.main{padding:14px}.card{border-radius:var(--radius-lg);padding:16px}.card-grid,.nav{grid-template-columns:1fr}.brand-copy small{display:none}.login{margin:24px 14px}}