:root{color:#1e293b;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,Arial}*{box-sizing:border-box}body{background:linear-gradient(#e8eef5 0,#f7f9fc 42%,#edf2f7 100%);margin:0}button,select,input,textarea{font:inherit}button{cursor:pointer}.topbar{color:#fff;background:linear-gradient(135deg,#173b66 0%,#235a8c 56%,#2b7ba6 100%);border-bottom:5px solid #f59e0b;justify-content:space-between;align-items:flex-start;gap:20px;min-height:155px;padding:26px 34px 34px;display:flex}.topbar h1{letter-spacing:-.03em;margin:3px 0 8px;font-size:34px}.topbar p{color:#dbeafe;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#fbbf24;font-size:12px;font-weight:800}.statusPills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.statusPills span{background:#ffffff18;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:13px;display:flex}.shell{grid-template-columns:340px 1fr;gap:22px;margin-top:-28px;padding:22px;display:grid}.sidebar{flex-direction:column;gap:16px;display:flex}.panel,.content,.editor{background:#fff;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 15px 35px #1f29371a}.panel{padding:16px}.panelTitle{color:#173b66;align-items:center;gap:8px;margin-bottom:14px;font-weight:900;display:flex}.importPanel label,.editor label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:10px 0 6px;font-size:12px;font-weight:800;display:block}select,input,textarea{color:#172033;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:11px 12px}.primary,.ghost{border:0;border-radius:12px;align-items:center;gap:8px;margin:6px 6px 0 0;padding:11px 14px;font-weight:800;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef6c00);box-shadow:0 8px 18px #f59e0b35}.ghost{color:#1e4f7c;background:#e2edf7}.templateList{flex-direction:column;gap:8px;max-height:520px;display:flex;overflow:auto}.template{color:#173b66;text-align:left;background:linear-gradient(#fff,#f7fafc);border:1px solid #dbe3ee;border-left:5px solid #7aa6ce;border-radius:12px;padding:11px 12px}.template.active{background:#fff7ed;border-left-color:#f59e0b}.template span{font-weight:850;display:block}.template small{color:#64748b;margin-top:4px;display:block}.content{min-height:660px;padding:18px}.msg{color:#166534;background:#ecfdf5;border:1px solid #22c55e;border-radius:13px;margin-bottom:14px;padding:12px 14px}.workspaceHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.workspaceHeader h2{color:#12385f;margin:4px 0 0;font-size:26px}.crumbs{color:#64748b;font-size:13px;font-weight:700}.cards{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:18px 0;display:grid}.cards div{background:linear-gradient(#f8fbff,#edf5ff);border:1px solid #d7e5f4;border-radius:16px;padding:14px}.cards b{color:#173b66;text-transform:capitalize;font-size:24px;display:block}.cards span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.workspace{grid-template-columns:1fr 365px;gap:18px;display:grid}.tree{background:#f8fafc;border:1px solid #dbe3ee;border-radius:18px;max-height:calc(100vh - 320px);padding:14px;overflow:auto}.treeTitle{color:#173b66;align-items:center;gap:8px;margin-bottom:12px;font-weight:900;display:flex}.section{background:#fff;border:1px solid #dbe3ee;border-radius:15px;margin:12px 0;overflow:hidden}.section h3{color:#fff;cursor:pointer;background:linear-gradient(90deg,#173b66,#225a89);align-items:center;gap:10px;margin:0;padding:13px 14px;display:flex}.section h3 span{color:#111827;background:#f59e0b;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.item{background:#f8fbff;border:1px solid #d9e6f2;border-radius:12px;margin:12px;padding:12px}.item b{color:#173b66;cursor:pointer;margin-bottom:8px;display:block}.item p,.section>p{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:8px 12px;padding:10px;line-height:1.45}.item p em,.section>p em{color:#075985;text-transform:capitalize;background:#e0f2fe;border-radius:999px;margin-right:8px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:800}.editor{height:max-content;padding:16px;position:sticky;top:14px}.editor h2{color:#173b66;margin-top:0}.editor p{color:#64748b}.editorBadge{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#173b66;border-radius:999px;margin-bottom:12px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.wide{justify-content:center;width:100%;margin-top:12px}.empty{color:#64748b;justify-content:center;align-items:center;gap:16px;min-height:380px;display:flex}.empty svg{color:#f59e0b}.empty h2{color:#173b66;margin:0 0 6px}@media (width<=980px){.shell,.workspace{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column}.editor{position:static}}