:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#7b8497;--border:#e6eaf2;--primary:#5b67f1;--sidebar:#111827}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}
.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:var(--sidebar);padding:20px;color:#fff}.brand{display:flex;gap:10px;align-items:center;padding-bottom:18px;border-bottom:1px solid #ffffff16;margin-bottom:18px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#5b67f1,#8b5cf6);display:grid;place-items:center;font-size:20px;font-weight:bold}.brand small{display:block;color:#9ca3af;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#cbd5e1}.sidebar nav a:hover{background:#1f2937;color:#fff}
.main{margin-right:245px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content{padding:24px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat{background:#fff;padding:18px;border:1px solid var(--border);border-radius:16px}.stat span{color:var(--muted);font-size:13px}.stat b{display:block;font-size:28px;margin-top:10px}
.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px;overflow:auto}.panel h3{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between}
.btn{display:inline-block;border:1px solid var(--border);background:#fff;padding:9px 13px;border-radius:10px;cursor:pointer}.btn.primary,.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:right;padding:11px;border-bottom:1px solid var(--border);font-size:13px}th{color:#687386}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;font:inherit}.form-grid textarea{min-height:80px}.mini-task{padding:11px;border-bottom:1px solid var(--border)}.mini-task small{display:block;color:var(--muted);margin-top:5px}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-width:900px}.kan-col{background:#f0f3f8;padding:12px;border-radius:14px;min-height:250px}.kan-col h3{font-size:14px}.kan-col h3 span{background:#dfe4ee;padding:3px 7px;border-radius:99px}.task-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;cursor:grab}.task-card.dragging{opacity:.5}.task-card small{display:block;color:var(--muted);margin-top:5px}.task-card p{font-size:12px;color:#5f697a;line-height:1.8}.task-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
.login-body{min-height:100vh;display:grid;place-items:center;background:#f4f6fb}.login-card{width:min(420px,92vw);background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 20px 50px #0001}.login-card .logo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#5b67f1,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:bold}.login-card p{color:var(--muted)}.login-card label{display:block;margin:12px 0 6px}.login-card input{width:100%;padding:11px;border:1px solid var(--border);border-radius:10px}.login-card button{width:100%;margin-top:16px}.alert{background:#fff0f2;color:#b42332;padding:10px;border-radius:9px;margin-bottom:12px}
@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto}.main{margin-right:0}.cards{grid-template-columns:1fr 1fr}.content{padding:14px}.form-grid{grid-template-columns:1fr}.topbar{padding:0 14px}}