:root{color:#17211f;background:#eef4f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Source Han Sans SC,Microsoft YaHei,Segoe UI,sans-serif}.session-check{display:grid;place-items:center;gap:14px;min-height:100vh;background:linear-gradient(135deg,#0f8f722e,#c5d86d24),#eef4f1}.login-screen{display:grid;align-items:center;min-height:100vh;padding:32px;background:linear-gradient(120deg,#0a2621eb,#144e40c2),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 24px),#10231f}.login-panel{width:min(440px,100%);padding:32px;border:1px solid rgba(214,228,222,.86);border-radius:8px;background:#fffffff5;box-shadow:0 24px 70px #03140f47}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-brand h2{margin:0}.login-form{margin-top:18px}.app-shell{min-height:100vh}.app-sider{background:#10231f!important;border-right:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;height:72px;padding:0 18px;color:#f6fbf9}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#19a57f,#c5d86d);color:#08231b;font-weight:800}.brand-title{font-size:15px;font-weight:700}.brand-subtitle{margin-top:2px;color:#a7bbb4;font-size:12px}.app-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #dce7e2}.app-content{padding:24px;background:linear-gradient(180deg,#0f8f7214,#eef4f100 240px),#eef4f1}.header-subtitle{font-size:12px}.page-stack{display:grid;gap:18px}.hero-panel,.placeholder-hero{padding:24px;border:1px solid #d6e4de;border-radius:10px;background:radial-gradient(circle at top right,rgba(197,216,109,.22),transparent 32%),#fff;box-shadow:0 12px 30px #11322a0f}.hero-panel h2,.placeholder-hero h2{margin:10px 0 8px}.placeholder-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border-radius:12px;background:#e5f3ee;color:#0f8f72;font-size:24px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h2,.section-toolbar h4{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-panel{padding:18px;border:1px solid #d6e4de;border-radius:8px;background:#fff}.metric-panel.warning{border-color:#ffe7ba;background:#fffaf0}.metric-panel.danger{border-color:#ffccc7;background:#fff7f6}.material-metric-grid{margin-bottom:0}.filter-field{display:grid;gap:6px;width:150px}.filter-field.wide{width:240px}.insight-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(260px,.85fr));gap:14px}.trend-shell{display:grid;gap:8px}.trend-shell svg{width:100%;min-height:180px;border-radius:8px;background:linear-gradient(180deg,#0f8f7214,#0f8f7200),#f8fbfa}.trend-axis{display:flex;justify-content:space-between;gap:12px}.empty-insight{display:grid;place-items:center;min-height:180px;border:1px dashed #bfd3ca;border-radius:8px;background:#f8fbfa}.rank-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center}.rank-main{display:grid;gap:2px;min-width:0}.rank-side{display:grid;grid-template-columns:minmax(54px,1fr) auto;gap:8px;align-items:center}.rank-bar{height:8px;overflow:hidden;border-radius:999px;background:#e2ece7}.rank-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#19a57f,#c5d86d)}.table-section{padding:20px;border:1px solid #d6e4de;border-radius:8px;background:#fff}.table-card{border-color:#d6e4de;box-shadow:0 10px 26px #11322a0d}.short-link-cell{max-width:360px}.mono-text{max-width:340px;font-family:Cascadia Mono,JetBrains Mono,Consolas,monospace;font-size:12px;word-break:break-all}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;max-height:360px;overflow:auto;padding:12px;border:1px solid #d6e4de;border-radius:8px;background:#f8fbfa}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.clean-list{display:grid;gap:8px;margin:0;padding-left:18px}.clean-list li{line-height:1.6}.clean-list.compact{gap:4px;padding-left:16px}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-step{display:grid;gap:6px;min-height:112px;padding:16px;text-align:left;border:1px solid #d6e4de;border-radius:10px;background:linear-gradient(135deg,#0f8f7214,#c5d86d14),#fff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.workflow-step:hover{transform:translateY(-2px);border-color:#19a57f;box-shadow:0 12px 28px #11322a1a}.empty-guide{display:grid;justify-items:center;gap:8px;max-width:460px;margin:12px auto;padding:18px}.created-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creation-preview-card{border-color:#cfe4dc;background:linear-gradient(135deg,#0f8f720f,#c5d86d0f),#fff}.creation-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.creation-preview-grid>div{display:grid;gap:4px;min-height:70px;padding:12px;border:1px solid #d6e4de;border-radius:10px;background:#f8fbfae0}.created-entry-grid>div,.event-log-panel{display:grid;gap:4px;padding:12px;border:1px solid #d6e4de;border-radius:10px;background:#f8fbfa}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.preview-screen{min-height:100vh;padding:28px 16px;background:radial-gradient(circle at 18% 8%,rgba(197,216,109,.32),transparent 24%),radial-gradient(circle at 82% 0%,rgba(15,143,114,.24),transparent 28%),linear-gradient(160deg,#071512,#10231f 46%,#eef4f1 46.2%)}.preview-phone{width:min(430px,100%);margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#f8fbfa;box-shadow:0 28px 80px #03140f57}.preview-test-alert{margin:14px;border-radius:16px}.preview-video-stage{padding:14px;background:#06110f}.preview-stage-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#d9ebe5}.preview-stage-topline .ant-typography{color:#d9ebe5}.preview-video{display:block;width:100%;max-height:540px;aspect-ratio:9 / 16;border-radius:18px;background:#000;object-fit:contain}.preview-video-missing{display:grid;place-items:center;gap:12px;min-height:420px;border:1px dashed rgba(255,255,255,.24);border-radius:18px;background:linear-gradient(160deg,#111827,#030712);color:#d9ebe5}.preview-video-missing .anticon{font-size:42px}.preview-info-panel{padding:20px;background:radial-gradient(circle at top right,rgba(197,216,109,.2),transparent 32%),#fff}.preview-info-panel h3{margin:0 0 4px}.preview-meta-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid #d6e4de;border-radius:12px;background:#f8fbfa}.preview-meta-grid>div{display:grid;gap:2px}.preview-loading-card{display:grid;place-items:center;gap:12px;width:min(360px,100%);margin:20vh auto 0;padding:28px;border-radius:18px;background:#fffffff0;box-shadow:0 20px 60px #03140f38}.funnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.funnel-step{display:grid;gap:10px;padding:14px;border:1px solid #d6e4de;border-radius:10px;background:#f8fbfa}.funnel-bar{height:12px;overflow:hidden;border-radius:999px;background:#e2ece7}.funnel-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f8f72,#c5d86d)}@media(max-width:960px){.page-heading,.section-toolbar,.app-header{align-items:stretch;flex-direction:column;height:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid,.workflow-grid,.creation-preview-grid,.funnel-grid,.insight-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-sider{display:none}.app-content{padding:16px}.metric-grid,.permission-grid{grid-template-columns:1fr}.filter-field,.filter-field.wide{width:100%}.rank-row{grid-template-columns:1fr}}