:root{--red:#c9152b;--dark:#101114;--bg:#f6f7f9;--line:#e5e7eb;--muted:#69707d}*{box-sizing:border-box}body{background:var(--bg);color:#111;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#fff;flex-direction:column;width:245px;padding:22px 14px;display:flex}.logo{align-items:center;gap:10px;margin:0 10px 25px;display:flex}.logo>span{background:var(--red);border-radius:9px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;display:grid}.logo b{letter-spacing:1px;display:block}.logo small{color:#aeb2bb;font-size:10px}.nav{color:#b9bdc6;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;margin:2px 0;padding:12px;display:flex}.nav svg{width:18px}.nav.active,.nav:hover{color:#fff;background:#271419}.logout{color:#aaa;text-align:left;background:0 0;border:0;gap:10px;margin-top:auto;padding:12px;display:flex}.shell main{flex:1;min-width:0}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}header h1{margin:0;font-size:23px}header p{color:var(--muted);margin:3px 0 0;font-size:12px}.primary{background:var(--red);color:#fff;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.page{max-width:1450px;padding:26px}.cards{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.card small,.card span{color:var(--muted);display:block}.card strong{margin:7px 0;font-size:30px;display:block}.panel{margin-top:18px}.panel h2{margin:0 0 15px;font-size:16px}.table{width:100%}.tr{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1.4fr 1.2fr .5fr .9fr .8fr;align-items:center;gap:10px;padding:12px 7px;font-size:13px;display:grid}.th{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.pill{color:#2c65c8;background:#edf3ff;border-radius:99px;width:max-content;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.pill.danger{color:var(--red);background:#fdecef}.board{grid-template-columns:repeat(8,190px);gap:12px;display:grid;overflow:auto}.stage{background:#eceef1;border-radius:10px;min-height:400px;padding:12px}.stage h3{text-transform:uppercase;color:#60656f;margin:3px;font-size:12px}.job{border:1px solid var(--line);background:#fff;border-radius:9px;gap:5px;margin-top:9px;padding:11px;font-size:12px;display:grid}.job span{color:var(--muted)}.job button{color:#fff;background:#111;border:0;border-radius:6px;padding:7px;font-size:10px}.simple-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.simple-card{border:1px solid var(--line);border-radius:9px;gap:5px;padding:15px;display:grid}.simple-card span{color:var(--muted);font-size:12px}.empty,.loading{text-align:center;color:var(--muted);padding:45px}.login{background:var(--bg);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(420px,92%);padding:30px}.login-card h1{margin:20px 0 5px}.login-card p{color:var(--muted);font-size:13px}.login-card label{gap:6px;margin:15px 0;font-size:12px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);border-radius:8px;padding:11px}.full{justify-content:center;width:100%;margin-top:8px}@media (max-width:900px){.sidebar{width:205px}.cards,.simple-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.sidebar{display:none}.page{padding:14px}.cards,.tr{grid-template-columns:1fr 1fr}.th{display:none}header{padding:0 15px}.board{grid-template-columns:repeat(8,180px)}}.delete-btn{color:var(--red);cursor:pointer;background:#fff5f6;border:1px solid #f0b5be;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.delete-btn:hover{background:#fdecef}.secondary{border:1px solid var(--line);color:#222;background:#fff;border-radius:8px;padding:10px 14px;font-weight:700}.modal-backdrop{z-index:100;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(850px,100%);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 20px 60px #00000040}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:17px;padding-bottom:15px;display:flex}.modal-head h2{margin:0;font-size:20px}.close{cursor:pointer;background:#f1f2f4;border:0;border-radius:7px;width:32px;height:32px;font-size:22px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{gap:6px;font-size:11px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;padding:10px}.form-grid textarea{resize:vertical;min-height:90px}.form-grid .wide{grid-column:1/-1}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;display:flex}.tr{grid-template-columns:1.2fr 1.4fr 1.2fr .5fr .9fr .8fr .65fr}@media (max-width:700px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal{padding:16px}.modal-actions{background:#fff;position:sticky;bottom:0}}.modal-kicker{letter-spacing:.12em;color:var(--red);margin-bottom:5px;font-size:10px;font-weight:900}.modal-head h2{margin:0 0 4px}.modal-head p{color:var(--muted);margin:0;font-size:12px}