:root{--primary:#2CA5E0;--bg:#f5f7fb}
*{box-sizing:border-box;font-family:Inter,system-ui} body{margin:0;background:var(--bg)}
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#2CA5E0,#1a7bb5)}
.login-container{background:white;padding:32px;border-radius:16px;width:400px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.login-container input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin:8px 0}
.login-container button{width:100%;padding:12px;background:var(--primary);color:white;border:none;border-radius:8px;font-weight:bold;cursor:pointer}
.logo{width:80px;height:80px;object-fit:contain;border-radius:12px}
.app{display:flex;min-height:100vh} .sidebar{width:280px;background:#0f172a;color:white;padding:16px;position:fixed;height:100vh;overflow:auto}
.sidebar h3{color:var(--primary);margin:0 0 4px} .sidebar a{display:flex;gap:10px;padding:10px;border-radius:8px;color:#cbd5e1;text-decoration:none;margin:3px 0;cursor:pointer;font-size:13px}
.sidebar a.active,.sidebar a:hover{background:#1e293b;color:white}
.main{margin-left:280px;flex:1;padding:20px} .card{background:white;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:16px}
.btn{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px} .btn-primary{background:var(--primary);color:white}
table{width:100%;border-collapse:collapse} th,td{padding:8px;text-align:left;border-bottom:1px solid #eee;font-size:13px}
.badge{padding:3px 8px;border-radius:12px;font-size:11px} .badge-success{background:#dcfce7;color:#166534} .badge-danger{background:#fee2e2;color:#991b1b} .badge-warning{background:#fef3c7;color:#92400e}
.map{height:400px;border-radius:12px;z-index:1} input,select,textarea{padding:8px;border:1px solid #ddd;border-radius:6px;width:100%;margin:4px 0;font-size:13px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.tab{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap} .tab button{padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:white;cursor:pointer} .tab button.active{background:var(--primary);color:white;border-color:var(--primary)}