:root{--primary:#f05a28;--primary-hover:#d4471b;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#ffa502;--bg-color:#f8fafc;--panel-bg:#ffffff73;--panel-border:#ffffffa6;--text-main:#0f172a;--text-muted:#64748b;--input-bg:#fffc;--input-border:#f05a2826;--bg-card:#fff;--bg-hover:#f05a280d}[data-theme=dark]{--bg-color:#0f172a;--panel-bg:#1e293bb3;--panel-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--input-bg:#1e293b;--input-border:#f05a284d;--bg-card:#1e293b;--bg-hover:#f05a2826}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,Sarabun,sans-serif}.print-only{display:none!important}body{background:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#f05a2814,#0000 28%),radial-gradient(circle at 85% 30%,#3b82f60f,#0000 28%);min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{font-weight:600}.hidden{display:none!important}.mb-15{margin-bottom:15px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.flex-between{justify-content:space-between;align-items:center;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(28px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 10px 40px -10px #f05a2814,0 1px 3px #0000000d,0 20px 25px -5px #0000000d,inset 0 1px 1px #fffc}.login-screen{background:var(--bg-color);background-image:radial-gradient(circle,#3b82f614,#0000 45%),radial-gradient(circle at 10% 80%,#2ed5730d,#0000 35%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{width:420px;max-width:100%;padding:40px 30px;animation:.5s cubic-bezier(.16,1,.3,1) fadeInSlideUp}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:48px;height:48px;color:var(--primary);filter:drop-shadow(0 0 8px #3b82f666);margin-bottom:15px}.login-header h2{letter-spacing:.5px;margin-bottom:5px;font-size:1.8rem}.login-header p{color:var(--text-muted);font-size:.9rem}.login-error-msg{color:var(--danger);background:#ff475726;border:1px solid #ff47574d;border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 15px;font-size:.9rem;animation:.4s ease-in-out shake;display:flex}.credentials-helper{border-top:1px solid var(--panel-border);margin-top:30px;padding-top:20px}.helper-title{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.helper-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;overflow-x:auto}.helper-table{border-collapse:collapse;text-align:left;width:100%;min-width:340px;font-size:.8rem}.helper-table th,.helper-table td{border-bottom:1px solid #ffffff0d;padding:6px 10px}.helper-table th{color:var(--text-muted);background:#00000026;font-weight:500}.helper-table td code{color:#60a5fa;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.btn-block{justify-content:center;width:100%;margin-top:10px;padding:12px;font-size:1rem}.logout-btn{cursor:pointer;background:0 0;border:none;width:100%;color:var(--danger)!important}.logout-btn:hover{color:var(--danger)!important;background:#ff47571a!important}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-container{gap:20px;min-height:100dvh;padding:20px;display:flex}.sidebar{flex-direction:column;width:260px;padding:20px 0;display:flex}.logo{color:var(--primary);border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;margin-bottom:20px;padding:0 20px 30px;font-size:1.2rem;display:flex}.nav-menu{flex-direction:column;gap:5px;padding:0 10px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 15px;font-size:1rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#0000000a}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:#f05a2814}.main-content{flex-direction:column;flex:1;max-width:calc(100% - 280px);display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-actions select{flex-shrink:0;width:auto;min-width:160px}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-main);border-radius:6px;padding:10px 12px;font-size:16px;transition:border .2s}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px!important}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}.readonly-input{color:var(--text-muted);cursor:not-allowed;background:#0003}.search-box{flex-shrink:0;width:250px;position:relative}.search-box i,.search-box svg{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input{padding-left:35px}.form-group{flex-direction:column;margin-bottom:15px;display:flex}.form-group label{color:var(--text-muted);margin-bottom:5px;font-size:.9rem;display:block}.form-group input,.form-group select,.form-group textarea{margin-top:auto}.form-row{gap:15px;display:flex}.form-row>*{flex:1}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.btn:active{transform:scale(.96)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #f05a2833}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #f05a2859}.btn-secondary{color:var(--text-main);border:1px solid var(--panel-border);background:#64748b14}.btn-secondary:hover{background:#64748b26}.btn-danger{color:var(--danger);background:#ff475733}.btn-danger:hover{background:#ff475766}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--panel-border);padding:12px 15px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#00000008;font-size:.82rem;font-weight:600}[data-theme=dark] th{background:#ffffff08}tbody tr{transition:background .3s,transform .2s}tbody tr:hover{background:#00000008;transform:translateY(-1px)}[data-theme=dark] tbody tr:hover{background:#ffffff0f;transform:translateY(-1px)}.clickable-row{cursor:pointer}.status-badge{border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:500;display:inline-block}.status-running,.status-completed{color:var(--success);background:#2ed57326;border:1px solid #2ed5734d;box-shadow:0 0 10px #2ed57326}.status-breakdown{color:var(--danger);background:#ff475726;border:1px solid #ff47574d;box-shadow:0 0 10px #ff475726}.status-maintenance,.status-inprogress{color:var(--warning);background:#ffa50226;border:1px solid #ffa5024d;box-shadow:0 0 10px #ffa50226}.status-pending{color:#475569;background:#64748b1f;border:1px solid #64748b40}[data-theme=dark] .status-pending{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 10px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{width:400px;max-width:90%;margin:auto;padding:20px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.btn-close:hover{color:var(--text-main)}.form-actions.right{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tabs{border-bottom:1px solid var(--panel-border);gap:10px;margin-bottom:15px;padding-bottom:10px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 15px;font-size:1rem;transition:all .2s}.tab-btn.active,.tab-btn:hover{color:var(--text-main);background:#ffffff1a}.tab-content{padding:20px;display:none}.tab-content.active{display:block}.dash-tab-bar{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex}.dash-tab-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.dash-tab-btn i{width:18px;height:18px}.dash-tab-btn:hover{background:var(--bg-hover);color:var(--text-main)}.dash-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #f05a2840}.dash-tab-btn.active i{color:#fff}.kpi-trend{border-radius:12px;align-items:center;gap:4px;width:fit-content;margin-top:6px;padding:3px 9px;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.kpi-trend.green{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.kpi-trend.red{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.kpi-trend.neutral{color:var(--text-muted);background:#64748b1a;border:1px solid #64748b33}#dash-risk-trend{background:#fff!important;border-radius:20px!important;align-items:center!important;gap:5px!important;margin-top:0!important;padding:4px 12px!important;font-size:.78rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 2px 8px #00000026!important}#dash-risk-trend.green{color:#15803d!important;background:#fff!important;border:1px solid #bbf7d0!important}#dash-risk-trend.red{color:#b91c1c!important;background:#fff!important;border:1px solid #fecaca!important}#dash-risk-trend.neutral{color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important}#dash-health-trend{box-shadow:none!important;color:#ffffffe6!important;background:0 0!important;border:none!important;margin-top:8px!important;padding:0!important;font-size:.8rem!important;font-weight:500!important;display:block!important}.timeline{padding-left:30px;position:relative}.timeline:before{content:"";background:var(--panel-border);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{margin-bottom:25px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon{background:var(--bg-color);border:3px solid;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:-30px}.timeline-icon.pm{border-color:var(--success)}.timeline-icon.breakdown{border-color:var(--danger)}.timeline-icon.modification{border-color:var(--warning)}.timeline-content{border:1px solid var(--panel-border);background:#0003;border-radius:8px;padding:15px}.timeline-date{color:var(--text-muted);margin-bottom:5px;font-size:.85rem}.timeline-title{align-items:center;gap:10px;margin-bottom:5px;font-weight:600;display:flex}.workorder-layout{gap:20px;height:calc(100dvh - 120px);display:flex}.wo-list{flex-direction:column;flex-shrink:0;width:320px;display:flex}.wo-list-header{border-bottom:1px solid var(--panel-border);flex-direction:column;gap:12px;padding:15px;display:flex}.wo-items{-webkit-overflow-scrolling:touch;flex:1;list-style:none;overflow-y:auto}.wo-item{border-bottom:1px solid var(--panel-border);cursor:pointer;padding:15px;transition:background .2s}.wo-item:hover{background:#00000006}.wo-item.active{border-left:3px solid var(--primary);background:#f05a281a!important}.wo-item-title{margin-bottom:5px;font-weight:600}.wo-item-meta{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.wo-detail{-webkit-overflow-scrolling:touch;flex:1;padding:20px;position:relative;overflow-y:auto}.form-section{background:#00000005;border:1px solid #0000000f;border-radius:8px;margin-bottom:20px;padding:20px}.form-section h4{color:var(--primary);border-bottom:1px solid var(--panel-border);margin-bottom:15px;padding-bottom:10px}.segmented-control{background:#0f172a0d;border:1px solid #0f172a05;border-radius:99px;width:fit-content;padding:4px;display:inline-flex}.segment-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:99px;min-width:90px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.segment-btn.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a}[data-theme=dark] .segmented-control{background:#ffffff14;border:1px solid #ffffff0d}[data-theme=dark] .segment-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000004d}.dashboard-select-filter{color:#1e293b;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f05a28' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") right 14px center/14px no-repeat;border:1px solid #0f172a14;border-radius:99px;outline:none;min-width:120px;height:38px;padding:8px 36px 8px 18px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005}.dashboard-select-filter:hover{border-color:var(--primary);box-shadow:0 4px 12px #f05a2814}.dashboard-select-filter:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f05a2826}[data-theme=dark] .dashboard-select-filter{background:var(--bg-card);color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f8fafc' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .dashboard-select-filter:hover{border-color:var(--primary);box-shadow:0 4px 12px #f05a2833}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-bottom:20px;display:grid}.card{align-items:center;gap:15px;padding:20px;display:flex}.card-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:15px;display:flex}.card-icon i,.card-icon svg{width:28px;height:28px}.card-content h3{color:var(--text-muted);margin-bottom:5px;font-size:.85rem;font-weight:400}.card-content h2{white-space:nowrap;font-size:1.45rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px;margin-bottom:24px;display:grid}.chart-container{flex-direction:column;height:auto;min-height:320px;padding:22px;display:flex}.chart-container h3{color:var(--text-muted);text-align:center;margin-bottom:15px;font-size:1rem}.chart-container canvas{max-height:240px;width:100%!important}.empty-state{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.empty-state i,.empty-state svg{opacity:.5;width:48px;height:48px}.line-toast{-webkit-backdrop-filter:blur(16px);z-index:3000;background:#fffffff2;border:1px solid #06c7554d;border-radius:16px;width:380px;max-width:90%;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideInRight;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 10px 40px #06c75514,0 2px 8px #0000000a}.line-toast-header{background:#06c75526;border-bottom:1px solid #06c75533;align-items:center;gap:10px;padding:12px 15px;display:flex}.line-toast-logo{width:22px;height:22px}.line-toast-title{color:#06c755;letter-spacing:.3px;flex:1;font-size:.9rem;font-weight:600}.line-toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.line-toast-close:hover{color:var(--text-main)}.line-toast-body{padding:15px}.line-toast-body pre{white-space:pre-wrap;color:var(--text-main);margin:0;font-family:inherit;font-size:.85rem;line-height:1.5}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.line-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:15px;display:grid}.line-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);text-align:center;cursor:pointer;border-radius:16px;padding:24px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #00000008}.line-card:hover{border-color:var(--primary);background:#ffffffd9;transform:translateY(-5px);box-shadow:0 12px 35px -10px #f05a2826}.line-card-name{color:var(--text-main);margin-bottom:8px;font-size:1.4rem;font-weight:700}.line-card-count{color:var(--text-muted);margin-bottom:14px;font-size:.9rem;font-weight:500}.line-card-status{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.line-card-status.all-running{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.line-card-status.breakdown{color:var(--danger);background:#ef44441a;border:1px solid #ef444433;animation:2s infinite pulse-border}.line-card-status.maintenance{color:var(--warning);background:#ffa5021a;border:1px solid #ffa50233}@keyframes pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@media print{body{color:#000!important;background:#fff!important}.sidebar,.nav-menu,.wo-list,.sidebar-footer,.header-actions,.form-actions,.btn,#btn-upload-photo,#btn-remove-photo,.modal,.line-toast,.no-print{display:none!important}.section-header h2{color:#000!important;border-bottom:2px solid #333!important;margin-bottom:20px!important;padding-bottom:8px!important}.app-container{min-height:auto!important;padding:0!important;display:block!important}.main-content{max-width:100%!important;margin:0!important;padding:0!important}.wo-detail{padding:0!important;overflow:visible!important}.form-section,.card,.glass-panel,.chart-container{page-break-inside:avoid;color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important;margin-bottom:15px!important;padding:15px!important}.card-content h3,.chart-container h3{color:#444!important}.card-content h2{color:#000!important}.dashboard-cards{grid-template-columns:repeat(3,1fr)!important;gap:15px!important;margin-bottom:20px!important;display:grid!important}.dashboard-grid{grid-template-columns:1fr 1fr!important;gap:20px!important;display:grid!important}#analytics-machine-detail>div{color:#000!important;background:#fff!important;border:1px solid #ddd!important;grid-template-columns:1fr 1fr 1fr!important}#analytics-machine-detail>div>div{color:#000!important;background:#fff!important;border:1px solid #ddd!important}.form-section h4{color:#000!important;border-bottom:2px solid #333!important;margin-bottom:12px!important;padding-bottom:5px!important}input,select,textarea{pointer-events:none;font-weight:500;color:#000!important;background:#fff!important;border:none!important;border-bottom:1px solid #333!important;border-radius:0!important;padding:4px 0!important}.readonly-input{background:#fff!important}select{appearance:none}label{font-weight:600;color:#555!important}table{border:1px solid #333!important}th,td{color:#000!important;border-bottom:1px solid #333!important;border-right:1px solid #ddd!important;padding:6px 10px!important}th{color:#000!important;background:#f1f5f9!important;font-weight:600!important}#wo-materials-wrapper th:last-child,#wo-materials-wrapper td:last-child{display:none!important}#wo-photo-display-container{text-align:center;background:#fff!important;border:1px dashed #333!important;padding:10px!important}#wo-photo-display{border:1px solid #ddd!important;max-height:180px!important}.print-only{display:block!important}.signature-section{page-break-inside:avoid;border-top:1px dashed #333!important;justify-content:space-between!important;margin-top:50px!important;padding-top:25px!important;display:flex!important}.signature-col{color:#000!important;width:45%!important;font-size:.95rem!important;line-height:2!important}}.mobile-header{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);z-index:900;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px 16px;display:none;position:sticky;top:0}.mobile-logo{color:var(--primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.mobile-logo i,.mobile-logo svg{width:20px;height:20px}.btn-icon{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.btn-icon:hover{background:#0000000d}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);z-index:998;background:#0006;width:100vw;height:100dvh;animation:.2s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.app-container{flex-direction:column;gap:0;padding:10px}.mobile-header{display:flex}.sidebar{z-index:999;background:#fff;border-left:none;border-radius:0 16px 16px 0;width:260px;height:100dvh;transition:left .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:-280px;box-shadow:10px 0 30px #00000026}.sidebar.active{left:0}.main-content{max-width:100%!important}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{justify-content:flex-start;width:100%}.search-box,.header-actions select{width:100%!important}.dashboard-cards{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid{grid-template-columns:1fr!important}.workorder-layout{flex-direction:column!important;height:auto!important}.wo-list{width:100%!important;max-height:250px!important;margin-bottom:15px!important}.wo-detail{width:100%!important;height:auto!important;padding:15px!important}.form-row{flex-direction:column!important;gap:12px!important}#analytics-machine-detail>div{grid-template-columns:1fr!important;gap:15px!important;padding:15px!important}.modal-content{box-sizing:border-box!important;flex-direction:column!important;width:90%!important;max-height:90vh!important;padding:16px!important;display:flex!important;overflow-y:auto!important}.floating-notes-btn{width:48px!important;height:48px!important;bottom:16px!important;right:16px!important}}@media (width<=480px){.dashboard-cards{grid-template-columns:1fr!important}.tabs{flex-wrap:wrap}.tab-btn{text-align:center;flex:1;padding:8px 10px}.modal .form-actions,.modal .form-actions.right{flex-direction:column-reverse!important;gap:8px!important;width:100%!important}.wo-detail .form-actions{flex-direction:column!important;gap:8px!important;width:100%!important}.form-actions button,.form-actions .btn,.form-actions.right button,.form-actions.right .btn{justify-content:center!important;width:100%!important;margin:0!important}#btn-pm-prev-month span,#btn-pm-next-month span{display:none!important}#btn-pm-prev-month,#btn-pm-next-month{padding:8px 12px!important}}.lang-toggle-container{border:1px solid var(--panel-border);background:#0000000a;border-radius:8px;gap:4px;margin:0 20px 20px;padding:4px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 0;font-size:.85rem;font-weight:600;transition:all .2s}.lang-btn:hover{color:var(--text-main)}.lang-btn.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #00000014}.skeleton{vertical-align:middle;background:linear-gradient(90deg,#fff6 25%,#fffc 37%,#fff6 63%) 0 0/400% 100%;border-radius:4px;animation:1.4s infinite skeleton-loading;display:inline-block}.theme-light .skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001f 37%,#0000000f 63%) 0 0/400% 100%}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0%}}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-title{width:40%;height:1.5rem;margin-bottom:1rem}.skeleton-rect{width:100%;height:120px}.skeleton-circle{border-radius:50%;width:40px;height:40px}.modal-content.wide{width:600px;max-width:95%}.pm-calendar-layout{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=1200px){.pm-calendar-layout{grid-template-columns:1fr 350px}}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:12px;min-width:700px;margin-top:10px;display:grid}.calendar-day-header{text-align:center;color:var(--text-muted);border-bottom:2px solid var(--panel-border);text-transform:uppercase;letter-spacing:.5px;padding:10px 0;font-size:.85rem;font-weight:700}.calendar-cell{border:1px solid var(--panel-border);cursor:pointer;box-sizing:border-box;background:#ffffff73;border-radius:12px;flex-direction:column;gap:6px;min-height:110px;padding:8px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.calendar-cell:hover{background:#ffffffd9;border-color:#f05a284d;transform:translateY(-2px);box-shadow:0 6px 18px #0000000a,0 1px 3px #00000005}.calendar-cell.today{border-color:var(--primary);background:#ffffffb3;box-shadow:0 0 0 2px #f05a281f}.calendar-cell.other-month{opacity:.3}.calendar-day-num{color:var(--text-main);align-self:flex-end;margin-bottom:4px;font-size:.85rem;font-weight:700}.calendar-pm-dot{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:6px;max-width:100%;padding:3px 6px;font-size:.7rem;font-weight:600;overflow:hidden}.calendar-pm-dot.completed{color:var(--success);background:#10b98114;border:1px solid #10b98126}.calendar-pm-dot.pending{color:var(--danger);background:#ef444414;border:1px solid #ef444426}.calendar-pm-dot.inprogress{color:var(--warning);background:#f59e0b14;border:1px solid #f59e0b26}.calendar-cell.active-selected{border-color:var(--primary);background:#ffffffe6!important;box-shadow:0 0 0 2.5px #f05a2833!important}.wo-folder-item{margin-bottom:12px}.wo-folder-header:hover{background:#0000000f!important}.wo-folder-content{border-left:2px dashed var(--panel-border);margin-left:20px!important;padding-left:10px!important}#modal-pm-schedules .modal-content{width:950px;max-width:95%}.modal-content.glass-panel{-webkit-backdrop-filter:none!important;color:#0f172a!important;background:#fff!important;border:1px solid #00000014!important;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a!important}#modal-pm-schedules .modal-header h3{font-size:1.25rem;font-weight:700;color:#0f172a!important}#modal-pm-schedules label{font-weight:600;color:#334155!important}#modal-pm-schedules select,#modal-pm-schedules input,#modal-pm-schedules textarea{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}#modal-pm-schedules select:focus,#modal-pm-schedules input:focus,#modal-pm-schedules textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #f05a281a!important}#modal-pm-schedules table th{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600;color:#334155!important;background:#f1f5f9!important;border-bottom:2px solid #e2e8f0!important;padding:10px!important}#modal-pm-schedules table td{font-size:.85rem;color:#334155!important;border-bottom:1px solid #f1f5f9!important;padding:10px!important}#modal-pm-schedules .btn-delete-pms{border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex;color:var(--danger)!important;background:#ef444414!important;border:1px solid #ef444426!important}#modal-pm-schedules .btn-delete-pms:hover{color:#fff!important;background:#ef4444!important}.calendar-pm-dot[draggable=true]{cursor:grab}.calendar-pm-dot[draggable=true]:active{cursor:grabbing}.calendar-pm-dot.dragging{opacity:.45;border:1.5px dashed var(--primary)!important;background:var(--bg-hover)!important}.calendar-cell.drag-over{outline:2px dashed var(--primary)!important;outline-offset:-2px!important;background:#f05a2814!important}.calendar-pm-dot.selected{animation:1.5s ease-in-out infinite pulse-selection;outline:2px solid var(--primary)!important;outline-offset:1px!important;box-shadow:0 0 12px #f05a2880!important}@keyframes pulse-selection{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.sync-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .3s}.sync-indicator.synced{background-color:#10b981;box-shadow:0 0 8px #10b98166}.sync-indicator.syncing{background-color:#f59e0b;animation:1.2s ease-in-out infinite pulse-sync;box-shadow:0 0 8px #f59e0b66}.sync-indicator.error{background-color:#ef4444;box-shadow:0 0 8px #ef444466}@keyframes pulse-sync{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.spinner-inline{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin-inline;display:inline-block}@keyframes spin-inline{to{transform:rotate(360deg)}}.modal-body-layout{grid-template-columns:320px 1fr;gap:24px;padding:10px 0;display:grid}@media (width<=768px){#modal-pm-schedules .modal-content{flex-direction:column!important;max-height:90vh!important;padding:16px!important;display:flex!important}#modal-pm-schedules .modal-body-layout{flex:1!important;grid-template-columns:1fr!important;gap:16px!important;padding-right:4px!important;overflow-y:auto!important}}.floating-notes-btn{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#ffa800,#ff5f00);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #ff5f004d}.floating-notes-btn:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 16px #ff5f0066}.pm-calendar-layout>div{min-width:0}@media (width<=768px){.pm-calendar-layout .glass-panel{padding:14px!important}.section-header h2{margin-bottom:4px!important;font-size:1.2rem!important}.section-header{margin-bottom:15px!important}.header-actions{flex-direction:row!important;gap:8px!important;width:100%!important;display:flex!important}.header-actions select,.header-actions button,.header-actions .btn{white-space:nowrap!important;flex:1!important;justify-content:center!important;width:auto!important;height:38px!important;margin:0!important;padding:0 8px!important;font-size:.8rem!important}#pm-calendar-month-year{min-width:auto!important;font-size:1.1rem!important}.no-print{gap:12px!important;margin-bottom:12px!important;padding:8px!important;font-size:.75rem!important}}.skeleton-box{background:linear-gradient(90deg,#c8c8c81a 25%,#c8c8c840 50%,#c8c8c81a 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}[data-theme=dark] .skeleton-box{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%) 0 0/200% 100%}.skeleton-text{width:100%;height:20px;margin-bottom:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:30px;right:30px}.toast{background:var(--bg-card);color:var(--text-main);border-left:5px solid var(--primary);pointer-events:auto;opacity:0;border-radius:12px;align-items:center;gap:12px;min-width:250px;max-width:400px;padding:16px 20px;font-weight:500;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;display:flex;transform:translate(120%);box-shadow:0 10px 30px #00000026,0 1px 3px #0000000d}.toast.toast-show{opacity:1;transform:translate(0)}.toast.toast-success{border-left-color:var(--success)}.toast.toast-error{border-left-color:var(--danger)}.toast.toast-warning{border-left-color:var(--warning)}.toast-icon{width:20px;height:20px}.toast.toast-success .toast-icon{color:var(--success)}.toast.toast-error .toast-icon{color:var(--danger)}.toast.toast-warning .toast-icon{color:var(--warning)}@media (width<=992px){#failure-category-details-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=650px){#failure-category-details-grid{grid-template-columns:repeat(2,1fr)!important}#wo-type-details-legend{grid-template-columns:1fr!important}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state-icon{width:80px;height:80px;color:var(--text-muted);opacity:.3;margin-bottom:20px}.empty-state-title{color:var(--text-main);margin-bottom:8px;font-size:1.1rem;font-weight:600}.empty-state-desc{color:var(--text-muted);max-width:350px;font-size:.9rem}.dash-card-enterprise{background:var(--bg-card);border:1px solid #0f172a14;border-radius:12px;padding:20px;transition:box-shadow .2s,border-color .2s;box-shadow:0 4px 16px #0f172a0a}.dash-card-enterprise:hover{border-color:#0f172a1f;box-shadow:0 6px 20px #0f172a12}.dash-health-score{letter-spacing:-.5px;font-size:2.5rem;font-weight:800;line-height:1}.dash-problem-machine-item{background:#f8fafccc;border:1px solid #0f172a0f;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:transform .15s,background .15s;display:flex}.dash-problem-machine-item:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 12px #0000000a}.dash-downtime-bar-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-downtime-bar-fill{background:linear-gradient(90deg,#f97316 0%,#ef4444 100%);border-radius:6px;height:22px;transition:width .6s cubic-bezier(.16,1,.3,1)}.dash-table-enterprise{border-collapse:separate;border-spacing:0;width:100%}.dash-table-enterprise th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.78rem;font-weight:700}.dash-table-enterprise td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:.85rem}.dash-table-enterprise tr:hover td{cursor:pointer;background:#f1f5f980}.dash-action-card{border-left:4px solid var(--primary);background:#fff;border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;border-right:1px solid #0000000f;border-radius:10px;padding:16px;box-shadow:0 4px 14px #0000000a}.dash-hero-grid{grid-template-columns:280px 1fr;gap:16px;margin-bottom:20px;display:grid}.dash-kpi-4-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dash-2col-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.dash-failure-cat-grid{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.dash-wotype-legend-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:8px;display:grid}@media (width<=1024px){.dash-hero-grid{grid-template-columns:1fr}.dash-kpi-4-grid{grid-template-columns:repeat(2,1fr)}.dash-failure-cat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dash-hero-grid{grid-template-columns:1fr}.dash-2col-grid{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.dash-kpi-4-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dash-tab-bar{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex;overflow-x:auto}.dash-tab-btn{flex:1;min-width:130px;padding:10px 12px;font-size:.82rem}.dash-card-enterprise{padding:14px}.dash-health-score{font-size:2.1rem}.dash-failure-cat-grid{grid-template-columns:repeat(2,1fr)}.dash-wotype-legend-grid{grid-template-columns:1fr}}@media (width<=480px){.dash-kpi-4-grid,.dash-failure-cat-grid{grid-template-columns:1fr}.dash-table-enterprise th,.dash-table-enterprise td{padding:8px 10px;font-size:.78rem}}