*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#1b2940;font:14px Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}h1{font-size:29px;margin:5px 0 0}h2{font-size:18px;margin:0 0 16px}.shell{display:flex;min-height:100vh}aside{width:245px;flex-shrink:0;background:#122745;color:white;padding:26px 17px;display:flex;flex-direction:column;gap:16px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand svg{color:#70b3ff}aside small{color:#a7bad2;overflow-wrap:anywhere}nav{display:grid;grid-gap:6px;gap:6px;margin-top:22px}.asidefoot button,nav button{background:transparent;color:#c3d1e1;display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border-radius:9px;width:100%}nav button.active,nav button:hover{background:#294668;color:white}.asidefoot{margin-top:auto;border-top:1px solid #3a506a;padding-top:18px;overflow-wrap:anywhere}.asidefoot span{font-size:12px;color:#adbed0}.content{flex:1 1;min-width:0;padding:34px;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1px;font-weight:700;color:#7d8b9d;margin:0}.auth form button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1c5eaa;color:white;border-radius:9px;padding:12px 18px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.panel,.stats article{background:white;border:1px solid #e4eaf2;border-radius:13px;padding:22px;box-shadow:0 2px 9px #182f4810}.stats article span{display:block;color:#68788e;font-size:13px;margin-bottom:16px}.stats strong{font-size:31px}.red{color:#c33c4a!important}.panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:18px}.line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf0f5}.line:last-child{border-bottom:0}.line b,.line small{display:block}.line small{color:#78889a;margin-top:5px}.line>span{font-size:12px;color:#67778a;white-space:nowrap}.muted{color:#8391a2}.quick{display:flex;gap:10px;flex-wrap:wrap}.quick button{background:#edf3fa;color:#1c4b7c;padding:13px 16px;border-radius:8px;gap:15px}.quick button,.toolbar{display:flex;align-items:center}.toolbar{gap:8px;background:white;border:1px solid #e1e7ef;border-radius:10px;padding:0 14px;margin-bottom:20px;max-width:430px}.toolbar input{border:0;outline:0;padding:14px 3px;flex:1 1;min-width:0}.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:24px;align-items:flex-start}.lane{min-width:260px;width:260px;background:#eaf0f6;border-radius:12px;padding:13px}.lane h3{font-size:13px;display:flex;justify-content:space-between;gap:10px}.lane h3 span{background:#d7e1ec;border-radius:20px;padding:2px 8px}.task{background:white;padding:14px;border-radius:10px;margin:10px 0;box-shadow:0 2px 5px #1b2e4310;cursor:-webkit-grab;cursor:grab}.task p{font-size:12px;color:#7d8999;max-height:60px;overflow:hidden}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.chips span{background:#edf3f9;color:#37648d;font-size:11px;padding:5px 8px;border-radius:6px}.task small{color:#7d8999}.actions{display:flex;gap:7px;justify-content:flex-end}.actions button,.modalhead button{background:transparent;color:#61758c;padding:6px}.task select{margin-top:9px;width:100%;border:1px solid #dce4ed;padding:7px;border-radius:6px;background:white}.addlane{background:transparent;color:#45688e;display:flex;gap:6px;padding:10px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.auth{background:white;border:1px solid #e2e8f1;border-radius:16px;padding:32px;width:min(420px,100%);box-shadow:0 8px 35px #203b5517}.auth .brand{color:#193859;margin-bottom:30px}.auth p{color:#6b7c90}.auth form,.modal form{display:grid;grid-gap:15px;gap:15px}.auth label,.modal label{display:grid;grid-gap:7px;gap:7px;font-weight:600;color:#42566c}.auth input,.modal input,.modal select,.modal textarea{border:1px solid #d8e0ea;border-radius:8px;padding:11px;width:100%;background:white;color:#243850}.modal textarea{min-height:75px}.link{background:transparent;color:#1c5eaa;margin-top:15px}.error,.errorbar{color:#a72534;background:#fff0f1;padding:12px;border-radius:8px}.errorbar{display:flex;justify-content:space-between;margin-bottom:15px}.errorbar button{background:transparent}.overlay{position:fixed;inset:0;background:#0b1e36a3;display:grid;place-items:center;padding:15px;z-index:10}.modal{background:white;border-radius:14px;width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:25px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalbuttons{display:flex;justify-content:flex-end;gap:10px}.secondary{background:#e9eef4;padding:12px 18px;border-radius:8px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}aside{width:190px}.content{padding:22px}}@media(max-width:650px){.shell{display:block}aside{width:100%;padding:14px;gap:5px}aside .brand{font-size:18px}.asidefoot,aside small{display:none}nav{display:flex;overflow-x:auto;margin:8px 0 0}nav button{white-space:nowrap;padding:10px;font-size:12px}nav button svg{width:16px}.content{padding:18px}header{align-items:flex-start}header h1{font-size:24px}.primary{padding:10px;font-size:12px}.stats{gap:10px}.stats article{padding:14px}.stats strong{font-size:25px}.panel{padding:15px}.line{flex-wrap:wrap}}