:root{--app-background:#f0f2f5;--app-surface:#fff;--app-surface-hover:#f0f2f5;--app-text-primary:#050505;--app-text-secondary:#65676b;--app-border:#dadde1;--app-empty-text:#64748b;color:var(--app-text-primary);background:var(--app-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--app-background:#18191a;--app-surface:#242526;--app-surface-hover:#3a3b3c;--app-text-primary:#e4e6eb;--app-text-secondary:#b0b3b8;--app-border:#3a3b3c;--app-empty-text:#b0b3b8}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app,.auth-layout,.main-layout,.app-layout{min-height:100vh}.auth-layout{background:var(--app-background);place-items:center;padding:24px;display:grid}.main-layout,.app-layout{background:var(--app-background)}.layout-brand{border-bottom:1px solid var(--app-border);height:64px;color:var(--app-text-primary);align-items:center;padding:0 16px;font-size:18px;font-weight:700;display:flex}.layout-brand--compact{justify-content:center;padding:0;font-size:0}.layout-brand--compact span:first-letter{font-size:18px}.layout-header{background:var(--app-surface);flex-shrink:0;align-items:center;gap:12px;height:64px;min-height:64px;padding:0 16px;display:flex}.header-spacer{flex:1}.layout-content{background:var(--app-background);min-height:calc(100vh - 64px)}.account-button{cursor:pointer;min-width:196px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;display:flex}.account-button:hover{background:var(--app-surface-hover)}.account-meta{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.account-name{max-width:180px;color:var(--app-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.account-role{color:var(--app-text-secondary);font-size:12px}.notification-badge .n-badge-sup{background:#e41e3f}.empty-page{min-height:calc(100vh - 64px);color:var(--app-empty-text);place-items:center;padding:24px;display:grid}.page-shell,.page-container{padding:24px}.page-header,.page-container__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h1,.page-container__header h1{color:var(--app-text-primary);margin:0;font-size:24px;line-height:1.3}.page-header p{color:var(--app-text-secondary);margin:6px 0 0}.page-container__toolbar,.page-actions,.modal-actions,.table-actions{align-items:center;gap:8px;display:flex}.table-actions--wrap{flex-wrap:wrap}.table-actions--nowrap{white-space:nowrap;flex-wrap:nowrap}.api-key-note{color:var(--app-text-secondary);margin:0 0 12px}.report-filters{grid-template-columns:repeat(6,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.report-summary-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;margin-bottom:16px;display:grid}.report-summary-card{border-color:color-mix(in srgb, var(--summary-color) 34%, var(--app-border));flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:96px;display:flex;position:relative;overflow:hidden}.report-summary-card:before{background:linear-gradient(135deg, color-mix(in srgb, var(--summary-color) 18%, transparent), transparent 55%);content:"";pointer-events:none;position:absolute;inset:0}.report-summary-card span{color:var(--app-text-secondary);overflow-wrap:anywhere;font-size:14px;line-height:1.35;position:relative}.report-summary-card strong{color:var(--summary-color);overflow-wrap:anywhere;font-size:24px;font-weight:600;line-height:1.2;position:relative}.report-summary-card--pages{--summary-color:#8b5cf6}.report-summary-card--follow{--summary-color:#0ea5e9}.report-summary-card--views{--summary-color:#f59e0b}.report-summary-card--lost{--summary-color:#e41e3f}.report-summary-card--follow-delta{--summary-color:#22c55e}.report-summary-card--view-delta{--summary-color:#14b8a6}.report-summary-card--revenue,.report-summary-card--adjustment-positive{--summary-color:#22c55e}.report-summary-card--adjustment-negative{--summary-color:#e41e3f}.report-delta{font-weight:600}.report-delta--success{color:#22c55e}.report-delta--error{color:#e41e3f}.report-detail-modal{width:min(980px,92vw)}.report-detail-toolbar{max-width:260px;margin-bottom:16px}.report-detail-button{font-weight:600}.report-detail-button .n-button__icon{font-size:16px}.audit-filters{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.audit-detail-modal{width:min(960px,92vw)}.audit-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.audit-detail-grid h3{margin:0 0 8px}.json-viewer{border:1px solid var(--app-border);background:var(--app-background);max-height:440px;color:var(--app-text-primary);white-space:pre-wrap;border-radius:8px;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.profile-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;display:grid}.settings-alert{margin-bottom:16px}.settings-section-card{margin-top:16px}.app-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000001a}.app-data-table{width:100%;max-width:100%;overflow-x:auto}.app-data-table>.n-data-table{min-width:inherit}.slink-filter-grid{grid-template-columns:repeat(4,minmax(160px,220px)) minmax(260px,1fr);align-items:center;gap:12px;display:grid}.slink-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.slink-section{margin-top:16px}.slink-alert{margin-bottom:12px}.slink-detail-modal{width:min(1100px,100vw - 32px)}.responsive-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-grid-full{grid-column:1/-1}.app-modal{width:min(720px,90vw);max-width:95vw}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-table-grid{margin-top:16px}.dashboard-insight-grid{grid-template-columns:minmax(0,4.5fr) minmax(0,2.5fr) minmax(0,3fr);align-items:stretch;gap:16px;display:grid}.dashboard-realtime-card{margin-bottom:16px}.dashboard-realtime-card .n-card-header__main{white-space:nowrap;flex:none;min-width:max-content}.dashboard-insight-grid .dashboard-realtime-card{margin-bottom:0}.dashboard-admin-ga-card,.dashboard-admin-slink-card{min-width:0}.dashboard-realtime-controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-top:16px;display:flex}.dashboard-realtime-select{width:220px}.dashboard-realtime-content{grid-template-columns:minmax(240px,.9fr) minmax(220px,1.1fr);align-items:stretch;gap:16px;min-width:0;display:grid}.dashboard-realtime-content>.n-data-table{min-width:0}.dashboard-realtime-content .analytics-globe{min-height:284px}.dashboard-online-card{background:radial-gradient(circle at 78% 18%, #0f172a66, transparent 38%), radial-gradient(circle at 20% 16%, #0ea5e92e, transparent 34%), linear-gradient(145deg, #0ea5e91a, #0206171a 56%), var(--app-surface);grid-template-rows:minmax(118px,1fr) auto;gap:18px;min-height:220px;display:grid;position:relative;overflow:hidden}.dashboard-online-card:before{content:"";background:linear-gradient(90deg,#0000,#94a3b842,#0000);width:82px;height:1px;position:absolute;inset:10px 16px auto auto;box-shadow:-46px 18px #94a3b829,-10px 56px #94a3b81f}.dashboard-online-visual{place-items:center;min-height:118px;display:grid;position:relative}.dashboard-online-earth{z-index:2;background:radial-gradient(circle at 36% 28%,#ffffff85,#0000 13%),radial-gradient(circle at 55% 40%,#38bdf8 0 18%,#0284c7 46%,#075985 76%,#020617 100%);border-radius:50%;width:112px;height:112px;position:relative;overflow:hidden;box-shadow:inset -30px -18px 30px #020617b8,inset 10px 6px 18px #ffffff2e,0 0 0 1px #7dd3fc6b,0 0 34px #0ea5e957}.dashboard-online-earth:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(92deg,#02061780 0%,#0000 42%,#ffffff1f 52%,#0000 66%);position:absolute;inset:0}.dashboard-online-earth__continents{filter:saturate(1.08);background:radial-gradient(at 10% 30%,#15803d 0 5%,#0000 6%),radial-gradient(at 16% 58%,#166534 0 8%,#0000 9%),radial-gradient(at 25% 42%,#4d7c0f 0 5%,#0000 6%),radial-gradient(at 36% 26%,#16a34a 0 8%,#0000 9%),radial-gradient(at 46% 62%,#15803d 0 10%,#0000 11%),radial-gradient(at 58% 34%,#65a30d 0 7%,#0000 8%),radial-gradient(at 70% 54%,#16a34a 0 11%,#0000 12%),radial-gradient(at 82% 32%,#4d7c0f 0 8%,#0000 9%),radial-gradient(at 92% 58%,#15803d 0 7%,#0000 8%);animation:12s linear infinite dashboard-earth-drift;position:absolute;inset:8px -118px 8px -18px}.dashboard-online-earth__clouds{mix-blend-mode:screen;opacity:.7;background:radial-gradient(at 10% 28%,#ffffff9e 0 5%,#0000 6%),radial-gradient(at 26% 52%,#ffffff6b 0 6%,#0000 7%),radial-gradient(at 42% 36%,#ffffff80 0 5%,#0000 6%),radial-gradient(at 62% 60%,#ffffff61 0 7%,#0000 8%),radial-gradient(at 82% 30%,#ffffff70 0 5%,#0000 6%);animation:16s linear infinite dashboard-cloud-drift;position:absolute;inset:0 -90px 0 0}.dashboard-online-earth__shine{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 34% 24%,#ffffff57,#0000 22%),radial-gradient(circle at 78% 72%,#0206177a,#0000 36%);position:absolute;inset:0}.dashboard-online-earth-ring{z-index:1;border:2px solid #94a3b83d;border-color:#94a3b83d #7dd3fc70 #94a3b83d #1e293b33;border-radius:50%;width:168px;height:52px;position:absolute;transform:rotate(-18deg);box-shadow:0 0 18px #0ea5e929}.dashboard-online-orbit{z-index:3;border:1px dashed #0ea5e93d;border-radius:50%;width:132px;height:132px;animation:12s linear infinite dashboard-orbit-spin;position:absolute}.dashboard-online-dot{background:#22c55e;border-radius:999px;width:8px;height:8px;position:absolute;box-shadow:0 0 16px #22c55ecc}.dashboard-online-dot--one{transform:translate(64px,-28px)}.dashboard-online-dot--two{background:#38bdf8;width:6px;height:6px;transform:translate(-58px,38px)}.dashboard-online-meta{position:relative}.dashboard-online-meta span{color:var(--app-text-secondary)}.dashboard-online-meta strong{color:#0ea5e9;font-size:34px;line-height:1.1;display:block}.dashboard-online-meta small{color:#22c55e;background:#22c55e14;border:1px solid #22c55e59;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:12px;line-height:1.4;display:inline-flex}.dashboard-country-cell{align-items:center;gap:10px;width:100%;min-width:0;display:inline-flex}.dashboard-ellipsis-cell,.dashboard-country-cell span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.dashboard-country-cell .dashboard-ellipsis-cell{flex:auto}.dashboard-country-flag{border:1px solid var(--app-border);object-fit:cover;background:#ffffff0a;border-radius:4px;flex:none;width:28px;height:20px;display:inline-grid}.dashboard-country-flag--fallback{border-radius:999px;place-items:center;height:28px;font-size:16px}.dashboard-online-status-header{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.dashboard-online-status-dot{background:#22c55e;border-radius:999px;flex:none;width:8px;height:8px;animation:1.8s ease-in-out infinite dashboard-online-pulse;box-shadow:0 0 12px #22c55eb3}.dashboard-online-value{min-width:38px;color:var(--app-text-primary);font-variant-numeric:tabular-nums;justify-content:center;display:inline-flex}.dashboard-online-value--active{color:#22c55e;font-weight:700}.dashboard-online-value--button{cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:2px 6px}.dashboard-online-value--button:hover,.dashboard-online-value--button:focus-visible{background:#22c55e1f;outline:none}.dashboard-online-value--button:disabled{cursor:default;color:var(--app-text-secondary)}@keyframes dashboard-earth-drift{0%{transform:translate(0)}to{transform:translate(-112px)}}@keyframes dashboard-cloud-drift{0%{transform:translate(0)}to{transform:translate(-70px)}}@keyframes dashboard-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes dashboard-online-pulse{0%,to{opacity:.45;box-shadow:0 0 6px #22c55e59}50%{opacity:1;box-shadow:0 0 10px #22c55ed9,0 0 22px #22c55e66}}.dashboard-slink-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.dashboard-slink-date-picker{grid-column:1/-1;min-width:0}.dashboard-slink-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-slink-metric-card{flex-direction:column;justify-content:center;gap:8px;min-height:94px;display:flex}.dashboard-slink-metric-card span{color:var(--app-text-secondary)}.dashboard-slink-metric-card strong{font-size:24px;line-height:1.15}.money-value{color:var(--app-text-primary)}.money-value--positive{color:#16a34a}.money-value--negative{color:#dc2626}.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-team-select{width:220px}.dashboard-card-select{width:150px}.page-name-link{align-items:center;gap:6px;max-width:100%;display:inline-flex}.page-name-link__anchor{color:var(--app-text-primary);text-decoration:none}.page-name-link__anchor:hover{color:#2382f7}.page-name-link__copy{color:#2382f7;flex:none;background:0 0!important}.page-name-link__copy:hover{background:0 0!important}.recommend-tag{color:#31a24c}.recommend-tag--lost,.status-tag--error{color:#e41e3f}.status-tag--success{color:#31a24c}.status-tag--warning{color:#f7b928}.loading-overlay{place-items:center;min-height:160px;display:grid}.empty-state{min-height:160px;color:var(--app-text-secondary);place-items:center;display:grid}.modal-actions{justify-content:flex-end;margin-top:8px}.login-card{width:min(100%,380px)}@media (width<=1023px){.dashboard-grid,.dashboard-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insight-grid .dashboard-realtime-card{grid-column:1/-1}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-realtime-content{grid-template-columns:1fr}}@media (width<=767px){.layout-header{padding:0 12px}.account-button{min-width:0;padding:6px}.account-meta{display:none}.page-container,.page-shell{padding:16px}.page-header,.page-container__header{flex-direction:column}.page-actions,.page-container__toolbar{flex-wrap:wrap;justify-content:flex-start;width:100%}.responsive-form-grid,.dashboard-grid,.report-filters,.report-summary-grid,.slink-filter-grid{grid-template-columns:1fr}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-summary-grid .report-summary-card{min-height:88px;padding:12px}.dashboard-summary-grid .report-summary-card strong{font-size:20px}.dashboard-realtime-select{width:100%}.dashboard-realtime-controls{justify-content:flex-start;width:100%}.dashboard-insight-grid,.dashboard-slink-metrics{grid-template-columns:1fr}.dashboard-realtime-content .analytics-globe{min-height:300px}.audit-filters,.audit-detail-grid,.profile-grid{grid-template-columns:1fr}.app-modal{width:95vw}}@media (width<=359px){.dashboard-summary-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard-online-earth__continents,.dashboard-online-earth__clouds,.dashboard-online-orbit{animation:none}}
