:root{--bg-color:#f3f4f6;--sidebar-bg:#1f2937;--sidebar-text:#f3f4f6;--primary:#4f46e5;--text-dark:#111827;--card-bg:#fff;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-dark);margin:0}.login-container{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:3rem;box-shadow:0 10px 25px #0003}.login-card h2{text-align:center;color:var(--text-dark);margin-top:0}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-group label{margin-bottom:.5rem;font-weight:600}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:1rem}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-weight:600}.btn:hover{background:#4338ca}.dashboard-layout{height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:250px;color:var(--sidebar-text);flex-direction:column;display:flex}.sidebar h2{text-align:center;border-bottom:1px solid #374151;margin:0;padding:1.5rem}.nav-links{flex-direction:column;padding:1rem 0;display:flex}.nav-links a{color:#9ca3af;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-links a.active{color:#fff;border-left:4px solid var(--primary);background:#374151}.main-content{flex:1;padding:2rem;overflow-y:auto}.card{background:var(--card-bg);border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}th{background:#f9fafb;font-weight:600}.signature-img{border:1px solid #e5e7eb;border-radius:4px;height:40px}@media (width<=768px){.dashboard-layout{flex-direction:column;height:auto;min-height:100vh}.sidebar{flex-direction:column;width:100%;height:auto}.sidebar h2{border-bottom:none;margin:0;padding:.75rem 1rem;font-size:1rem}.nav-links{-webkit-overflow-scrolling:touch;border-top:1px solid #374151;border-bottom:1px solid #374151;flex-flow:row;gap:0;padding:0;overflow-x:auto}.nav-links a{white-space:nowrap;text-align:center;border-bottom:2px solid #0000;border-left:none;flex-shrink:0;padding:.6rem .8rem;font-size:.78rem}.nav-links a:hover,.nav-links a.active{border-left:none;border-bottom:2px solid var(--primary);background:#374151}.sidebar-footer{padding:.5rem 1rem!important}.sidebar-footer button{width:auto!important;padding:.5rem 1.5rem!important;font-size:.8rem!important}.main-content{padding:1rem}.dashboard-header{gap:.5rem;flex-direction:column!important;align-items:flex-start!important}.dashboard-header h2{margin:0;font-size:1.2rem}.dashboard-header .role-badge{padding:.3rem .8rem!important;font-size:.75rem!important}.form-group{width:100%;min-width:unset!important}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}th,td{padding:.6rem .5rem;font-size:.85rem}}