.projects-toolbar{display:flex;gap:12px;align-items:center;margin:18px 0}.projects-toolbar input,.projects-toolbar select,.project-form input,.project-form select,.project-form textarea,.milestone-add input,.milestone-row select,.milestone-row input{border:1px solid #dfe3e8;border-radius:10px;background:#fff;padding:11px 12px;font:inherit}.projects-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.project-column{background:#edf0f4;border-radius:16px;padding:12px;min-height:240px}.project-column h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:3px 3px 12px;display:flex;justify-content:space-between}.project-card{display:block;width:100%;text-align:left;border:1px solid #e0e3e7;background:#fff;border-radius:14px;padding:15px;margin-bottom:10px;cursor:pointer;color:#15171b}.project-card:hover{border-color:#d91b2b;box-shadow:0 8px 20px rgba(25,28,34,.08)}.project-card b,.project-card span,.project-card small{display:block}.project-card span{color:#657080;margin:7px 0}.project-card small{color:#8a929e}.project-progress{height:6px;background:#e7e9ed;border-radius:9px;margin:12px 0 7px;overflow:hidden}.project-progress i{display:block;height:100%;background:#d7192d;border-radius:9px}.project-card .payment-lock{color:#b01225;font-weight:700;margin-top:8px}.project-drawer{position:fixed;inset:0;z-index:30;background:rgba(15,17,21,.48);display:flex;justify-content:flex-end}.project-drawer[hidden]{display:none}.project-panel{width:min(720px,100%);height:100%;overflow:auto;background:#f7f8fa;padding:26px}.project-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.project-panel-head button{border:0;background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}.project-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.project-summary span{background:#fff;border:1px solid #e1e4e8;padding:7px 10px;border-radius:20px;font-size:12px}.project-tabs{display:flex;gap:6px;margin-bottom:15px}.project-tabs button{border:0;border-radius:9px;padding:9px 13px;background:#e7e9ed;cursor:pointer}.project-tabs button.active{background:#17191e;color:#fff}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border-radius:16px;padding:16px}.project-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.project-form .wide{grid-column:1/-1}.project-form button,.milestone-add button,.milestone-row button{border:0;border-radius:10px;padding:11px 14px;background:#d7192d;color:#fff;font-weight:700;cursor:pointer}.payment-gate{background:#fff3f4;border:1px solid #f1c7cc;border-radius:13px;padding:13px;margin:12px 0;color:#821222}.milestone-add{display:grid;grid-template-columns:1fr 150px auto;gap:8px;margin-bottom:12px}.milestone-row{display:grid;grid-template-columns:1fr 150px 145px auto;gap:8px;align-items:center;background:#fff;border-radius:13px;padding:11px;margin-bottom:8px}.milestone-row b{font-size:14px}.history-row{background:#fff;border-radius:13px;padding:13px;margin-bottom:8px}.history-row p{margin:5px 0;color:#67717e}.history-row small{color:#8a929e}@media(max-width:900px){.projects-board{grid-template-columns:repeat(4,260px)}.project-form{grid-template-columns:1fr}.project-form .wide{grid-column:auto}.milestone-add,.milestone-row{grid-template-columns:1fr}.project-panel{padding:18px}}