@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");.admin-root{--shopee:#ee4d2d;--shopee-dark:#d73211;--shopee-soft:#fff5f2;--sidebar:#1a1a1f;--sidebar-hover:#2a2a32;--surface:#f4f5f7;--card:#ffffff;--text:#1a1a1f;--muted:#6b7280;--border:#e5e7eb;--success:#059669;--warning:#d97706;--danger:#dc2626;font-family:DM Sans,system-ui,sans-serif;background:var(--surface);color:var(--text);min-height:100dvh}.admin-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(238,77,45,.18),transparent),var(--surface)}.admin-login-card{width:100%;max-width:400px;background:var(--card);border-radius:16px;padding:40px 32px;box-shadow:0 4px 24px rgba(0,0,0,.08);border:1px solid var(--border)}.admin-login-logo{width:48px;height:48px;background:var(--shopee);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.admin-login h1{font-size:1.5rem;font-weight:700;margin-bottom:6px}.admin-login p{color:var(--muted);font-size:.9rem;margin-bottom:28px}.admin-layout{display:flex;min-height:100dvh}.admin-sidebar{width:240px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100dvh}.admin-sidebar-brand{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.admin-sidebar-brand-icon{width:36px;height:36px;background:var(--shopee);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.admin-sidebar-brand span{font-weight:700;font-size:.95rem}.admin-nav{padding:16px 12px;flex:1 1;display:flex;flex-direction:column;gap:4px}.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.admin-nav a:hover{background:var(--sidebar-hover);color:#fff}.admin-nav a.active{background:rgba(238,77,45,.2);color:#fff}.admin-sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.08)}.admin-main{flex:1 1;padding:32px;overflow-x:auto}.admin-page-header{margin-bottom:28px}.admin-page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:4px}.admin-page-header p{color:var(--muted);font-size:.95rem}.admin-form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:28px}.admin-form h2{font-size:1rem;font-weight:600;margin-bottom:20px}.admin-field{margin-bottom:16px}.admin-field label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;color:var(--text)}.admin-field input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.admin-field input:focus{outline:none;border-color:var(--shopee);box-shadow:0 0 0 3px rgba(238,77,45,.15)}.admin-field-hint{font-size:.78rem;color:var(--muted);margin-top:4px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:640px){.admin-form-grid{grid-template-columns:1fr}}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:background .15s,transform .1s}.admin-btn:active{transform:scale(.98)}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-btn-primary{background:var(--shopee);color:#fff}.admin-btn-primary:hover:not(:disabled){background:var(--shopee-dark)}.admin-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.admin-btn-secondary:hover:not(:disabled){background:var(--border)}.admin-btn-ghost{background:transparent;color:var(--muted);padding:6px 10px;font-size:.82rem}.admin-btn-ghost:hover{color:var(--text);background:var(--surface)}.admin-btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(220,38,38,.3);padding:6px 12px;font-size:.82rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.admin-stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.admin-stat-card .label{font-size:.8rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.admin-stat-card .value{font-size:2rem;font-weight:700;line-height:1}.admin-stat-card .value.accent{color:var(--shopee)}.admin-stat-card .sub{font-size:.78rem;color:var(--muted);margin-top:6px}.admin-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.admin-table-wrap h2{padding:20px 24px 0;font-size:1rem;font-weight:600}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface)}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{padding:14px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--shopee-soft)}.admin-table .mono{font-family:ui-monospace,monospace;font-size:.82rem}.admin-table .truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.admin-badge-active{background:#d1fae5;color:var(--success)}.admin-badge-inactive{background:#fee2e2;color:var(--danger)}.admin-badge-platform{background:var(--surface);color:var(--text);border:1px solid var(--border)}.admin-badge-bot{background:#fef3c7;color:var(--warning)}.admin-badge-inapp{background:#ede9fe;color:#7c3aed}.admin-chart{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:28px}.admin-chart h2{font-size:1rem;font-weight:600;margin-bottom:20px}.admin-chart-bars{display:flex;align-items:flex-end;gap:6px;height:160px;padding-top:8px}.admin-chart-bar-group{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.admin-chart-bar-stack{width:100%;max-width:40px;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden;min-height:4px}.admin-chart-bar-real{background:var(--shopee);width:100%}.admin-chart-bar-inapp{background:#7c3aed;width:100%}.admin-chart-label{font-size:.65rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.admin-chart-legend{display:flex;gap:16px;margin-top:16px;font-size:.8rem;color:var(--muted)}.admin-chart-legend span{display:flex;align-items:center;gap:6px}.admin-chart-legend i{width:12px;height:12px;border-radius:2px;display:inline-block}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;align-items:center}.admin-filters select{padding:8px 12px;border:1px solid var(--border);font-family:inherit;background:var(--card)}.admin-alert,.admin-filters select{border-radius:8px;font-size:.875rem}.admin-alert{padding:12px 16px;margin-bottom:16px}.admin-alert-error{background:#fee2e2;color:var(--danger);border:1px solid #fecaca}.admin-alert-success{background:#d1fae5;color:var(--success);border:1px solid #a7f3d0}.admin-copy-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.78rem;cursor:pointer;font-family:inherit;color:var(--muted);transition:all .15s}.admin-copy-btn:hover{border-color:var(--shopee);color:var(--shopee)}.admin-copy-btn.copied{border-color:var(--success);color:var(--success)}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap}.admin-sidebar-brand{flex:1 1}.admin-nav{flex-direction:row;padding:8px 12px;width:100%;overflow-x:auto}.admin-sidebar-footer{display:none}.admin-main{padding:20px 16px}.admin-table-wrap{overflow-x:auto}}.admin-empty{padding:48px 24px}.admin-empty,.admin-loading{text-align:center;color:var(--muted)}.admin-loading{padding:48px}.admin-toggle{position:relative;width:40px;height:22px;background:var(--border);border-radius:999px;border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.admin-toggle.on{background:var(--shopee)}.admin-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.admin-toggle.on:after{transform:translateX(18px)}.admin-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:admin-fade-in .2s ease}@keyframes admin-fade-in{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--card);border-radius:16px;width:100%;max-width:520px;padding:32px 28px 28px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:admin-slide-up .25s ease}@keyframes admin-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.admin-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px}.admin-modal-close:hover{background:var(--surface);color:var(--text)}.admin-modal-icon{width:48px;height:48px;background:#d1fae5;color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-bottom:16px}.admin-modal-title{font-size:1.35rem;font-weight:700;margin-bottom:4px}.admin-modal-subtitle{color:var(--muted);font-size:.9rem;margin-bottom:24px}.admin-modal-link-box{background:var(--shopee-soft);border:1px solid rgba(238,77,45,.2);border-radius:12px;padding:16px;margin-bottom:20px}.admin-modal-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.admin-modal-link-row{margin-bottom:12px}.admin-modal-link{display:block;font-size:.9rem;word-break:break-all;color:var(--shopee-dark);background:#fff;padding:10px 12px;border-radius:8px;border:1px solid var(--border)}.admin-modal-copy{width:100%}.admin-modal-copy.copied{background:var(--success)}.admin-modal-details{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.admin-modal-detail{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.admin-modal-detail code{font-family:ui-monospace,monospace;font-size:.82rem}.admin-modal-url-small{word-break:break-all;color:var(--muted)}.admin-modal-badges{display:flex;flex-wrap:wrap;gap:6px}.admin-modal-muted{color:var(--muted);font-size:.85rem}.admin-modal-close-btn{width:100%}