@font-face{font-family:Comfortaa;src:url('/comfortaa-regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;color:#203650;font-family:Arial,sans-serif;background:#f5f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.brand,.stat strong{font-family:Comfortaa,Arial,sans-serif}h1{margin:4px 0 8px;font-size:27px;letter-spacing:-.8px}h2{font-size:20px}p{line-height:1.5}.hidden{display:none!important}.muted,.subtitle{color:#748399}.eyebrow{margin:0;color:#e94e84;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.app{display:flex;min-height:100vh}.sidebar{width:224px;background:#143455;color:white;display:flex;flex-direction:column;padding:28px 16px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 36px;font-size:14px}.brand small{display:block;font:11px Arial,sans-serif;color:#acc0d4;margin-top:4px}.brand-mark{width:42px;height:42px;border-radius:14px;background:#fbe056;color:#143455;display:grid;place-items:center;font:800 23px Comfortaa,Arial,sans-serif;flex:none;position:relative}.brand-mark span{color:#f05c8d;position:absolute;right:2px;top:1px;font-size:12px}.sidebar nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:#bed1df;text-align:left;border-radius:11px;padding:13px 15px;font-weight:700;display:flex;gap:13px;align-items:center}.nav:hover,.nav.active{background:#2b5172;color:white}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid #335773}#user-badge{font-weight:700;font-size:13px;margin-bottom:12px}.text-button{background:none;border:0;color:#c3d5e3;padding:4px 0;display:block;font-size:12px}.text-button:hover{text-decoration:underline}main{min-width:0;flex:1;padding:34px 32px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.subtitle{margin:0;font-size:13px}.button{border:1px solid #d6dfeb;background:white;color:#24415f;padding:10px 16px;border-radius:10px;font-weight:700;white-space:nowrap}.button:hover{filter:brightness(.97)}.button.primary{background:#ef5d8f;color:white;border-color:#ef5d8f;box-shadow:0 4px 12px #ef5d8f30}.button.danger{color:#b23e55}.button.small{font-size:12px;padding:7px 10px}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:29px 0 20px}.stat{background:white;border:1px solid #e5eaf1;border-radius:15px;padding:18px;box-shadow:0 4px 18px #173b5b08}.stat strong{display:block;font-size:26px;margin-top:7px;color:#143b5b}.stat span{font-size:12px;color:#78879b}.stat:before{content:'';display:block;width:26px;height:4px;border-radius:4px;background:#9acdda}.stat:nth-child(2):before{background:#ee6493}.stat:nth-child(3):before{background:#f7c85d}.stat:nth-child(4):before{background:#65bca5}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.toolbar select,.search-wrap{background:white;border:1px solid #e1e7ee;border-radius:10px;height:38px;color:#526981;font-size:12px}.toolbar select{padding:0 10px}.search-wrap{display:flex;align-items:center;padding:0 11px;min-width:220px;flex:1;font-size:22px}.search-wrap input{border:0;outline:0;width:100%;padding-left:8px;font-size:12px;color:#203650}.check-filter{display:flex;align-items:center;gap:5px;font-size:12px;color:#62758a;padding:0 5px}.board{display:grid;grid-template-columns:repeat(6,minmax(205px,1fr));gap:12px;overflow-x:auto;align-items:start;padding-bottom:12px}.column{background:#eef2f7;border-radius:13px;padding:11px;min-height:330px;border:1px solid #e4ebf3}.column.dragover{outline:2px dashed #e95c8d}.column-head{display:flex;align-items:center;gap:7px;padding:4px 3px 13px;font-size:12px;font-weight:800}.column-head .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.column-head .count{margin-left:auto;background:#dce5ed;border-radius:20px;padding:3px 7px;color:#587086}.task-card{background:white;border:1px solid #e4eaf2;border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:0 2px 6px #15375208;cursor:pointer;transition:transform .15s,box-shadow .15s}.task-card:hover{transform:translateY(-2px);box-shadow:0 7px 16px #15375218}.task-card.dragging{opacity:.45}.task-card h3{font:700 12px/1.45 Arial,sans-serif;margin:9px 0}.card-top{display:flex;justify-content:space-between;gap:6px}.priority{font-size:10px;font-weight:700;border-radius:5px;padding:3px 6px;background:#edf4f7;color:#537082}.priority.urgent{background:#ffe2e5;color:#b93953}.priority.high{background:#fff0d7;color:#ab6a11}.priority.low{background:#e5f4ec;color:#388463}.area{font-size:10px;color:#8291a3}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #eef1f5;padding-top:8px;font-size:10px;color:#8190a1}.overdue{color:#c13e58!important;font-weight:700}.empty-column{font-size:11px;color:#9aa9b7;text-align:center;padding:25px 5px;border:1px dashed #cbd5df;border-radius:10px}.list-view,.people-view{background:white;border:1px solid #e5eaf1;border-radius:15px;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f8fafc;color:#718398;font-size:10px;text-transform:uppercase;letter-spacing:.7px}td,th{padding:14px 17px;border-bottom:1px solid #edf1f5}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f7fafe}.pill{display:inline-block;border-radius:20px;background:#eaf1f5;padding:5px 9px;font-size:10px;font-weight:700}.people-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.people-head h2{margin:0}.modal{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end}.modal-shade{position:absolute;inset:0;background:#10263b99}.modal-panel{position:relative;background:white;width:min(640px,100%);height:100%;overflow-y:auto;padding:30px 34px 50px;box-shadow:-12px 0 30px #0c223340}.modal-close{position:absolute;right:22px;top:20px;border:0;background:#f0f3f7;border-radius:8px;width:28px;height:28px;font-size:22px;color:#667b91}.modal-panel h2{margin:9px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:block;margin-bottom:14px;color:#536a80;font-size:11px;font-weight:700}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #dbe3eb;border-radius:9px;padding:10px;margin-top:5px;color:#253b51;background:white;outline-color:#ed6492;font-size:13px}.field textarea{min-height:105px;resize:vertical}.form-actions{display:flex;gap:9px;justify-content:flex-end;padding:15px 0}.detail-section{border-top:1px solid #e7edf3;padding-top:18px;margin-top:12px}.detail-section h3{font-size:13px}.check-item{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:12px}.check-item span{flex:1}.check-item.done span{text-decoration:line-through;color:#9aabba}.icon-button{background:none;border:0;color:#9aaabd;font-size:18px}.inline-form{display:flex;gap:7px}.inline-form input{flex:1;min-width:0;border:1px solid #dbe3eb;border-radius:8px;padding:9px}.comment{padding:12px;background:#f7f9fc;border-radius:9px;margin:8px 0;font-size:12px}.comment strong{font-size:11px}.comment time{color:#9aa8b9;font-size:10px;margin-left:8px}.comment p{margin:6px 0 0;white-space:pre-wrap}.activity{font-size:11px;color:#7b8da0;border-left:2px solid #e2e8ee;padding:5px 12px;margin:6px 0}.error{color:#be3b56;font-size:12px;min-height:16px}.toast{position:fixed;bottom:20px;right:20px;background:#193b59;color:white;padding:12px 17px;border-radius:9px;box-shadow:0 6px 20px #14345540;z-index:20;font-size:12px}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 18%,#fce4ed 0,transparent 27%),radial-gradient(circle at 20% 78%,#ddf1f5 0,transparent 33%),#f7f9fc;padding:20px}.login-card{width:min(410px,100%);background:white;border-radius:22px;padding:38px;box-shadow:0 15px 45px #16375014}.login-card .brand-mark{margin-bottom:20px}.login-card h1{font-size:25px;line-height:1.35}.login-card form{margin-top:26px}.login-card label{display:block;font-size:12px;font-weight:700;color:#5f7388;margin:15px 0}.login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dbe3eb;border-radius:9px}.login-card .muted{font-size:13px}@media(max-width:1100px){.board{grid-template-columns:repeat(6,220px)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:60px;padding:20px 7px}.brand{padding:0 2px 30px}.brand>div:last-child,.nav span,.sidebar-bottom{display:none}.nav{justify-content:center;padding:13px 0}.brand-mark{width:40px;height:40px}main{padding:22px 14px}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.topbar .button{font-size:11px;padding:9px}.stats{gap:7px;margin:20px 0}.stat{padding:12px}.stat strong{font-size:21px}.toolbar select{max-width:140px}.modal-panel{padding:25px 19px 45px}.form-grid{grid-template-columns:1fr}.board{grid-template-columns:repeat(6,225px)}}