*{box-sizing:border-box}body{margin:0;font:14px/1.4 system-ui,Segoe UI,Arial,sans-serif;background:#f3f4f6;color:#1f2937}
a{color:#b45309;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}
header{display:flex;align-items:center;gap:16px;background:#111827;color:#fff;padding:10px 18px}
header .brand{font-weight:700;font-size:17px;color:#fbbf24}header input{flex:1;max-width:460px;padding:7px 10px;border-radius:6px;border:0}
header .user{margin-left:auto;font-size:13px}header button{margin-left:8px}
.layout{display:flex;min-height:calc(100vh - 50px)}nav{width:200px;background:#1f2937;padding:10px 0}
nav a{display:block;color:#d1d5db;padding:9px 18px}nav a.active,nav a:hover{background:#374151;color:#fff;text-decoration:none}
main{flex:1;padding:20px;overflow:auto}h1{margin:0 0 14px;font-size:22px}h2{font-size:16px;margin:0 0 10px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 2px #0002;cursor:pointer}.card b{display:block;font-size:26px}
.zones{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.panel{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 2px #0002;margin-bottom:14px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#f9fafb;font-size:12px;text-transform:uppercase;color:#6b7280}
tr.click{cursor:pointer}tr.click:hover{background:#fffbeb}
button,.btn{background:#d97706;color:#fff;border:0;border-radius:6px;padding:7px 14px;cursor:pointer;font-size:14px}button.sec{background:#6b7280}button.danger{background:#b91c1c}button.big{font-size:18px;padding:14px 24px;width:100%}
input,select,textarea{font:inherit;padding:7px;border:1px solid #d1d5db;border-radius:6px;width:100%}textarea{min-height:110px}
label{display:block;font-size:12px;font-weight:600;color:#374151;margin:8px 0 3px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.tabs a{padding:6px 12px;background:#e5e7eb;border-radius:6px;color:#374151}.tabs a.active{background:#d97706;color:#fff}
.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#e5e7eb}.p-urgent{background:#fecaca}.p-high{background:#fed7aa}.overdue{color:#b91c1c;font-weight:600}
.msg{padding:10px;border-radius:6px;margin-bottom:12px}.ok{background:#dcfce7}.err{background:#fee2e2}
.login{max-width:360px;margin:12vh auto;background:#fff;padding:28px;border-radius:10px;box-shadow:0 2px 10px #0002}
.muted{color:#6b7280;font-size:12px}.note{background:#fef3c7;padding:8px;border-radius:6px;font-size:12px}
.ac{position:relative}.ac ul{position:absolute;z-index:5;background:#fff;border:1px solid #d1d5db;list-style:none;margin:0;padding:0;width:100%;max-height:200px;overflow:auto}.ac li{padding:6px;cursor:pointer}.ac li:hover{background:#fef3c7}
.comment{border-left:3px solid #fbbf24;padding:4px 10px;margin:6px 0;background:#fffbeb}