.login-container{width:100vw!important;min-height:100vh!important;background:#faf9f6!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;overflow-x:hidden!important;padding:2rem 1rem!important}.login-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:420px;width:100%}.logo-section{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.logo{width:80px;height:80px;transition:transform .8s cubic-bezier(.4,0,.2,1)}.logo.spinning{animation:logoSpin 1.5s cubic-bezier(.4,0,.2,1)}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-text{font-size:2rem!important;font-weight:700!important;color:var(--text-dark)!important;margin:0!important;text-align:center!important;background:linear-gradient(135deg,#c4a484,#a08060)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.design-line{width:180px!important;height:2px!important;background:linear-gradient(90deg,transparent,#c4a484,transparent)!important;margin:.5rem 0!important}.secured-text{display:flex!important;align-items:center!important;gap:.5rem!important;color:#6b7280!important;font-size:.875rem!important;font-weight:500!important}.shield-icon{color:#c4a484!important}.form-section{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:formFadeIn .8s ease-out}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:left}.message.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.message.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.message.info{background:var(--ultra-light-teal);border:1px solid var(--primary-teal);color:var(--dark-teal)}.form-header{display:flex;justify-content:center;background:var(--white);border:1px solid var(--border);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 4px #0000000d;padding:.75rem 1rem}.form-header span{font-size:.875rem;font-weight:600;color:var(--dark-terracotta)}.auth-form{display:flex;flex-direction:column;gap:1rem;width:100%}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:2;pointer-events:none}.input-group input{width:100%!important;padding:.875rem 1rem .875rem 3rem!important;background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important;font-size:.875rem!important;color:#111827!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000000d!important}.input-group input:focus{outline:none!important;border-color:#c4a484!important;box-shadow:0 0 0 3px #c4a48426!important}.input-group input::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#6669;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--primary-terracotta);background:rgba(196,164,132,.15)}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-gray)}.remember-me input[type=checkbox]{accent-color:var(--primary-terracotta);width:16px;height:16px;cursor:pointer}.remember-me label{cursor:pointer;-webkit-user-select:none;user-select:none}.auth-button{width:100%!important;padding:.875rem 1rem!important;background:#111827!important;color:#fffdf7!important;border:none!important;border-radius:.5rem!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 6px #0000001a!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.auth-button:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 6px 12px #00000026}.auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-button{width:100%;padding:.75rem 1rem;background:transparent;color:var(--text-gray);border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:var(--light-gray);color:var(--text-dark)}.mfa-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 0}.mfa-header h2{font-size:1.25rem!important;font-weight:600!important;color:#111827!important;margin:0!important}.mfa-header p{font-size:.875rem!important;color:#6b7280!important;margin:0!important}.mfa-icon{color:#c4a484!important}.mfa-setup{display:flex;flex-direction:column;gap:1.5rem}.qr-code{display:flex;justify-content:center;padding:1rem;background:var(--white);border:1px solid var(--border);border-radius:.75rem}.qr-code img{width:200px;height:200px}.manual-code{text-align:center;padding:1rem;background:var(--light-gray);border-radius:.5rem}.manual-code p{font-size:.75rem;color:var(--text-gray);margin:0 0 .5rem}.manual-code code{font-family:Courier New,monospace;font-size:.875rem;font-weight:600;color:var(--text-dark);letter-spacing:.05em;word-break:break-all}.backup-codes{padding:1rem;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:.5rem}.backup-codes p{font-size:.875rem;color:var(--warning-text);margin:0 0 .75rem}.codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.codes-grid code{font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem;background:var(--white);border-radius:.25rem;text-align:center}.verify-text{font-size:.875rem;color:var(--text-gray);text-align:center;margin:0}.spinner{border:2px solid rgba(255,255,255,.3);border-top-color:var(--cream);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:2rem;font-size:.75rem;color:var(--text-gray)}@media (max-width: 768px){.login-container{padding:1.5rem 1rem}.login-content{padding:1rem;max-width:360px;gap:1.5rem}.welcome-text{font-size:1.75rem}.logo{width:70px;height:70px}.design-line{width:150px}.form-section{gap:1.25rem}}@media (max-width: 640px){.login-container{padding:1rem .75rem}.login-content{padding:.75rem;max-width:340px}.welcome-text{font-size:1.625rem}.logo{width:65px;height:65px}.secured-text{font-size:.8125rem}.input-group input{padding:.75rem .875rem .75rem 2.75rem;font-size:1rem}.auth-button{padding:.75rem 1rem}.mfa-header h2{font-size:1.125rem}.backup-codes{padding:.875rem}}@media (max-width: 480px){.login-container{padding:1rem .5rem}.login-content{padding:.5rem;max-width:320px}.welcome-text{font-size:1.5rem}.logo{width:60px;height:60px}.design-line{width:120px}.input-icon{left:.75rem}.input-group input{padding:.75rem .75rem .75rem 2.5rem}.qr-code img{width:160px;height:160px}.codes-grid{grid-template-columns:1fr}.manual-code code{font-size:.75rem}.login-footer{margin-top:1.5rem}}@media (max-width: 320px){.login-container{padding:.75rem .375rem}.login-content{max-width:100%;gap:1rem}.welcome-text{font-size:1.25rem}.logo{width:50px;height:50px}.design-line{width:100px}.input-group input{padding:.625rem .625rem .625rem 2.25rem;font-size:.9375rem}.auth-button{padding:.625rem .875rem;font-size:.8125rem}.qr-code img{width:140px;height:140px}.mfa-header h2{font-size:1rem}.mfa-header p{font-size:.8125rem}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:0px;height:0px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}*{scrollbar-width:none;-ms-overflow-style:none}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#ffffff;color:#000;width:100%;height:100%;margin:0;padding:0}#root{width:100vw;height:100vh}#app-root{display:flex;flex-direction:column;width:100vw;height:100vh}.weather-bar{background:linear-gradient(to right,#1f2937,#374151);border-bottom:1px solid #4b5563;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;height:64px;color:#fff}.weather-left{display:flex;align-items:center;gap:1.5rem}.weather-center{display:flex;align-items:center;justify-content:center;flex:1}.weather-right{display:flex;align-items:center;gap:16px}.logo-section{display:flex;align-items:center;gap:12px}.logo-image{height:32px!important;width:auto!important;max-width:32px!important}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-primary{font-size:18px;font-weight:600;color:#14b8a6}.logo-secondary{font-size:14px;color:#9ca3af;margin-left:8px}.system-status{display:flex;align-items:center;gap:6px}.satellite-icon{color:#14b8a6}.status-text{font-size:14px;color:#fff}.plugins-status{display:flex;align-items:center;gap:8px}.plugin-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;transition:all .2s ease;cursor:pointer}.plugin-icon:hover{transform:scale(1.1)}.plugin-container{position:relative;display:inline-block}.plugin-dropdown{position:absolute;top:100%;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;min-width:200px;margin-top:8px}.plugin-dropdown-content{padding:12px}.plugin-dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.status-badge.online{background:#dcfce7;color:#166534;padding:2px 6px;border-radius:4px;font-size:12px}.status-badge.offline{background:#fef2f2;color:#991b1b;padding:2px 6px;border-radius:4px;font-size:12px}.controller-info{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2}.controller-label{font-size:12px;color:#9ca3af}.controller-serial{font-size:14px;font-weight:500;color:#fff}.equipment-label{font-size:12px;font-weight:500;color:#14b8a6;margin-top:4px}.sub-weather-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 24px;display:flex;justify-content:center;align-items:center;height:32px}.full-date{font-size:14px;color:#6b7280}.main-container{display:flex;flex:1;overflow:hidden;width:100vw;height:calc(100vh - 96px)}.content{flex:1;overflow-y:auto;width:100%;height:100%}.content-inner{width:100%;height:100%}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:#6b7280}.status-button{flex:1;display:flex;align-items:center;gap:12px;padding:16px;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.recent-activity,.quick-actions{padding:24px;background:white;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.sidebar{width:240px;background:linear-gradient(to bottom,#1f2937,#374151);border-right:1px solid #4b5563;display:flex;flex-direction:column;box-shadow:2px 0 8px #00000026}.sidebar-header{padding:20px 16px;border-bottom:1px solid #4b5563;background:linear-gradient(135deg,#1f2937,#374151)}.sidebar-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#d1d5db}.nav-menu{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:4px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;color:#f3f4f6!important}.nav-item:hover{background:rgba(20,184,166,.2);color:#fff!important}.nav-item.active{background:linear-gradient(to right,rgba(20,184,166,.2),rgba(6,182,212,.2));color:#fff!important;border-left:3px solid #14b8a6}.nav-label{font-weight:500;font-size:14px}.nav-item span{color:#f3f4f6!important}.nav-item.active span,.nav-item:hover span{color:#fff!important}.sidebar-footer{padding:16px;border-top:1px solid #4b5563;background:linear-gradient(135deg,#1f2937,#374151)}.sidebar-auth{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.auth-user{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:#f3f4f6!important}.sidebar-security{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;margin-top:16px;background:rgba(20,184,166,.1);border:1px solid #14b8a6;border-radius:6px;font-size:12px;font-weight:500;color:#14b8a6;box-shadow:0 1px 2px #0000001a}.sidebar-version{font-size:10px;color:#d1d5db;margin-bottom:4px;text-align:center}.sidebar-copyright{font-size:10px;color:#d1d5db;text-align:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@media (max-width: 768px){.sidebar{width:50px}.nav-label,.sidebar-title,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:8px}.weather-bar{padding:8px 16px;font-size:12px}.metrics-row{grid-template-columns:1fr}.status-buttons-row{flex-direction:column}}.dashboard-container{padding:24px;background:#f9fafb;min-height:100vh;display:flex;flex-direction:column;gap:24px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:#6b7280}.dashboard-loading .spinner{animation:spin 1s linear infinite}.status-buttons-row{display:flex;gap:16px;width:100%}.status-button{flex:1;display:flex;align-items:center;gap:12px;padding:16px;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.status-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.status-button.inventory.ready{background:#f0fdfa;border-color:#5eead4;box-shadow:0 0 12px #5eead440,0 1px 3px #0000001a}.status-button.bom.ready{background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 12px #93c5fd40,0 1px 3px #0000001a}.status-button.database.online{background:#ecfdf5;border-color:#86efac;box-shadow:0 0 12px #86efac40,0 1px 3px #0000001a}.status-button.email.ready{background:#fef3c7;border-color:#fcd34d;box-shadow:0 0 12px #fcd34d40,0 1px 3px #0000001a}.status-button.offline{background:white;border-color:#e5e7eb;box-shadow:0 1px 3px #0000001a}.status-button.checking{background:white;border-color:#fbbf24;animation:pulse-checking 2s infinite}@keyframes pulse-checking{0%,to{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 0 12px #fbbf244d,0 1px 3px #0000001a}}.status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.status-button.ready .status-icon,.status-button.online .status-icon{color:#14b8a6}.status-button.offline .status-icon{color:#9ca3af}.status-button.checking .status-icon{color:#fbbf24}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{padding:20px;background:white;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.metric-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f0fdfa}.metric-value{font-size:24px;font-weight:700;color:#374151;margin-bottom:4px}.metric-label{font-size:14px;color:#6b7280;margin-bottom:4px}.metric-status{font-size:12px;font-weight:500;color:#14b8a6}.activity-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.recent-activity{padding:24px;background:white;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.activity-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.activity-title{font-size:18px;font-weight:600;color:#374151;margin:0}.activity-list{max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.activity-item:hover{background:#f9fafb;margin:0 -12px;padding:12px;border-radius:6px}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-description{font-size:14px;color:#374151;margin-bottom:2px;font-weight:500}.activity-meta{font-size:12px;color:#6b7280}.activity-empty{text-align:center;padding:40px;color:#6b7280}.activity-empty-icon{margin:0 auto 12px;opacity:.5}.activity-empty-text{font-size:14px;margin-bottom:4px}.activity-empty-subtext{font-size:12px;color:#9ca3af}.quick-actions{padding:24px;background:white;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.actions-title{font-size:18px;font-weight:600;color:#374151;margin-bottom:20px}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-button{padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-align:left}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.action-button.primary{background:linear-gradient(to right,#14b8a6,#06b6d4);color:#fff}.action-button.secondary{background:linear-gradient(to right,#3b82f6,#1d4ed8);color:#fff}.action-button.tertiary{background:linear-gradient(to right,#8b5cf6,#7c3aed);color:#fff}.action-button.quaternary{background:linear-gradient(to right,#f59e0b,#d97706);color:#fff}.system-info-panel{margin-top:24px;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.system-info-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.system-info-item{font-size:12px;color:#6b7280;margin-bottom:4px}.system-info-item:last-child{margin-bottom:0}@media (max-width: 1024px){.activity-content-grid{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.dashboard-container{padding:16px;gap:16px}.status-buttons-row{flex-direction:column;gap:12px}.status-button{padding:12px}.metrics-row{grid-template-columns:1fr;gap:12px}.metric-card,.recent-activity,.quick-actions{padding:16px}.activity-content-grid{gap:16px}}@media (max-width: 480px){.dashboard-container{padding:12px}.status-button{flex-direction:column;text-align:center;gap:8px}.metric-header{flex-direction:column;align-items:flex-start;gap:8px}}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-terracotta: #c4a484;--dark-terracotta: #a08060;--accent-teal: #14b8a6;--dark-teal: #0d9488;--dark: #111827;--gray: #6b7280;--light-gray: #f3f4f6;--cream: #fffdf7;--cream-light: #faf9f6;--ultra-light-cream: #faf9f6;--border: #e5e7eb;--background: #faf9f6;--white: #ffffff;--primary-teal: #14b8a6;--primary-orange: #c4a484;--dark-orange: #a08060;--ultra-light-teal: #faf9f6;--text-dark: #111827;--text-gray: #6b7280;--success-bg: #f0fdfa;--success-border: #5eead4;--success-text: #0d9488;--error-bg: #fff5f5;--error-border: #fca5a5;--error-text: #dc2626;--warning-bg: #fffbeb;--warning-border: #fcd34d;--warning-text: #d97706}@layer base{*{@apply border-gray-200;}html{@apply h-full;}body{@apply h-full bg-gray-50 font-sans text-sm text-gray-700;}#root{@apply h-full;}}@layer components{.card{@apply bg-gradient-to-br from-white to-gray-50 border border-gray-200 rounded-2xl p-6 shadow-card transition-all duration-300 ease-out hover:transform hover:-translate-y-1 hover:scale-[1.02] hover:shadow-card-hover;}.metric-card{@apply card aspect-[1.2] flex flex-col cursor-pointer;}.weather-card{@apply bg-gradient-to-br from-blue-500 to-cyan-500 text-white rounded-2xl shadow-lg transition-all duration-300 hover:transform hover:-translate-y-1 hover:scale-[1.02] hover:shadow-xl;}.btn{@apply inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200;}.btn-primary{@apply btn bg-gradient-to-r from-primary-500 to-primary-600 text-white shadow-button hover:from-primary-600 hover:to-primary-700 hover:transform hover:-translate-y-0.5 hover:shadow-button-hover focus:ring-primary-500;}.btn-secondary{@apply btn bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200 focus:ring-gray-500;}.btn-success{@apply btn bg-gradient-to-r from-success-500 to-success-600 text-white hover:from-success-600 hover:to-success-700 focus:ring-success-500;}.btn-warning{@apply btn bg-gradient-to-r from-warning-500 to-warning-600 text-white hover:from-warning-600 hover:to-warning-700 focus:ring-warning-500;}.btn-error{@apply btn bg-gradient-to-r from-error-500 to-error-600 text-white hover:from-error-600 hover:to-error-700 focus:ring-error-500;}.input{@apply block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm placeholder-gray-400 shadow-sm transition-colors focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500;}.input-error{@apply input border-error-500 focus:border-error-500 focus:ring-error-500;}.label{@apply block text-sm font-medium text-gray-700 mb-1;}.label-required:after{content:" *";@apply text-error-500;}.nav-item{@apply flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200 hover:bg-gradient-to-r hover:from-primary-50 hover:to-primary-100 hover:transform hover:translate-x-1 hover:scale-[1.02] group;}.nav-item.active{@apply bg-gradient-to-r from-primary-100 to-primary-150 text-primary-700 border-l-4 border-primary-500;}.nav-icon{@apply w-5 h-5 mr-3 transition-colors group-hover:text-primary-600;}.status-badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.status-success{@apply status-badge bg-success-100 text-success-800;}.status-warning{@apply status-badge bg-warning-100 text-warning-800;}.status-error{@apply status-badge bg-error-100 text-error-800;}.status-info{@apply status-badge bg-info-100 text-info-800;}.status-gray{@apply status-badge bg-gray-100 text-gray-800;}.table{@apply min-w-full divide-y divide-gray-200 rounded-lg overflow-hidden shadow-sm;}.table-header{@apply bg-gradient-to-r from-primary-50 to-primary-100;}.table-header th{@apply px-6 py-3 text-left text-xs font-medium text-primary-700 uppercase tracking-wider;}.table-row{@apply bg-white hover:bg-gray-50 transition-colors;}.table-row td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-900;}.loading-spinner{@apply animate-spin rounded-full border-2 border-gray-200 border-t-primary-600;}.pulse-dot{@apply animate-pulse-slow rounded-full;}.glow-teal{@apply animate-glow-teal;}.glow-orange{@apply animate-glow-orange;}.sidebar{@apply w-60 bg-gradient-to-b from-white to-gray-50 border-r border-gray-200 shadow-lg;}.sidebar-compact{@apply w-16;}.dashboard-grid{@apply grid gap-6;}.dashboard-grid-3{@apply dashboard-grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.dashboard-grid-4{@apply dashboard-grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4;}.form-group{@apply space-y-1;}.form-grid{@apply grid grid-cols-1 gap-4 sm:grid-cols-2;}.form-grid-3{@apply grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3;}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{@apply bg-gray-100 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full hover:bg-gray-400;}@media print{.no-print{display:none!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}}