.login-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-card{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.credential-card{transition:all .2s ease-in-out!important}.credential-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important;border-color:#667eea!important}.credential-card:active{transform:translateY(0)}@media (max-width: 768px){.login-card{padding:20px!important;margin:10px;max-width:95%!important}.login-card>div:first-child{flex-direction:column!important;gap:24px!important;min-height:auto!important}.login-card>div:first-child>div:first-child{border-right:none!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:20px!important}}.fui-Input__input{border-radius:8px!important;border:1px solid #d1d5db!important;padding:12px 16px!important;font-size:14px!important}.fui-Input__input:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}.fui-Button--primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important;border-radius:8px!important;font-weight:600!important;transition:all .2s ease!important}.fui-Button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d!important}.fui-Button--primary:active:not(:disabled){transform:translateY(0)}.fui-Label{font-weight:600!important;color:#374151!important;margin-bottom:4px!important}.fui-MessageBar{border-radius:8px!important}.fui-Text{line-height:1.5!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);background:#ffffff;border-right:1px solid #e5e5e5;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a}.app-sidebar.sidebar-open{width:280px;transform:translate(0)}.app-sidebar.sidebar-closed{width:72px;transform:translate(0)}.sidebar-nav{flex:1;padding:24px 12px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;width:100%;font-size:14px;font-weight:500;color:#605e5c;text-decoration:none}.nav-item:hover{background:#f3f2f1;color:#323130}.nav-item.nav-active{background:#e3f2fd;color:#0078d4;font-weight:600}.nav-item.nav-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#0078d4;border-radius:0 2px 2px 0}.nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{flex:1;white-space:nowrap;overflow:hidden}.app-sidebar.sidebar-closed .nav-item{justify-content:center;padding:12px;width:48px;height:48px;margin:0 auto}.app-sidebar.sidebar-closed .nav-item.nav-active:before{display:none}.app-sidebar.sidebar-closed .nav-icon{margin:0}.app-sidebar.sidebar-closed .nav-label,.app-sidebar.sidebar-closed .sidebar-footer{display:none}.sidebar-footer{padding:16px 20px;border-top:1px solid #e5e5e5;flex-shrink:0}.user-avatar{width:32px;height:32px;background:#0078d4;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:13px;font-weight:600;color:#323130;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#605e5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;background:#faf9f8;overflow-y:auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1);margin-top:64px}.main-content.with-sidebar{margin-left:280px}.main-content.full-width{margin-left:0}.sidebar-overlay{position:fixed;top:64px;left:0;width:100vw;height:calc(100vh - 64px);background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 1025px){.main-content.with-sidebar{margin-left:280px}.main-content.full-width{margin-left:72px}}@media (min-width: 769px) and (max-width: 1024px){.app-sidebar{transform:translate(-100%)}.app-sidebar.sidebar-open{transform:translate(0)}.main-content{margin-left:0!important}}@media (max-width: 768px){.app-sidebar{display:none}.main-content{margin-left:0!important;padding:16px}.sidebar-overlay{display:none}}.content-header{margin-bottom:24px;padding:12px 24px;border-bottom:1px solid #edebe9}.page-title{color:#323130;margin-bottom:8px;font-size:32px;font-weight:600}.page-subtitle{color:#605e5c;font-size:14px}.content-body{padding:0 24px 24px;max-width:none}@media (max-width: 768px){.page-title{font-size:24px}.content-header{padding:10px 16px}.content-body{padding:0 16px 16px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stats-card{transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed}.app-container{display:flex;height:100vh;gap:0}.modern-sidebar{width:260px;min-width:260px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column}.sidebar-header{padding:32px 24px;border-bottom:1px solid rgba(0,0,0,.05)}.logo{display:flex;align-items:center;gap:16px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.logo-text h2{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.logo-text span{font-size:12px;color:#666;font-weight:500}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;width:100%;font-size:14px;font-weight:500;color:#4a5568}.nav-item:hover{background:rgba(102,126,234,.08);color:#667eea;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.nav-item.active:hover{transform:translate(0)}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-label{flex:1}.active-indicator{position:absolute;right:-16px;width:3px;height:20px;background:white;border-radius:2px}.sidebar-footer{padding:24px;border-top:1px solid rgba(0,0,0,.05)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:#1a1a1a}.user-role{font-size:12px;color:#666}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.1);padding:0;margin:64px 0 0;transition:margin-left .3s ease-in-out;min-height:calc(100vh - 64px)}.modern-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px;box-shadow:0 4px 20px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.header-info h1{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.header-info p{color:#666;font-size:14px;font-weight:500}.header-actions{display:flex;gap:12px;align-items:center}.modern-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.modern-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.modern-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modern-btn.secondary{background:rgba(255,255,255,.9);color:#4a5568;border:1px solid rgba(0,0,0,.1)}.modern-btn.secondary:hover{background:white;transform:translateY(-1px)}.modern-btn.large{padding:16px 32px;font-size:16px;font-weight:700}.content-body{flex:1;padding:24px;overflow-y:auto;background:transparent}.content-header{padding:12px 24px;margin-bottom:12px}.page-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.page-subtitle{color:#666;font-size:14px;font-weight:500}.modern-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f268740}.search-input{width:100%;padding:16px 20px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.9);font-size:16px;font-weight:500;color:#1a1a1a;transition:all .2s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:white}.search-input::placeholder{color:#999;font-weight:400}@media (min-width: 1025px){.app-container.sidebar-open .main-content{margin-left:260px}.app-container.sidebar-closed .main-content{margin-left:60px}.app-container.sidebar-closed .modern-sidebar{width:60px}}@media (min-width: 769px) and (max-width: 1024px){.main-content{margin-left:0!important}.modern-sidebar{transform:translate(-100%);z-index:1001}.app-container.sidebar-open .modern-sidebar{transform:translate(0)}}@media (max-width: 768px){.main-content{padding:16px;margin-left:0!important}.modern-sidebar{display:none}.content-header{margin-bottom:10px}.page-title{font-size:20px}.page-subtitle{font-size:13px}}.page-title{font-size:24px;font-weight:600;color:#323130;margin-bottom:8px}.page-subtitle{font-size:14px;color:#605e5c}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.form-section{margin-bottom:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.full-width{grid-column:1 / -1}.status-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background-color:#fff4e6;color:#cc8400}.status-in-progress{background-color:#e6f3ff;color:#06c}.status-completed{background-color:#e6f7e6;color:#00b300}.status-cancelled{background-color:#ffe6e6;color:#c00}.data-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e1e1e1}.data-table th{background-color:#f8f9fa;font-weight:600;color:#323130}.data-table tr:hover{background-color:#f8f9fa}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;min-width:auto;height:auto;border-right:none;border-bottom:1px solid #e1e1e1}.form-row{grid-template-columns:1fr}.content-body{padding:16px}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calendar-day{transition:background-color .2s ease,box-shadow .2s ease}.calendar-day:hover{background-color:#f8f9fa!important;box-shadow:0 2px 8px #0000001a}.calendar-day.today{box-shadow:0 0 0 2px #0078d4}.calendar-day.empty{background-color:#f8f9fa;cursor:default}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}@media (max-width: 768px){.calendar-day{min-height:80px;padding:4px}.calendar-day text{font-size:12px}}.stat-card{position:relative;display:flex;align-items:center;gap:16px;padding:24px}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.stat-icon.success{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);color:#fff}.stat-icon.info{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);color:#fff}.stat-icon.warning{background:linear-gradient(135deg,#eab308 0%,#fbbf24 100%);color:#fff}.stat-content h3{font-size:32px;font-weight:700;margin:0 0 4px;color:#1a1a1a}.stat-content p{margin:0;color:#666;font-size:14px;font-weight:500}.modern-tabs{display:flex;gap:8px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;border-radius:16px;border:1px solid rgba(102,126,234,.2)}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;color:#666;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.tab-button:hover{background:rgba(255,255,255,.2);border-color:#fff3;color:#667eea;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25));border-color:#667eea4d;color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-1px)}.status-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a;border:1px solid rgba(22,163,74,.2)}.badge-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.badge-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706;border:1px solid rgba(217,119,6,.2)}.badge-danger{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.badge-default{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280;border:1px solid rgba(107,114,128,.2)}.modern-table{width:100%;border-collapse:collapse;font-size:14px;background:transparent}.modern-table th{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid rgba(255,255,255,.2);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.modern-table td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:middle;color:#444}.modern-table tr:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.modern-table tr:last-child td{border-bottom:none}.modern-table.compact th,.modern-table.compact td{padding:12px 8px}.modern-table-container{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 8px 32px #1f26871a;margin:20px 0}.action-btn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;box-shadow:0 4px 16px #0000001a}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:#ffffff4d}.action-btn:active{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.action-btn.view,.action-btn.primary{background:linear-gradient(135deg,rgba(0,120,212,.2),rgba(59,130,246,.2));border-color:#0078d44d;color:#0078d4}.action-btn.view:hover,.action-btn.primary:hover{background:linear-gradient(135deg,rgba(0,120,212,.3),rgba(59,130,246,.3));border-color:#0078d480;color:#004578}.action-btn.edit,.action-btn.secondary{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(251,191,36,.2));border-color:#f59e0b4d;color:#f59e0b}.action-btn.edit:hover,.action-btn.secondary:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(251,191,36,.3));border-color:#f59e0b80;color:#d97706}.action-btn.delete,.action-btn.danger{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(248,113,113,.2));border-color:#ef44444d;color:#ef4444}.action-btn.delete:hover,.action-btn.danger:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(248,113,113,.3));border-color:#ef444480;color:#dc2626}.table-actions{display:flex;gap:8px;align-items:center;justify-content:center;padding:4px}.modern-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#333;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a;text-decoration:none}.modern-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:#ffffff4d;background:rgba(255,255,255,.25)}.modern-btn.primary{background:linear-gradient(135deg,rgba(0,120,212,.2),rgba(59,130,246,.2));border-color:#0078d44d;color:#0078d4}.modern-btn.primary:hover{background:linear-gradient(135deg,rgba(0,120,212,.3),rgba(59,130,246,.3));border-color:#0078d480;color:#004578}.modern-btn.secondary{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(147,197,253,.15));border-color:#667eea33;color:#667eea}.modern-btn.secondary:hover{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(147,197,253,.25));border-color:#667eea66;color:#4f46e5}.order-detail-card{background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,249,255,.8) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:20px;box-shadow:0 8px 32px #1f26871a}.total-row{border-top:2px solid rgba(102,126,234,.3)!important;background:linear-gradient(135deg,#f8f9ff 0%,#e6f3ff 100%)}.supplier-card{background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,249,255,.8) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer}.supplier-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26}.supplier-card h4{margin:0 0 8px;color:#667eea;font-weight:600}.supplier-card p{margin:4px 0;color:#666;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,249,255,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #1f268733}.modal-content.large{max-width:900px}.search-input.compact{padding:8px 12px;font-size:14px;min-height:auto}.stock-info{display:flex;flex-direction:column;gap:4px}.stock-current{font-weight:600;font-size:14px}.stock-bar{width:60px;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stock-bar-fill{height:100%;transition:width .3s ease;border-radius:3px}.stock-bar-fill.critical{background:linear-gradient(135deg,#ff4757 0%,#ff3742 100%)}.stock-bar-fill.warning{background:linear-gradient(135deg,#ffa502 0%,#ff9500 100%)}.stock-bar-fill.success{background:linear-gradient(135deg,#2ed573 0%,#1dd1a1 100%)}.stock-range{font-size:12px;color:#94a3b8}.product-info{display:flex;flex-direction:column}.product-name{font-weight:600;color:#1a1a1a;margin-bottom:2px}.product-desc{font-size:12px;color:#94a3b8}.total-value{font-weight:600;color:#667eea}.id-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.alert-row{background:rgba(255,71,87,.05)!important;border-left:3px solid #ff4757}.alert-product{display:flex;align-items:center;gap:8px}.warning-icon{color:#ff4757;font-size:18px}.stock-critical{color:#ff4757;font-weight:700}.stock-diff{color:#ff4757;font-weight:600}.empty-state.success .empty-icon{color:#2ed573;font-size:48px}.serial-code{background:rgba(102,126,234,.1);color:#667eea;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;font-weight:600;border:1px solid rgba(102,126,234,.2)}.maintenance-date{color:#667eea;font-weight:600;font-size:14px}.brand-model{font-size:.85em;color:#888}.equipment-details{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.equipment-info strong{color:#333;font-weight:600}.client-info,.location-info{display:flex;align-items:center;gap:8px;color:#666}.client-icon,.location-icon{color:#0078d4;font-size:16px}.maintenance-date.next{color:#0078d4;font-weight:600}.calendar-view{padding:40px;text-align:center}.calendar-placeholder{max-width:400px;margin:0 auto;padding:40px;background:var(--glass-background);border-radius:16px;border:1px solid var(--glass-border)}.calendar-icon{font-size:48px;color:#0078d4;margin-bottom:16px}.calendar-placeholder h3{color:#333;margin-bottom:8px}.calendar-placeholder p{color:#666}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}.dashboard-section{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-section.full-width{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.tickets-list{display:flex;flex-direction:column;gap:12px}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:transform .2s ease}.ticket-item:hover{transform:translateY(-1px)}.ticket-info{display:flex;flex-direction:column;gap:4px}.ticket-id{font-size:12px;color:#666;font-weight:600}.ticket-info strong{color:#333;font-size:14px}.ticket-info p{color:#666;font-size:13px;margin:0}.ticket-meta{display:flex;gap:8px;align-items:center}.priority-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.priority-alta{background:#fee2e2;color:#dc2626}.priority-badge.priority-media{background:#fef3c7;color:#d97706}.priority-badge.priority-baja{background:#dcfce7;color:#16a34a}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#333;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 16px #0000001a}.quick-action-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:#ffffff4d}.quick-action-btn svg{font-size:24px;color:#0078d4;transition:color .2s ease}.quick-action-btn:hover svg{color:#004578}.quick-action-btn span{font-size:12px;font-weight:500}.alert-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#fef3c7 0%,#fde047 100%);border:1px solid #f59e0b;border-radius:12px}.alert-icon{font-size:24px;color:#d97706;flex-shrink:0}.alert-content strong{color:#92400e;font-size:14px}@media (max-width: 1024px){.modern-header .header-actions{gap:8px}.action-btn{padding:8px 12px;font-size:14px}.quick-action-btn{padding:16px;gap:6px}.tab-button{padding:10px 16px;font-size:14px}}@media (max-width: 768px){.content-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:stretch}.action-btn{min-width:auto;flex:1}.modern-table{font-size:13px}.modern-table th,.modern-table td{padding:8px 4px}.table-actions{gap:4px}.table-actions .action-btn{width:32px;height:32px;padding:6px}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tab-navigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;min-width:120px}}@media (max-width: 480px){.action-btn{padding:8px;font-size:12px}.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.modern-table{font-size:12px}.modern-table th,.modern-table td{padding:6px 2px}.table-actions .action-btn{width:28px;height:28px}.page-title{font-size:20px}.page-subtitle{font-size:13px}}.alert-content p{color:#a16207;font-size:13px;margin:4px 0 0}.status-badge.status-en-proceso{background:#dbeafe;color:#1d4ed8}.status-badge.status-completado{background:#dcfce7;color:#16a34a}