*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6f9;color:#172033}button,input{font:inherit}.app{display:flex;min-height:100vh}aside{width:245px;background:#121923;color:#d9e0ea;padding:28px 20px;display:flex;flex-direction:column}.brand b{font-size:25px;color:#fff}.brand span{display:block;color:#8f9baa;margin-top:2px}nav{line-height:3;margin-top:45px}.user{margin-top:auto;border-top:1px solid #303846;padding-top:18px;font-size:12px;font-weight:700}.user small{display:block;color:#94a0b1;font-weight:400;margin:5px 0 12px}.user button{background:#273140;color:#fff;border:0;border-radius:7px;padding:8px 12px}main{flex:1;padding:35px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}header small{font-weight:700;color:#6b7280;letter-spacing:1px}h1{margin:5px 0}.new{display:flex;gap:8px}.new input{border:1px solid #d9dee7;border-radius:8px;padding:10px;width:240px}.new button,.login button{border:0;background:#151d29;color:#fff;border-radius:8px;padding:10px 15px;font-weight:700}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:15px}.column{background:#e7ebf1;border-radius:11px;padding:12px;min-height:520px}.column h2{font-size:15px;margin:3px}.column h2 span{margin-left:8px;background:#d4dae3;padding:2px 7px;border-radius:20px;font-size:11px}article{background:#fff;border:1px solid #e0e4ea;border-radius:9px;padding:14px;margin-top:10px;cursor:grab;box-shadow:0 1px 3px #0000000d}article p{font-size:12px;color:#697386}.delete{border:0;background:none;color:#9b1c1c;font-size:11px;padding:0;cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:#eef1f5}.login form{width:370px;background:#fff;padding:38px;border-radius:14px;box-shadow:0 15px 50px #00000014;text-align:center;display:grid;gap:13px}.login input{padding:11px;border:1px solid #d7dce4;border-radius:8px}.crest{width:55px;height:55px;background:#151d29;color:#fff;border-radius:12px;display:grid;place-items:center;margin:auto;font-size:28px;font-weight:700}.login p{color:#667085}@media(max-width:850px){aside{display:none}.board{grid-template-columns:1fr 1fr}main{padding:18px}}@media(max-width:550px){.board{grid-template-columns:1fr}header{display:block}.new{margin-top:15px}.new input{width:100%}}aside nav{display:grid;gap:7px}aside nav button{border:0;background:transparent;color:#d9e0ea;text-align:left;padding:10px;border-radius:7px;cursor:pointer}aside nav button:hover{background:#273140}.new select{border:1px solid #d9dee7;border-radius:8px;padding:10px;background:#fff}.panel{background:#fff;border:1px solid #e1e5eb;border-radius:12px;padding:22px;max-width:850px}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf0f4}.hint{color:#697386;font-size:13px}@media(max-width:800px){.adminGrid{grid-template-columns:1fr}}.labels{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:7px}.labels i{font-style:normal;font-size:10px;background:#dbe5f2;padding:3px 6px;border-radius:20px}.cardmeta{display:flex;gap:8px;flex-wrap:wrap;color:#687386;font-size:10px;margin-top:9px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:28px;position:relative;display:grid;gap:13px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.modalTitle{border:0;border-bottom:1px solid #e5e7eb;font-size:25px;font-weight:750;padding:8px 0}.modal label{display:grid;gap:6px;font-size:12px;font-weight:700}.modal input,.modal textarea,.modal select{border:1px solid #d8dde5;border-radius:8px;padding:10px;font:inherit}.modal textarea{min-height:100px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline{display:flex;gap:8px}.inline input{flex:1}.inline button,.modalActions button{border:0;background:#151d29;color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.check{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef0f3;padding:6px}.check span{flex:1}.check button{border:0;background:none;cursor:pointer}.comment{background:#f6f7f9;border-radius:8px;padding:10px}.comment span{font-size:10px;color:#7b8492;margin-left:8px}.comment p{margin:6px 0 0;font-size:13px}.modalActions{display:flex;justify-content:space-between;margin-top:8px}.modalActions .danger{background:#991b1b}@media(max-width:600px){.formgrid{grid-template-columns:1fr}}.bell{position:relative;font-size:19px;padding:5px}.bell em{position:absolute;right:-2px;top:-3px;background:#991b1b;color:#fff;border-radius:20px;font-size:9px;font-style:normal;padding:2px 5px}.modal.wide{width:min(800px,100%)}.uploadBtn{display:inline-block!important;width:max-content;background:#eef1f5;padding:10px 13px;border-radius:8px;cursor:pointer}.attachment{display:flex;justify-content:space-between;align-items:center;border:1px solid #e4e7ec;border-radius:8px;padding:10px}.attachment small{display:block;color:#7c8797;margin-top:3px}.attachment button{border:0;background:#eef1f5;padding:6px 8px;border-radius:6px;margin-left:5px;cursor:pointer}.timeline{border-left:2px solid #dce1e8;margin-left:7px;padding-left:16px}.timeline>div{display:flex;gap:10px;margin-bottom:12px}.timeline>div>span{margin-left:-23px;color:#667085;background:#fff}.timeline p{margin:0;font-size:12px}.timeline small{display:block;color:#8b95a5;margin-top:3px}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #dce3eb;border-left:1px solid #dce3eb;background:#fff;width:100%}.calendarDayName{padding:12px 8px;text-align:center;font-weight:700;font-size:13px;background:#f3f6fa;border-right:1px solid #dce3eb;border-bottom:1px solid #dce3eb;color:#475569}.calendarCell{min-height:120px;padding:8px;border-right:1px solid #dce3eb;border-bottom:1px solid #dce3eb;background:#fff;box-sizing:border-box}.calendarCell.empty{background:#f8fafc}.calendarNumber{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#172033}.calendarCard{background:#e8f1ff;border-left:3px solid #2563eb;border-radius:5px;padding:6px 7px;margin-bottom:5px;font-size:12px;font-weight:600;color:#17335c;cursor:pointer;overflow:hidden}.calendarCard:hover{background:#dbeafe}@media(max-width:900px){.calendarCell{min-height:90px;padding:5px}.calendarDayName{font-size:11px;padding:8px 3px}.calendarCard{font-size:10px;padding:4px}}.calendarCell.today{background:#f0f6ff}.calendarCell.today .calendarNumber{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff}.bell{position:relative}.notificationBox{position:absolute;top:45px;right:0;width:360px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid #d8dee8;border-radius:12px;box-shadow:0 12px 30px #0000002e;padding:16px;z-index:1000;cursor:default}.notificationBox h3{margin:0 0 12px;font-size:18px}.notificationItem{padding:12px 4px;border-bottom:1px solid #e5e7eb}.notificationItem:last-child{border-bottom:none}.notificationItem p{margin:0 0 5px;font-size:14px}.notificationItem small{color:#64748b;font-size:12px}.notificationUnread{background:#fff;font-weight:600}.notificationRead{background:#f5f7fa;opacity:.65}