.login-container[data-v-ddc95f2a]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-card[data-v-ddc95f2a]{background:white;border-radius:10px;padding:40px;box-shadow:0 15px 35px #0000001a;width:100%;max-width:400px}.login-title[data-v-ddc95f2a]{text-align:center;margin-bottom:30px;color:#333;font-size:28px}.login-form[data-v-ddc95f2a],.form-group[data-v-ddc95f2a]{margin-bottom:20px}.form-group label[data-v-ddc95f2a]{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input[data-v-ddc95f2a]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}.form-group input[data-v-ddc95f2a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.login-button[data-v-ddc95f2a]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:transform .2s}.login-button[data-v-ddc95f2a]:hover:not(:disabled){transform:translateY(-2px)}.login-button[data-v-ddc95f2a]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-ddc95f2a]{color:#e74c3c;text-align:center;padding:10px;border-radius:5px;background-color:#fdf2f2;border:1px solid #f5c6cb}@media (max-width: 768px){.login-container[data-v-ddc95f2a]{padding:10px}.login-card[data-v-ddc95f2a]{padding:20px;max-width:100%}.login-title[data-v-ddc95f2a]{font-size:24px;margin-bottom:20px}.form-group[data-v-ddc95f2a]{margin-bottom:15px}.form-group input[data-v-ddc95f2a]{padding:10px 12px;font-size:16px}.login-button[data-v-ddc95f2a]{padding:12px;font-size:16px}}@media (max-width: 480px){.login-card[data-v-ddc95f2a]{padding:15px}.login-title[data-v-ddc95f2a]{font-size:20px}}:root{--primary-light: #42d392;--primary-dark: #339966;--primary-gradient: linear-gradient( 135deg, var(--primary) 0%, var(--primary-dark) 100% );--bg-light: #f8f9fa;--card-bg: white;--text-primary: #2d3748;--text-secondary: #718096;--text-light: #ffffff;--border: #e2e8f0;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--success: #42b983;--warning: #ff9500;--error: #ff3b30}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg-light);line-height:1.6}#app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.card{background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem;border:1px solid var(--border)}.btn{display:inline-block;padding:10px 20px;background:var(--primary-gradient);color:var(--text-light);border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s ease}.btn:hover{opacity:.9;transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary-gradient);color:var(--text-light)}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-light)}.btn-secondary{background:#6c757d;color:var(--text-light)}.btn-success{background:var(--success);color:var(--text-light)}.btn-danger{background:var(--error);color:var(--text-light)}.btn-warning{background:var(--warning);color:var(--text-light)}.btn-info{background:#17a2b8;color:var(--text-light)}.btn-outline-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline-success{background:transparent;color:var(--success);border:1px solid var(--success)}.btn-outline-danger{background:transparent;color:var(--error);border:1px solid var(--error)}.btn-outline-warning{background:transparent;color:var(--warning);border:1px solid var(--warning)}.btn-outline-info{background:transparent;color:#17a2b8;border:1px solid #17a2b8}.btn-secondary:hover,.btn-success:hover,.btn-danger:hover,.btn-warning:hover,.btn-info:hover{opacity:.9;transform:translateY(-2px)}.btn-outline-secondary:hover{background:#6c757d;color:var(--text-light)}.btn-outline-success:hover{background:var(--success);color:var(--text-light)}.btn-outline-danger:hover{background:var(--error);color:var(--text-light)}.btn-outline-warning:hover{background:var(--warning);color:var(--text-light)}.btn-outline-info:hover{background:#17a2b8;color:var(--text-light)}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-online{background-color:#42b9831a;color:var(--success)}.status-offline{background-color:#ff3b301a;color:var(--error)}.status-maintenance{background-color:#ff95001a;color:var(--warning)}@media (max-width: 768px){.container{padding:0 10px}.card{padding:1rem;margin-bottom:1rem}.btn{padding:8px 16px;font-size:14px}}@media (max-width: 480px){body{font-size:14px}.container{padding:0 5px}.card{padding:.75rem}.btn{padding:6px 12px;font-size:13px}}@media (hover: none) and (pointer: coarse){.btn:hover{opacity:1;transform:none}.btn:active{opacity:.9;transform:translateY(-1px)}}