body,html{background-color:#f3f4f6;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.login-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 25px #0000000d,0 4px 10px #00000005}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:600}.login-header p{color:#6b7280;margin:.5rem 0 0;font-size:.95rem}.login-error{color:#b91c1c;text-align:center;background-color:#fee2e2;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{color:#1f2937;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc26}.btn-primary{color:#fff;cursor:pointer;background-color:#06c;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:500;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:#0052a3}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{cursor:not-allowed;background-color:#9ca3af;transform:none}.layout-container{background-color:#f9fafb;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.sidebar{color:#fff;z-index:10;background-color:#1f2937;flex-direction:column;width:260px;display:flex;box-shadow:2px 0 5px #0000001a}.sidebar-header{border-bottom:1px solid #374151;padding:1.5rem}.sidebar-header h2{letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;padding:1rem 0;display:flex;overflow-y:auto}.nav-item{color:#9ca3af;border-left:3px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-item:hover{color:#fff;background-color:#374151}.nav-item.active{color:#3b82f6;background-color:#111827;border-left:3px solid #3b82f6}.sidebar-footer{border-top:1px solid #374151;padding:1.5rem}.btn-logout{color:#f87171;cursor:pointer;background-color:#0000;border:1px solid #f87171;border-radius:6px;width:100%;padding:.75rem;font-weight:500;transition:all .2s}.btn-logout:hover{color:#fff;background-color:#f87171}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:60px;padding:0 2rem;display:flex;box-shadow:0 1px 2px #0000000d}.topbar-title{color:#374151;font-size:1.1rem;font-weight:500}.page-content{flex:1;padding:2rem;overflow-y:auto}.card{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.card h3{color:#111827;border-bottom:1px solid #f3f4f6;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.unifi-table{border-collapse:collapse;width:100%;font-size:.9rem}.unifi-table th{text-align:left;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-weight:500}.unifi-table td{color:#1f2937;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.unifi-table tr:last-child td{border-bottom:none}.unifi-input{border:1px solid #d1d5db;border-radius:4px;width:100%;margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem}.unifi-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.unifi-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.unifi-btn:hover{background-color:#2563eb}