:root{--navy:#132d63;--green:#08a66c;--ink:#10213f;--muted:#6f7f9e;--line:#e2e8f1;--bg:#f6f8fb;--white:#fff;--red:#df2334;--orange:#e89b17}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;font-size:21px;color:var(--navy);padding:4px 8px 25px}.logo span,.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;font-weight:800}nav{display:grid;gap:5px}nav a{padding:12px 14px;border-radius:10px;color:#5f6f8f;font-weight:650}nav a:hover,nav a.active{background:#eaf8f3;color:var(--green)}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:grid;gap:8px}.aside-bottom small{font-weight:700}.aside-bottom a{color:var(--muted)}main{padding:28px 32px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:28px;margin:0 0 4px}header p,.panel-head p{margin:0;color:var(--muted)}.user-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:14px;font-weight:800}.user-chip>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8f3;color:var(--green)}.user-chip span{display:grid}.user-chip small{color:var(--muted);font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat,.panel,.service-card,.member-card{background:#fff;border:1px solid var(--line);border-radius:16px}.stat{padding:20px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:28px;margin:8px 0}.panel{overflow:hidden}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.panel-head{border-bottom:1px solid var(--line)}.panel-head h2{margin:0 0 3px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.full{width:100%}.deadline-list{padding:8px 18px 18px}.deadline{display:grid;grid-template-columns:18px 1fr auto;gap:16px;align-items:center;padding:16px 6px;border-bottom:1px solid var(--line)}.deadline div{display:grid}.deadline span{color:var(--muted);margin-top:4px}.dot{width:12px;height:12px;border-radius:50%}.red{--tone:var(--red)}.orange{--tone:var(--orange)}.green{--tone:var(--green)}.gray{--tone:#8290aa}.dot{background:var(--tone)}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--tone) 12%,white);color:var(--tone);font-style:normal;font-weight:750;white-space:nowrap}.toolbar{padding:0 0 18px}.toolbar input{width:min(420px,60%);padding:13px;border:1px solid var(--line);border-radius:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#51617e;font-size:13px}td small{display:block;color:var(--muted);margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;overflow:auto}.kanban-col{background:#f1f4f8;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:500px}.kanban-col h3{display:flex;justify-content:space-between}.kanban-col h3 span{background:#fff;border-radius:99px;padding:2px 8px}.task-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 2px 8px #10213f0a;display:grid;gap:6px}.task-card small{color:var(--muted)}.task-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.task-card select{max-width:115px;border:1px solid var(--line);border-radius:8px;padding:6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.service-card,.member-card{padding:22px}.service-card>span{color:var(--green);font-weight:750}.service-card h3{margin:12px 0}.service-card strong{font-size:26px}.service-card p{color:var(--muted)}.member-card{text-align:center}.avatar{margin:auto;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#eaf8f3;color:var(--green);font-size:25px;font-weight:900}.member-card>div:not(.avatar){display:flex;justify-content:center;gap:25px}.member-card span{display:grid;color:var(--muted)}.member-card em{display:inline-block;margin-top:15px}.alert{padding:12px 15px;border-radius:10px;background:color-mix(in srgb,var(--tone) 12%,white);color:var(--tone);margin-bottom:16px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#effaf6,#f6f8fb)}.login-card,.install-card{width:min(440px,92vw);background:#fff;padding:34px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px #10213f18}.install-card{width:min(720px,94vw)}label{display:grid;gap:7px;font-weight:700;margin-bottom:15px}input,select,textarea{font:inherit;padding:11px 12px;border:1px solid #cad3e0;border-radius:9px;background:#fff}textarea{resize:vertical}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span2{grid-column:span 2}.grid-form hr{width:100%;border:0;border-top:1px solid var(--line)}dialog{border:0;border-radius:18px;padding:0;width:min(600px,94vw);box-shadow:0 25px 80px #07122555}dialog::backdrop{background:#07122588}.modal-form{padding:22px}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between}.modal-head{margin-bottom:18px}.modal-head h2{margin:0}.modal-head button{border:0;background:none;font-size:28px;cursor:pointer}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:4;padding:10px 14px;flex-direction:row;align-items:center;overflow:auto}.logo{padding:0;margin-right:10px}.logo b{display:none}nav{display:flex}nav a{white-space:nowrap;padding:9px}.aside-bottom{display:none}main{padding:18px}.stats{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:repeat(4,280px)}header p{display:none}}@media(max-width:560px){.stats{grid-template-columns:1fr}.user-chip span span{display:none}.grid-form,.two{grid-template-columns:1fr}.span2{grid-column:auto}h1{font-size:23px}}