:root{--cfa:#6d5dfc;--ink:#111827;--muted:#64748b;--bg:#f5f7fb;--line:#e7eaf0}#wpcontent{padding-left:0}.cfa-app{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex}.cfa-sidebar{width:225px;background:#101322;color:#fff;padding:24px 16px;position:fixed;inset:32px auto 0 0}.cfa-brand{display:flex;gap:12px;align-items:center;font-size:18px;padding:0 10px 28px}.cfa-brand span{background:linear-gradient(135deg,#8b7dff,#5344dc);padding:10px;border-radius:12px}.cfa-sidebar nav{display:grid;gap:5px}.cfa-sidebar button{border:0;background:transparent;color:#aab1c5;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;font-weight:600}.cfa-sidebar button.active,.cfa-sidebar button:hover{background:#282b3e;color:#fff}.cfa-main{margin-left:225px;padding:32px;width:calc(100% - 225px);box-sizing:border-box}.cfa-main>header,.cfa-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.cfa-main h1{font-size:28px;margin:0 0 5px}.cfa-main h2{font-size:21px}.cfa-main p{color:var(--muted)}.cfa-primary,.cfa-render{border:0;background:var(--cfa);color:white;padding:11px 17px;border-radius:10px;font-weight:700;cursor:pointer}.cfa-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cfa-cards article,.cfa-panel,.cfa-projects article,.cfa-cuts article,.cfa-form{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.cfa-cards small{display:block;color:var(--muted);font-weight:600}.cfa-cards strong{font-size:30px;display:block;margin-top:10px}.cfa-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:18px}.cfa-view{display:none}.cfa-view.active{display:block}.cfa-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cfa-line div{flex:1}.cfa-line small{display:block;color:var(--muted);margin-top:4px}.dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.dot.completed,.dot.info{background:#10b981}.dot.running{background:#f59e0b}.dot.failed,.dot.error{background:#ef4444}progress{width:110px}.cfa-projects,.cfa-cuts{display:grid;gap:12px}.cfa-projects article,.cfa-cuts article{display:flex;align-items:center;gap:16px}.cfa-icon,.score{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eeecff;color:var(--cfa);font-weight:800}.cfa-projects article>div,.cfa-cuts article>div:nth-child(2){flex:1}.cfa-projects h3,.cfa-cuts h3{margin:0}.badge{background:#dcfce7;color:#168047;padding:5px 10px;border-radius:99px}.cfa-table{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:auto}.cfa-table table{width:100%;border-collapse:collapse}.cfa-table th,.cfa-table td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}.cfa-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.cfa-form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.cfa-form h3,.cfa-form #cfa-system{grid-column:1/-1}.cfa-form label,.cfa-modal label{font-weight:600;display:grid;gap:7px}.cfa-form input,.cfa-modal input,.cfa-modal textarea,.cfa-modal select{padding:11px;border:1px solid #d8dce5;border-radius:9px}.row{display:flex;gap:12px;grid-column:1/-1}.row label{flex:1}.cfa-modal{display:none;position:fixed;inset:0;background:#111827aa;z-index:100000;place-items:center}.cfa-modal.show{display:grid}.cfa-modal form{background:#fff;padding:26px;border-radius:18px;width:min(620px,90vw);display:grid;gap:15px;position:relative}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px}.cfa-toast{position:fixed;right:25px;bottom:25px;background:#111827;color:#fff;padding:14px 20px;border-radius:10px;transform:translateY(100px);transition:.2s}.cfa-toast.show{transform:none}.cfa-toast.error{background:#b91c1c}#cfa-system div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px}@media(max-width:1100px){.cfa-cards{grid-template-columns:repeat(3,1fr)}.cfa-grid{grid-template-columns:1fr}}@media(max-width:782px){.cfa-sidebar{width:70px;padding:15px 7px}.cfa-brand b,.cfa-sidebar button{font-size:0}.cfa-sidebar button:before{content:"•";font-size:22px}.cfa-main{margin-left:70px;width:calc(100% - 70px);padding:18px}.cfa-cards{grid-template-columns:repeat(2,1fr)}.cfa-main>header{align-items:flex-start}.cfa-form{grid-template-columns:1fr}.row{flex-direction:column}}
