@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#17221d;font-synthesis:none;background:#f3f5f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#dce7e0;background:#14221b;flex-direction:column;padding:28px 18px;display:flex}.brand{align-items:center;gap:10px;font:700 19px Manrope;display:flex}.brand svg{color:#d9a441}nav{gap:8px;margin-top:50px;display:grid}nav button,.logout{color:#aabbb1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px;display:flex}nav button svg,.logout svg{width:18px}.active,nav button:hover{color:#fff!important;background:#24372d!important}.logout{margin-top:auto}.content{padding:45px 5vw}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1,h2{margin:0;font-family:Manrope}h1{font-size:32px}header p{color:#718079;margin:6px 0}.primary,form>button{color:#fff;cursor:pointer;background:#bd7b2a;border:0;border-radius:9px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex}.primary svg{width:17px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.stats div,.panel{background:#fff;border:1px solid #e1e5e2;border-radius:14px;padding:22px}.stats strong{font:700 28px Manrope;display:block}.stats span,small{color:#728079}.projects{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}article{background:#fff;border:1px solid #e0e4e1;border-radius:14px;padding:22px;box-shadow:0 5px 18px #263c3008}article h2{margin:20px 0 7px;font-size:20px}article p{color:#69776f;min-height:45px}.card-top{color:#8a9690;justify-content:space-between;font-size:13px;display:flex}.status{color:#4f5e56;background:#edf0ee;border-radius:20px;padding:5px 10px}.status.processing,.status.rendering{color:#9b641c;background:#fff1d9}.status.completed{color:#23724b;background:#dff3e8}.status.failed{color:#a53d35;background:#fde3e1}.mix{background:#2d7560;border-radius:9px;height:7px;margin:20px 0 8px;display:flex;overflow:hidden}.mix i{background:#d49a47}.actions{gap:8px;margin-top:20px;display:flex}.actions button,.ghost{cursor:pointer;background:#fff;border:1px solid #dce2de;border-radius:8px;padding:9px 12px}.actions .danger{color:#a34a43;gap:5px;margin-left:auto;display:flex}.danger svg{width:15px}.empty-state{text-align:center;border:1px dashed #c8d0cb;border-radius:14px;grid-column:1/-1;padding:80px}.empty-state>svg{color:#bd7b2a;width:48px;height:48px}.empty-state h2{margin:16px}.empty-state p,.empty{color:#77837c}.modal{z-index:3;background:#122019aa;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal .panel{width:min(760px,100%);max-height:92vh;overflow:auto}.panel-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wide{grid-column:1/-1}label{color:#59675f;gap:7px;font-size:14px;font-weight:600;display:grid}input,textarea,select{color:#17221d;background:#fbfcfb;border:1px solid #d5dbd7;border-radius:8px;padding:11px}textarea{resize:vertical;min-height:80px}.form>.primary{margin-top:20px}.error{color:#9f3730;background:#fde9e7;border-radius:8px;margin:12px 0;padding:10px 12px}.success{color:#26734f}.login{background:radial-gradient(circle at 100% 0,#355546,#14221b 55%);place-items:center;min-height:100vh;display:grid}.login section{background:#fff;border-radius:18px;width:min(420px,90vw);padding:38px}.login .brand{color:#21352b;margin-bottom:35px}.login h1{margin-bottom:7px}.login p{color:#718079}.login form{gap:17px;margin-top:27px;display:grid}.provider-form{grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;display:grid}.check{align-items:center;display:flex}.row{border-bottom:1px solid #eef0ef;grid-template-columns:repeat(4,1fr);padding:14px 0;display:grid}.panel+.panel{margin-top:20px}.panel h2{margin-bottom:15px}@media (width<=760px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;padding:16px}nav{margin:0 0 0 auto;display:flex}nav button{font-size:0}.logout{margin:0;font-size:0}.content{padding:28px 18px}.stats,.grid,.provider-form{grid-template-columns:1fr}.wide{grid-column:auto}}