:root{color-scheme:light;--playlet-bg: #f5f7fb;--playlet-panel: #ffffff;--playlet-border: #e8edf8;--playlet-text: #172033;--playlet-muted: #6b7280;--playlet-primary: #667eea;--playlet-primary-dark: #764ba2;--playlet-success: #10b981;--playlet-warning: #f59e0b;--playlet-danger: #ef4444;--playlet-shadow: 0 20px 60px rgba(31, 41, 55, .12)}html,body,#root{height:100%}body{margin:0;min-width:1200px;background:radial-gradient(circle at top left,rgba(102,126,234,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(118,75,162,.14),transparent 30%),var(--playlet-bg);color:var(--playlet-text);font-family:SF Pro Display,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.playlet-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 20%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.14),transparent 18%),linear-gradient(135deg,#667eea,#764ba2)}.playlet-login__panel{width:min(1040px,100%);min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:28px;background:#ffffff1f;box-shadow:0 28px 90px #24285547;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.playlet-login__intro{position:relative;padding:56px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#ffffff24,#ffffff0a),transparent}.playlet-login__intro:before,.playlet-login__intro:after{content:"";position:absolute;border-radius:999px;background:#ffffff1a}.playlet-login__intro:before{top:40px;right:36px;width:180px;height:180px}.playlet-login__intro:after{bottom:-48px;left:-48px;width:220px;height:220px}.playlet-login__brand,.playlet-login__highlights,.playlet-login__metrics{position:relative;z-index:1}.playlet-login__brand{display:flex;align-items:center;gap:16px}.playlet-login__brand-mark{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#ffffff29;box-shadow:inset 0 1px #ffffff38}.playlet-login__brand-mark img{width:40px;height:40px}.playlet-login__brand-subtitle{margin:0 0 8px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.playlet-login__brand-title{margin:0;font-size:34px;font-weight:700;line-height:1.2}.playlet-login__highlights{display:flex;flex-direction:column;gap:18px;margin-top:52px}.playlet-login__hero-title{margin:0;font-size:44px;font-weight:700;line-height:1.15}.playlet-login__hero-copy{margin:0;max-width:460px;font-size:16px;line-height:1.8;color:#ffffffd1}.playlet-login__metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.playlet-login__metric{padding:18px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.1)}.playlet-login__metric-value{display:block;margin-bottom:8px;font-size:22px;font-weight:700}.playlet-login__metric-label{font-size:13px;color:#ffffffc2}.playlet-login__form-wrap{display:flex;align-items:center;justify-content:center;padding:36px;background:#fffffff5}.playlet-login__form-card{width:min(420px,100%);padding:40px;border-radius:26px;background:#fff;box-shadow:0 16px 50px #0f172a14}.playlet-login__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:#667eea1a;color:var(--playlet-primary);font-size:13px;font-weight:600}.playlet-login__form-title{margin:0 0 10px;font-size:28px;font-weight:700;color:var(--playlet-text)}.playlet-login__form-copy{margin:0 0 28px;font-size:14px;line-height:1.7;color:var(--playlet-muted)}.playlet-login .ant-form-item-label>label{font-weight:600;color:var(--playlet-text)}.playlet-login .ant-input-affix-wrapper,.playlet-login .ant-input,.playlet-login .ant-input-password{min-height:46px;border-radius:14px}.playlet-login__footer{margin-top:22px;font-size:12px;line-height:1.6;color:#9ca3af}.playlet-shell{display:flex;height:100vh;overflow:hidden}.playlet-shell__sidebar{width:248px;flex-shrink:0;display:flex;flex-direction:column;padding:18px 16px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;transition:width .2s ease;overflow:hidden}.playlet-shell__sidebar--collapsed{width:88px}.playlet-shell__brand{display:flex;align-items:center;gap:14px;padding:12px 10px 18px}.playlet-shell__brand-mark{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff29;box-shadow:inset 0 1px #ffffff2e}.playlet-shell__brand-mark img{width:28px;height:28px}.playlet-shell__brand-title{margin:0;font-size:16px;font-weight:600}.playlet-shell__brand-copy{margin:4px 0 0;font-size:12px;color:#ffffffb8}.playlet-shell__nav{display:flex;flex:1;flex-direction:column;gap:8px;margin-top:18px}.playlet-shell__nav-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:none;border-radius:16px;background:transparent;color:#ffffffd1;cursor:pointer;transition:all .2s ease;text-align:left}.playlet-shell__nav-btn:hover{color:#fff;background:#ffffff1f}.playlet-shell__nav-btn--active{color:#fff;background:#ffffff2e;box-shadow:inset 0 1px #ffffff2e}.playlet-shell__nav-icon{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;font-size:18px}.playlet-shell__nav-btn--active .playlet-shell__nav-icon{background:#fff3}.playlet-shell__nav-title{display:block;margin-bottom:4px;font-size:14px;font-weight:600}.playlet-shell__nav-copy{font-size:12px;color:#ffffffad}.playlet-shell__sidebar-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.playlet-shell__user-card{padding:14px;border-radius:18px;background:#ffffff1f}.playlet-shell__user-row{display:flex;align-items:center;gap:12px}.playlet-shell__avatar{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff29;font-weight:700}.playlet-shell__user-name{margin:0;font-size:14px;font-weight:600}.playlet-shell__user-copy{margin:4px 0 0;font-size:12px;color:#ffffffad}.playlet-shell__collapse{width:100%;margin-top:14px;color:#fff!important;background:#ffffff14!important;border-color:#ffffff1f!important}.playlet-shell__collapse--icon-only{width:42px!important;min-width:42px!important;height:42px;padding-inline:0!important;align-self:center;border-radius:12px!important}.playlet-shell__body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.playlet-shell__header{flex-shrink:0;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;background:#f5f7fbd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.playlet-shell__title{margin:0;font-size:28px;font-weight:700;color:var(--playlet-text)}.playlet-shell__subtitle{margin:8px 0 0;font-size:14px;color:var(--playlet-muted)}.playlet-shell__actions{display:flex;align-items:center;gap:12px}.playlet-shell__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--playlet-border);color:var(--playlet-text);font-size:13px;box-shadow:0 8px 24px #0f172a0d}.playlet-shell__chip-copy{color:var(--playlet-muted)}.playlet-shell__content{flex:1;min-height:0;padding:0 28px 28px;overflow-x:hidden;overflow-y:auto}.playlet-surface{border:1px solid var(--playlet-border)!important;box-shadow:0 12px 36px #0f172a0f}.playlet-page{display:flex;flex-direction:column;gap:20px;min-height:min-content}.playlet-shell__sidebar--collapsed .playlet-shell__brand,.playlet-shell__sidebar--collapsed .playlet-shell__user-row{justify-content:center}.playlet-shell__sidebar--collapsed .playlet-shell__user-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px}.playlet-hero{overflow:hidden;background:radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 20%),linear-gradient(135deg,#667eea,#764ba2);color:#fff}.playlet-hero__content{display:flex;justify-content:space-between;gap:20px}.playlet-hero__title{margin:0 0 10px;font-size:24px;font-weight:700;color:#fff!important}.playlet-hero__copy{margin:0;max-width:620px;color:#fffc!important;line-height:1.8}.playlet-hero__meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.playlet-hero__meta-item{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff24;font-size:13px}.playlet-kpi-grid,.playlet-template-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.playlet-kpi-card .ant-card-body,.playlet-info-card .ant-card-body{padding:22px}.playlet-kpi-card__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.playlet-kpi-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;font-size:20px}.playlet-kpi-card__label{font-size:14px;color:var(--playlet-muted)}.playlet-kpi-card__value{margin-top:16px;font-size:32px;font-weight:700;line-height:1}.playlet-kpi-card__copy{margin-top:8px;font-size:13px;color:var(--playlet-muted)}.playlet-two-column{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:16px}.playlet-section-title{margin:0 0 6px;font-size:18px;font-weight:700}.playlet-section-copy{margin:0 0 18px;font-size:14px;color:var(--playlet-muted)}.playlet-progress-list{display:flex;flex-direction:column;gap:18px}.playlet-progress-row{display:flex;flex-direction:column;gap:8px}.playlet-progress-row__head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.playlet-insight-list{display:flex;flex-direction:column;gap:14px}.playlet-insight{padding:14px 16px;border-radius:16px;background:#f8faff;border:1px solid var(--playlet-border)}.playlet-insight__title{margin:0 0 8px;font-size:14px;font-weight:600}.playlet-insight__copy{margin:0;font-size:13px;line-height:1.7;color:var(--playlet-muted)}.playlet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.playlet-toolbar__left,.playlet-toolbar__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.playlet-toolbar__search{width:280px}.playlet-table-card .ant-card-body{padding:18px 18px 8px}.playlet-table-card .ant-table-wrapper{overflow-x:auto}.playlet-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.playlet-mini-stat{padding:16px;border-radius:18px;background:#f8faff;border:1px solid var(--playlet-border)}.playlet-mini-stat__label{display:block;margin-bottom:10px;font-size:13px;color:var(--playlet-muted)}.playlet-mini-stat__value{font-size:24px;font-weight:700}.playlet-prompt-cell{display:flex;flex-direction:column;gap:6px}.playlet-prompt-cell__text{color:var(--playlet-text);font-weight:500;line-height:1.7}.playlet-prompt-cell__sub{font-size:12px;color:var(--playlet-muted)}.playlet-prompt-cell__error{font-size:12px;color:var(--playlet-danger)}.playlet-status-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.playlet-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.playlet-template-card{height:100%;border:1px solid var(--playlet-border);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 16px 40px #0f172a0f}.playlet-template-card__cover{position:relative;height:150px;background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 22%),linear-gradient(135deg,#667eeaf2,#764ba2e0);overflow:hidden}.playlet-template-card__cover img{width:100%;height:100%;object-fit:cover}.playlet-template-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffeb;font-size:32px}.playlet-template-card__body{padding:18px}.playlet-template-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.playlet-template-card__title{margin:0 0 6px;font-size:17px;font-weight:700}.playlet-template-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:var(--playlet-muted);font-size:13px}.playlet-template-card__prompt{margin:14px 0 0;min-height:66px;font-size:13px;line-height:1.8;color:var(--playlet-muted)}.playlet-template-card__actions{display:flex;align-items:center;gap:10px;margin-top:18px}.playlet-template-card__actions .ant-btn{border-radius:12px}.playlet-template-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.playlet-empty-block{padding:56px 24px;border-radius:20px;background:#f8faff;border:1px dashed #d7dff4}@media (max-width: 1440px){body{min-width:0}.playlet-login__panel,.playlet-two-column,.playlet-template-grid,.playlet-kpi-grid,.playlet-mini-stats,.playlet-template-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.playlet-login__panel,.playlet-two-column,.playlet-template-grid,.playlet-kpi-grid,.playlet-mini-stats,.playlet-template-stats,.playlet-template-modal__grid{grid-template-columns:1fr}.playlet-login__intro{display:none}.playlet-shell__sidebar{width:88px}.playlet-shell__sidebar .playlet-shell__brand-copy,.playlet-shell__sidebar .playlet-shell__nav-copy,.playlet-shell__sidebar .playlet-shell__nav-title,.playlet-shell__sidebar .playlet-shell__user-meta{display:none}.playlet-shell__nav-btn,.playlet-shell__brand,.playlet-shell__user-row{justify-content:center}.playlet-shell__header,.playlet-shell__content{padding-left:20px;padding-right:20px}}