:root{--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:ui-monospace, "SFMono-Regular", "Roboto Mono", Consolas, monospace;--color-primary:#2563eb;--color-on-primary:#fff;--color-secondary:#3b82f6;--color-accent:#059669;--color-background:#f8fafc;--color-foreground:#0f172a;--color-muted:#64748b;--color-muted-surface:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-destructive:#dc2626;--color-ring:#2563eb;--surface:#fff;--surface-soft:#f8fafc;--surface-strong:#eef6ff;--sidebar:#0b1220;--sidebar-muted:#94a3b8;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 12px 28px #0f172a14;--shadow-lg:0 20px 48px #0f172a1f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #2563eb14, transparent 30rem), linear-gradient(180deg, #fff 0%, var(--color-background) 46%);color:var(--color-foreground);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button,a,select,input[type=checkbox]{cursor:pointer}a{color:inherit;text-decoration:none}.shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #2563eb29, transparent 30%), var(--sidebar);color:#fff;border-right:1px solid #94a3b82e;flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand,.auth-brand{align-items:center;gap:12px;display:flex}.brand-mark{width:44px;height:44px;color:var(--color-primary);box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#eff6ff);border:1px solid #2563eb2e;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.brand h1,.page-title h1,.auth-panel h1{font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;letter-spacing:0;margin:0;font-weight:800}.brand h1{font-size:18px;line-height:1.2}.brand span,.sidebar-card span{color:var(--sidebar-muted);font-size:13px;display:block}.nav{gap:6px;display:grid}.nav a,.nav button{color:#dbeafe;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;transition:background .18s,border-color .18s,color .18s;display:flex}.nav a:hover,.nav button:hover,.nav a:focus-visible,.nav button:focus-visible,.nav a.active{color:#fff;background:#2563eb2e;border-color:#93c5fd38;outline:none}.nav a:focus-visible,.nav button:focus-visible{box-shadow:0 0 0 3px #93c5fd47}.sidebar-card{background:#0f172ab8;border:1px solid #94a3b833;border-radius:12px;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-card strong{font-size:13px;display:block}.content{width:100%;max-width:1440px;padding:30px}.page-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title h1{font-size:clamp(28px,3vw,40px);line-height:1.12}.page-title p,.panel-header p,.auth-panel p{color:var(--color-muted);margin:6px 0 0;line-height:1.5}.toolbar-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric,.panel,.auth-panel{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#ffffffeb;border-radius:14px}.metric{min-height:154px;padding:18px;position:relative;overflow:hidden}.metric:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));opacity:.8;height:3px;position:absolute;inset:auto 0 0}.metric-icon{width:38px;height:38px;color:var(--color-primary);background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.metric-icon.success{color:#047857;background:#ecfdf5}.metric-icon.warning{color:#b45309;background:#fffbeb}.metric-icon.neutral{color:#475569;background:#f1f5f9}.metric span,.metric small,.health-list span{color:var(--color-muted);font-size:13px;font-weight:600}.metric strong{font-family:var(--font-heading), ui-monospace, monospace;margin-top:5px;font-size:34px;line-height:1;display:block}.metric small{margin-top:12px;display:block}.grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:18px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;margin-top:18px;display:grid}.progression-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;gap:18px;margin-top:18px;display:grid}.panel{padding:18px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel h2{font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;margin:0;font-size:20px;font-weight:800}.table-wrap{border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;white-space:nowrap;padding:12px 14px}tbody tr{transition:background .16s}tbody tr:hover{background:#f8fafc}tbody tr:last-child td{border-bottom:0}th{color:#475569;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}.event-name{font-family:var(--font-heading), ui-monospace, monospace;font-size:13px}.row-subtitle{color:var(--color-muted);margin-top:3px;font-size:12px;display:block}.emoji-preview{border:1px solid var(--color-border);background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;min-width:54px;min-height:38px;padding:4px 8px;font-size:22px;display:inline-flex}.status{color:#92400e;text-transform:capitalize;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.status.published{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status.archived{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.status.neutral{color:var(--color-primary);background:#eff6ff;border-color:#bfdbfe}.filters{grid-template-columns:minmax(260px,1fr) 190px;gap:10px;margin-bottom:14px;display:grid}.puzzle-filters{grid-template-columns:minmax(260px,1fr) 180px 170px 210px}.search-field,.select-field{border:1px solid var(--color-border);min-height:42px;color:var(--color-muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.search-field:focus-within,.select-field:focus-within{border-color:var(--color-ring);box-shadow:0 0 0 3px #2563eb24}.search-field input,.select-field select{width:100%;min-width:0;color:var(--color-foreground);background:0 0;border:0;outline:0}.form{gap:13px;display:grid}.field{gap:6px;display:grid}.field span,.field label,.field>span{color:#334155;font-size:13px;font-weight:700}.input{border:1px solid var(--color-border-strong);width:100%;min-height:42px;color:var(--color-foreground);background:#fff;border-radius:10px;padding:9px 11px;transition:border-color .18s,box-shadow .18s,background .18s}textarea.input{resize:vertical;min-height:84px}.input:hover{border-color:#94a3b8}.input:focus{border-color:var(--color-ring);outline:none;box-shadow:0 0 0 3px #2563eb24}.button-row{flex-wrap:wrap;gap:9px;display:flex}.button-row .field{flex:150px}.btn{min-height:40px;color:var(--color-foreground);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:800;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn-icon{width:40px;padding:0}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 10px 18px #2563eb33}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{color:var(--color-primary);background:#fff;border-color:#bfdbfe}.btn-secondary:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.btn-danger{color:var(--color-destructive);background:#fff;border-color:#fecaca}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{width:min(480px,100%);padding:30px}.auth-brand{color:var(--color-muted);margin-bottom:22px;font-weight:800}.auth-panel h1{font-size:34px}.notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;min-height:42px;padding:10px 12px;font-weight:700;display:flex}.health-list,.catalog-list{gap:10px;display:grid}.catalog-row{border:1px solid var(--color-border);width:100%;min-height:64px;color:var(--color-foreground);text-align:left;background:#fff;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.catalog-row:hover,.catalog-row.active{background:#eff6ff;border-color:#93c5fd}.catalog-row small{color:var(--color-muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.catalog-row em{background:var(--color-muted-surface);min-width:34px;min-height:28px;color:var(--color-muted);border-radius:999px;justify-content:center;align-items:center;font-style:normal;font-weight:900;display:inline-flex}.catalog-icon{border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-primary);background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:inline-flex}.localized-grid{gap:10px;display:grid}.locale-panel{border:1px solid var(--color-border);background:var(--surface-soft);border-radius:12px;gap:8px;padding:12px;display:grid}.locale-panel strong{color:var(--color-primary);letter-spacing:.04em;font-size:12px}.health-list div{background:var(--surface-soft);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.health-list strong{font-family:var(--font-heading), ui-monospace, monospace}.revenue-panel{margin-top:18px}.revenue-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.revenue-tile{border:1px solid var(--color-border);background:#f8fafc;border-radius:12px;align-content:start;gap:8px;min-height:118px;padding:14px;display:grid}.revenue-icon{width:34px;height:34px;color:var(--color-primary);background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.revenue-tile span,.target-strip span{color:var(--color-muted);font-size:13px;font-weight:700}.revenue-tile strong,.target-strip strong{color:var(--color-foreground);font-family:var(--font-heading), ui-monospace, monospace;font-size:20px}.target-strip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:54px;margin-top:12px;padding:12px 14px;display:flex}.growth-panel{margin-top:18px}.growth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.growth-tile{border:1px solid var(--color-border);background:#f8fafc;border-radius:12px;align-content:start;gap:8px;min-height:116px;padding:14px;display:grid}.growth-tile span{color:var(--color-muted);font-size:12px;font-weight:800}.growth-tile strong{color:var(--color-foreground);font-family:var(--font-heading), ui-monospace, monospace;font-size:24px}.loop-list{gap:8px;margin-top:14px;display:grid}.loop-row{border:1px solid var(--color-border);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 12px;display:flex}.loop-row span{color:var(--color-muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.loop-row strong{font-family:var(--font-heading), ui-monospace, monospace}.weekly-target{margin-top:14px}.users-panel{margin-top:18px}.users-filters{grid-template-columns:minmax(260px,1fr) 210px 120px}.users-search-button{min-height:42px}.user-cell{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.user-cell strong{display:block}.user-link{color:var(--color-foreground);text-decoration:none}.user-link:hover strong{color:var(--color-primary)}.user-avatar{border:1px solid var(--color-border);background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;display:inline-flex}.mono{font-family:var(--font-heading), ui-monospace, monospace}.inline-icon{align-items:center;gap:6px;display:inline-flex}.locale-chips,.pill-row{flex-wrap:wrap;gap:6px;display:flex}.management-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.locale-tab{border:1px solid var(--color-border);min-height:74px;color:var(--color-foreground);text-align:left;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-content:center;gap:5px;padding:12px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.locale-tab:hover,.locale-tab:focus-visible,.locale-tab.active{background:#eff6ff;border-color:#93c5fd;outline:none;box-shadow:0 12px 24px #2563eb1f}.locale-tab:active{transform:translateY(1px)}.locale-tab span{color:var(--color-muted);font-size:12px;font-weight:800}.locale-tab strong{font-family:var(--font-heading), ui-monospace, monospace;font-size:24px}.table-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.page-size-field{min-height:40px;color:var(--color-muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.page-size-field select{border:1px solid var(--color-border);min-height:38px;color:var(--color-foreground);background:#fff;border-radius:10px;padding:7px 10px}.pagination{color:var(--color-muted);align-items:center;gap:10px;font-size:13px;font-weight:900;display:inline-flex}.empty-state{min-height:82px;color:var(--color-muted);align-items:center;gap:10px;font-weight:800;display:inline-flex}.back-link{color:var(--color-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.profile-hero{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff,#f8fbff);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px;display:flex}.profile-identity{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;display:grid}.profile-avatar{border:1px solid var(--color-border);background:#f8fafc;border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;font-size:42px;display:inline-flex}.profile-identity h2{font-family:var(--font-heading), ui-monospace, monospace;margin:0;font-size:32px}.profile-identity p{color:var(--color-muted);margin:4px 0 10px;font-weight:700}.profile-meta{flex-wrap:wrap;gap:8px;display:flex}.profile-meta span,.profile-balance{min-height:32px;color:var(--color-primary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.profile-balance{color:#047857;background:#ecfdf5;border-color:#a7f3d0;justify-content:center;min-width:146px}.profile-balance strong{font-family:var(--font-heading), ui-monospace, monospace;font-size:24px}.compact-metric{min-height:132px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-top:18px;display:grid}.detail-grid .panel{min-width:0}.unlock-list{gap:14px;display:grid}.unlock-list>div{border:1px solid var(--color-border);background:#f8fafc;border-radius:12px;gap:8px;padding:12px;display:grid}.unlock-list strong{color:var(--color-foreground)}.skeleton-value,.skeleton-line{background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0) 0 0/220% 100%;border-radius:999px;animation:1.2s ease-in-out infinite shimmer;display:inline-block}.skeleton-value{width:64px;height:32px}.skeleton-line{width:150px;height:14px}.skeleton-line.short{width:64px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1100px){.grid,.dashboard-grid,.progression-grid,.detail-grid{grid-template-columns:1fr}.revenue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-panel{order:-1}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.metrics,.filters,.puzzle-filters{grid-template-columns:1fr}.revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-grid{grid-template-columns:1fr}.content{padding:20px}.page-title{flex-direction:column}.profile-hero,.target-strip,.table-footer{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.content,.auth-page{padding:16px}.metric,.panel,.auth-panel{border-radius:12px}th,td{padding:10px}.management-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}