html,body,#root{min-height:100%}body{margin:0}a{color:inherit}:root{color:#e5e7eb;background:#0b1020;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#6366f138,#0000 28%),radial-gradient(circle at 100% 0,#ec489929,#0000 22%),#0b1020;margin:0}#root{width:100%;max-width:1600px;margin:0 auto;padding:24px}.app-shell{flex-direction:column;gap:16px;display:flex}.toast-stack{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:18px;right:18px}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:14px;min-width:220px;max-width:340px;padding:12px 14px;animation:.18s fadeIn;box-shadow:0 12px 30px #00000038}.toast-success{color:#d1fae5;background:#10b9812e}.toast-error{color:#fee2e2;background:#ef44442e}.toast-info{color:#dbeafe;background:#3b82f62e}.topbar,.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac7;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 12px 40px #00000040}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.topbar h1{margin:0 0 8px;font-size:32px}.topbar p{color:#94a3b8;margin:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.last-updated{color:#93c5fd;font-size:13px}.soft-badge{color:#cbd5e1;background:#ffffff0f;border-radius:999px;padding:8px 12px;font-size:12px}.status{border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700}.status.ok{color:#86efac;background:#10b9812e}.status.idle{color:#cbd5e1;background:#94a3b829}.panel{padding:18px}.field-grid{grid-template-columns:1.4fr 1fr auto;align-items:end;gap:12px;display:grid}.create-grid{grid-template-columns:1fr 1fr 1fr auto}label{color:#cbd5e1;flex-direction:column;gap:8px;font-size:14px;display:flex}input,select,button,textarea{color:#f8fafc;background:#0f172af2;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px;font-size:14px}button{cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;font-weight:700;transition:transform .14s,opacity .14s,background .14s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.danger{background:linear-gradient(135deg,#ef4444,#ec4899)}button.secondary{background:#94a3b82e;border:1px solid #94a3b838}.load-more-button{width:100%}.error-box{color:#fecaca;background:#7f1d1d59;border:1px solid #f8717140;border-radius:12px;margin-top:12px;padding:12px 14px}.summary-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-item{background:#ffffff0a;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.summary-item strong{color:#93c5fd}.workspace-grid{grid-template-columns:1.1fr 1fr 1.4fr;gap:16px;min-height:60vh;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-right:4px;display:flex}.panel-head h2,.create-panel h2{margin:0;font-size:20px}.create-head{margin-bottom:12px}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.checkbox-inline{align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-inline input{width:16px;height:16px;margin:0}.list-scroll{scroll-behavior:smooth;flex-direction:column;gap:10px;max-height:68vh;padding-right:4px;display:flex;overflow:hidden auto}.list-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;width:100%;margin:0;padding:12px;transition:border-color .15s,background .15s,transform .15s;display:grid}.list-item:hover{border-color:#94a3b861;transform:translateY(-1px)}.list-item.compact{cursor:pointer;text-align:left;flex-direction:column;width:100%;display:flex}.message-card{background:#ffffff08}.list-item.active{background:#6366f124;border-color:#818cf8cc;box-shadow:inset 0 0 0 1px #818cf82e}.email-card-button{text-align:left;width:100%;min-width:0;box-shadow:none;background:0 0;border:none;padding:0}.email-card-button:hover{transform:none}.list-item-main{cursor:pointer;flex-direction:column;gap:6px;min-width:0;display:flex}.row-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.list-item strong{word-break:break-all}.list-item span{color:#94a3b8;font-size:13px}.message-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-card span{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.detail-panel{flex-direction:column;min-width:0;display:flex}.detail-body{flex-direction:column;gap:16px;min-width:0;display:flex}.detail-meta,.detail-section{background:#ffffff08;border-radius:14px;min-width:0;padding:14px}.detail-meta{gap:8px;display:grid}.detail-meta-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;min-width:0;display:grid}.detail-meta-row strong{white-space:nowrap}.detail-meta-value{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0}.detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.detail-toolbar h3,.detail-section h3{margin:0}.detail-tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{background:#ffffff0f;border:1px solid #ffffff1a;padding:8px 12px}.tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#818cf8b3}pre{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.html-preview{background:#fff;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:420px}.empty{color:#94a3b8;text-align:center;padding:24px 10px}.subtle-tip{color:#93c5fd;text-align:center;padding:10px 6px 4px;font-size:13px}.detail-empty{margin:auto 0}.skeleton-wrap{flex-direction:column;gap:10px;padding:6px 0;display:flex}.skeleton-line{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.2s linear infinite shimmer}.skeleton-line:nth-child(2n){width:82%}.skeleton-line:nth-child(3n){width:64%}.detail-skeleton{flex-direction:column;gap:16px;display:flex}.fade-in{animation:.18s fadeIn}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.field-grid,.create-grid,.summary-panel,.workspace-grid{grid-template-columns:1fr}.toast-stack{top:12px;left:12px;right:12px}.toast{min-width:0;max-width:none}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start}.list-scroll{max-height:none;padding-right:0}.list-item{grid-template-columns:1fr}.row-actions{justify-content:flex-end}.detail-meta-row{grid-template-columns:1fr;gap:4px}}