:root{color:#211f1d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f5f2;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,sans-serif;overflow-x:hidden}#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0}body{background:#f6f5f2}button,input,select,textarea{font:inherit}button{transition:background-color .2s,border-color .2s,color .2s,transform .2s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #c9a227}button:hover{cursor:pointer}#root{text-align:left;width:100%;min-width:0;min-height:100vh;margin:0;padding:0;display:block}.main-dashboard{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.dashboard-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;padding:10px;display:flex}.dashboard-header>div:first-child{min-width:0}.dashboard-header h1{color:#681813;margin:0;font-size:24px}.dashboard-header p{color:#5c5954;margin:3px 0 0;font-size:12px;line-height:1.5}.dashboard-header>div:last-child{flex-shrink:0;align-items:center;gap:10px;display:flex}.dashboard-header input{width:220px;max-width:100%}.dashboard-filters{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;width:100%;min-width:0;padding:10px 20px;display:grid}.filter-fields{grid-template-columns:repeat(2,minmax(0,240px));gap:10px;min-width:0;display:grid}.filter-field{color:#4a4745;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:700;display:flex}.filter-field select{color:#211f1d;background:#fff;border:1px solid #d6d1c9;border-radius:10px;width:100%;min-width:0;height:44px;padding:0 12px;font-size:13px}.reset-button{color:#681813;cursor:pointer;background:#fff;border:1px solid #c9a227;border-radius:10px;width:180px;min-width:0;height:48px;font-size:14px;font-weight:700}.dashboard-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.dashboard-kpi-card{background:#fff;border:1px solid #d6d1c9;border-radius:12px;min-width:0;min-height:112px;padding:16px;box-shadow:2px 3px 4px #0000001f}.dashboard-chart-grid{grid-template-columns:minmax(0,2.5fr) minmax(235px,.85fr);gap:16px;width:100%;min-width:0;display:grid}.dashboard-chart-grid>div{min-width:0}.dashboard-bottom-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:16px;width:100%;min-width:0;display:grid}.dashboard-bottom-grid>div{min-width:0}.dashboard-table-wrapper{width:100%;min-width:0;overflow-x:auto}.dashboard-table-wrapper table{width:100%;min-width:600px}.dashboard-footer{color:#9ca3af;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:20px 24px;font-size:12px;display:flex}@media (width<=1000px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-grid,.dashboard-bottom-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.main-dashboard{gap:16px}.dashboard-header{flex-direction:column;align-items:flex-start;padding:14px}.dashboard-header>div:last-child{justify-content:flex-end;width:100%}.dashboard-header input{width:100%}.dashboard-filters{grid-template-columns:minmax(0,1fr);gap:16px;padding:0}.filter-fields{grid-template-columns:minmax(0,1fr);width:100%}.filter-field,.filter-field select,.reset-button{width:100%;max-width:100%}.dashboard-kpi-grid,.dashboard-chart-grid,.dashboard-bottom-grid{grid-template-columns:minmax(0,1fr)}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page{background:#f8f7f5;width:100%;height:auto;min-height:100vh;overflow:hidden auto}.login-container{background:#fff;border-radius:20px;flex-direction:row;width:100%;min-height:100vh;display:flex;overflow:hidden}.login-brand-panel{color:#fff;background:#681813;flex:0 0 36%;align-items:center;min-width:360px;min-height:100vh;padding:64px;display:flex;overflow:hidden}.sidebar-brand-link{color:#fff;font-size:32px;font-weight:700;line-height:1;text-decoration:none;display:inline-block}.sidebar-brand-link:visited{color:#fff}.sidebar-brand-link:hover{color:#fff;text-decoration:none}.brand-content{width:100%;max-width:390px}.brand-title{color:#fff;margin:0 0 28px;font-size:44px;font-weight:700;line-height:1.1}.brand-subtitle{color:#e3c770;margin:0 0 28px;font-size:11px;font-weight:700}.brand-heading{color:#fff;margin:0 0 28px;font-size:30px;font-weight:700;line-height:1.25}.brand-description{color:#ebe0d1;max-width:360px;margin:0;font-size:14px;line-height:1.4}.login-form-panel{background:#fff;flex:1;justify-content:center;min-width:0;padding:120px 7.5% 80px;display:flex}.login-content{width:100%;max-width:700px}.login-heading{margin-bottom:30px}.login-heading h2{color:#681813;margin:0 0 18px;font-size:32px;font-weight:700;line-height:1.2}.login-heading p{color:#595752;margin:0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:28px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#595752;font-size:12px;font-weight:700}.input-group input[type=text],.input-group input[type=email],.input-group input[type=password]{color:#211f1d;background:#fff;border:1px solid #d5d2cc;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:14px}.input-group input:focus{border-color:#681813;box-shadow:0 0 0 3px #6818131a}.login-options{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.remember-me{color:#211f1d;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.remember-me input{accent-color:#681813;cursor:pointer;width:22px;height:20px;margin:0}.login-error{color:#b3261e;margin:-12px 0 0;font-size:13px}.login-buttons{flex-wrap:wrap;gap:30px;display:flex}.sign-in-button,.operator-login-button{cursor:pointer;border-radius:10px;width:180px;height:48px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700}.sign-in-button{color:#fff;background:#681813;border:1px solid #681813}.sign-in-button:hover{background:#50120f}.operator-login-button{color:#681813;background:#fff;border:1px solid #c9a227}.operator-login-button:hover{background:#fffaf0}.dummy-account{color:#595752;background:#f8f1e7;border-radius:8px;flex-direction:column;gap:4px;margin-top:28px;padding:12px 14px;font-size:12px;display:flex}.dummy-account strong{color:#681813;margin-bottom:3px}.login-footer{color:#595752;margin:22px 0 0;font-size:11px}@media (width<=900px){.login-brand-panel{min-width:300px;padding:40px}.login-form-panel{padding:80px 40px}.login-buttons{gap:14px}}@media (width<=680px){.login-container{border-radius:0;flex-direction:column;min-height:100vh}.login-brand-panel{min-width:0;padding:36px 28px}.login-form-panel{padding:40px 28px}.login-buttons{flex-direction:column}.sign-in-button,.operator-login-button{width:100%}}.success-overlay{z-index:9999;background:#ffffff59;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.success-notification{text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 40px,414px);min-height:290px;padding:32px 24px;animation:.35s ease-out successAppear;display:flex;box-shadow:0 12px 35px #00000014}.success-icon{background:#edf9f3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:30px;display:flex}.success-icon svg{width:54px;height:54px;overflow:visible}.success-circle{fill:none;stroke:#08ad6a;stroke-width:2px}.success-check{fill:none;stroke:#08ad6a;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.55s ease-out .2s forwards drawCheck}.success-notification h2{color:#08ad6a;margin:0 0 16px;font-size:25px;font-weight:700}.success-notification p{color:#595752;margin:0;font-size:16px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes successAppear{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes drawCheck{to{stroke-dashoffset:0}}.app-layout{background:#f8f7f5;width:100%;min-height:100vh;display:flex}.app-sidebar{color:#fff;background:#681813;flex-direction:column;flex-shrink:0;justify-content:space-between;width:248px;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{padding:28px 18px 20px}.sidebar-brand h1{margin:0 0 8px;font-size:28px}.sidebar-brand p{color:#e3c770;margin:0 0 20px;font-size:9px;font-weight:700;line-height:1.2}.sidebar-menu{flex-direction:column;gap:12px;display:flex}.sidebar-menu-item{color:#fff;border-radius:16px;align-items:center;gap:12px;min-height:42px;padding:12px 14px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.sidebar-menu-item.active{background:#87241c;outline:1px solid #c9a227}.sidebar-bullet{color:#c9a227}.sidebar-profile-wrapper{width:100%;position:relative}.sidebar-profile{color:#fff;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;transition:background .2s,border-color .2s;display:flex}.sidebar-profile:hover{background:#ffffff14;border-color:#c9a227}.profile-initial{color:#fff;background:0 0;border:1px solid #fffc;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.profile-information{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-information strong{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.profile-information span{color:#ffffffb8;font-size:12px;line-height:1.2}.profile-dropdown{color:#681813;z-index:1000;background:#fff;border:1px solid #d6cfc7;border-radius:12px;width:100%;padding:8px;animation:.18s ease-out profileDropdownIn;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 10px 30px #0000002e,0 2px 8px #00000014}.logout-button{color:#681813;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:flex}.logout-button:hover{color:#50120f;background:#f8f1e7}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-main{flex:1;width:100%;min-width:0;min-height:100vh;padding:28px 10px}.page-container{width:100%;max-width:1172px;margin:0 auto}.page-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.header-profile{color:#681813;background:#f6f5f2;border:1px solid #d6d1c9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:flex}.page-description{color:#595752;margin:20px 0;font-size:13px}.equipment-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:26px;display:flex}.filter-group{flex-direction:column;flex:180px;gap:6px;display:flex}.search-filter{flex:2 300px}.filter-group label{color:#595752;font-size:11px;font-weight:700}.filter-group input,.filter-group select{color:#595752;background:#fff;border:1px solid #d5d2cc;border-radius:9px;width:100%;height:44px;padding:0 14px;font-family:inherit}.equipment-form-card{background:#fff;border:1px solid #d5d2cc;border-radius:10px;margin-bottom:26px;padding:20px}.equipment-form-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.equipment-form-header h2{color:#4a4745;margin:0;font-size:18px}.equipment-form-header p{color:#807d78;margin:6px 0 0;font-size:12px}.equipment-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.equipment-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;min-height:44px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:700}.secondary-button{color:#681813;background:#fff;border:1px solid #c9a227}.equipment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.equipment-summary>div{background:#fff;border:1px solid #d5d2cc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:88px;display:flex;box-shadow:2px 2px 4px #00000026}.equipment-summary span{color:#595752;font-size:11px}.equipment-summary strong{color:#681813;font-size:26px}.text-green{color:#2e7d33!important}.text-orange{color:#b8781f!important}.text-red{color:#b22417!important}.table-card{background:#fff;width:100%}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px;font-size:11px}th,td{text-align:left;white-space:nowrap;padding:16px 12px}th{color:#595752;border-bottom:1px solid #d5d2cc;font-weight:700}tbody tr:nth-child(2n){background:#f8f7f5}.equipment-link,.equipment-name-link{color:#681813;font-weight:700;text-decoration:none}.equipment-link:hover,.equipment-name-link:hover{text-decoration:underline}.status-operational{color:#2e7d33}.status-warning{color:#b8781f}.status-critical{color:#b22417}.empty-state{text-align:center;color:#595752;padding:30px}.equipment-detail-header{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.equipment-title-area{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.equipment-title-area h2{color:#681813;margin:0;font-size:22px}.equipment-title-area span{color:#595752;font-size:12px}.status-badge{border:1px solid #2e7d33;border-radius:20px;padding:7px 12px;font-weight:700;color:#2e7d33!important}.detail-actions{flex-wrap:wrap;gap:20px;display:flex}.delete-equipment-button{color:#b22417;cursor:pointer;background:#fff;border:1px solid #b22417;border-radius:9px;min-height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,color .2s}.delete-equipment-button:hover{color:#fff;background:#b22417}.information-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.information-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.information-card{background:#fff;border:1px solid #d5d2cc;border-radius:10px;padding:14px}.information-card h3{color:#681813;margin:0 0 20px;font-size:15px}.information-card p{color:#211f1d;margin:8px 0;font-size:12px}.info-compact-list{flex-direction:column;gap:4px;display:flex}.info-compact-label{color:#7b7874;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.info-compact-value{color:#211f1d;font-size:13px;font-weight:500}.component-form-compact{flex-direction:column;gap:8px;display:flex}.compact-field{flex-direction:column;gap:4px;display:flex}.compact-field label{color:#7b7874;text-transform:uppercase;font-size:11px;font-weight:600}.compact-field input,.compact-field select{box-sizing:border-box;color:#211f1d;background:#fff;border:1px solid #d8cec5;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;box-shadow:none!important}.compact-field input:focus,.compact-field select:focus{border-color:#681813}.compact-btn{color:#fff;cursor:pointer;background:#681813;border:none;border-radius:8px;width:100%;min-height:36px;margin-top:4px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s}.compact-btn:hover{background:#50120e}.component-form-inline{flex-direction:column;gap:4px;display:flex}.component-form-inline .filter-group input,.component-form-inline .filter-group select{height:36px;font-size:12px}.history-section h2{color:#681813;margin:0 0 12px;font-size:15px}.back-link{color:#681813;margin-top:20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}@media (width<=900px){.app-sidebar{flex-basis:210px;width:210px}.equipment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.information-grid,.information-grid-3{grid-template-columns:1fr}}@media (width<=680px){.app-layout{display:block}.app-sidebar{width:100%;height:auto;position:static;overflow:visible}.sidebar-top{padding:20px 16px}.sidebar-brand-link{font-size:38px}.sidebar-brand p{margin-bottom:20px}.sidebar-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sidebar-menu-item{min-height:46px;padding:10px;font-size:13px}.sidebar-profile{margin:12px 16px 20px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1000px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.app-main{padding:16px}.equipment-summary{grid-template-columns:1fr}.equipment-detail-header{flex-direction:column;align-items:flex-start}}.operator-layout{background:#f8f7f5;min-height:100vh}.operator-header{color:#fff;background:#681813;justify-content:space-between;align-items:center;min-height:76px;padding:0 32px;display:flex}.operator-brand{color:#fff;font-size:28px;font-weight:700;text-decoration:none}.operator-user-area{align-items:center;gap:18px;display:flex}.operator-label{color:#e3c770;font-size:12px;font-weight:700}.operator-logout-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #e3c770;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:700}.operator-logout-button:hover{background:#87241c}.operator-main{width:100%;max-width:1172px;margin:0 auto;padding:28px 16px}.work-orders-background{isolation:isolate;background-color:#f7f3ed;background-image:linear-gradient(#f7f3ede0,#f7f3edf0),url(/work-orders-background.png);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.operator-main.work-orders-background{min-height:calc(100vh - 64px)}.operator-request-page,.work-orders-page{background:0 0;min-height:100vh}.operator-choice-page,.operator-approval-page{max-width:1180px;margin:0 auto;padding:48px 24px}.operator-choice-card{text-align:center;background:#fff;border:1px solid #d6d1c9;border-radius:18px;max-width:680px;margin:72px auto;padding:44px;box-shadow:0 16px 40px #3a2a1e14}.operator-eyebrow{color:#681813;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.operator-choice-card h1,.operator-page-heading h1{color:#2f2924;margin:0}.operator-choice-description,.operator-page-heading p{color:#6f6963}.operator-choice-actions{justify-content:center;gap:14px;margin-top:30px;display:flex}.operator-choice-button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.operator-choice-button:disabled{cursor:wait;opacity:.6}.operator-choice-primary{color:#fff;background:#681813}.operator-choice-secondary{color:#681813;background:#f3ead1}.operator-approval-grid{grid-template-columns:minmax(270px,.8fr) minmax(0,1.6fr);gap:20px;margin-top:26px;display:grid}.operator-approval-list,.operator-approval-detail{background:#fff;border:1px solid #d6d1c9;border-radius:12px;padding:22px}.operator-approval-list h2,.operator-approval-detail h2{color:#332c27;margin-top:0}.operator-approval-item{color:#332c27;text-align:left;cursor:pointer;background:#fff;border:1px solid #e8e3dd;border-radius:9px;flex-direction:column;gap:5px;width:100%;margin-top:10px;padding:14px;display:flex}.operator-approval-item.active{border-color:#681813;box-shadow:inset 3px 0 #681813}.operator-approval-item span,.operator-approval-item small,.operator-detail-muted{color:#746d66}.operator-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.operator-approval-detail label{color:#4a423b;flex-direction:column;gap:6px;margin:14px 0;font-weight:600;display:flex}.operator-approval-detail input,.operator-approval-detail select,.operator-approval-detail textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d6d1c9;border-radius:7px;padding:10px 12px;font-weight:400}.operator-approval-empty{color:#746d66;place-items:center;min-height:260px;display:grid}.ewo-modal-backdrop{z-index:20;background:#251c1673;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ewo-completion-modal{background:#fff;border-radius:14px;width:min(720px,100%);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 60px #251c163d}.ewo-completion-modal h2{color:#332c27;margin:0}.ewo-completion-modal>p{color:#746d66}.ewo-completion-modal label{color:#4a423b;flex-direction:column;gap:6px;margin:14px 0;font-weight:600;display:flex}.ewo-completion-modal input,.ewo-completion-modal select,.ewo-completion-modal textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d6d1c9;border-radius:7px;padding:10px 12px;font-weight:400}@media (width<=760px){.operator-choice-actions,.operator-approval-grid{flex-direction:column;display:flex}.operator-detail-grid{grid-template-columns:1fr}}@media (width<=600px){.operator-header{padding:0 18px}.operator-user-area{gap:10px}.operator-label{font-size:10px}.operator-main{padding:18px 12px}}.dashboard-layout{background:#f6f5f2;width:100%;min-height:100vh;display:flex}.dashboard-content{flex:1;min-width:0;min-height:100vh;padding:28px 10px}.user-management-page{color:#292522;width:100%;min-width:0;padding:28px 10px}.page-header{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:12px 10px;display:flex}.page-header h1{color:#771b17;margin:0;font-size:clamp(24px,2vw,32px);font-weight:700}.page-header-actions{align-items:center;gap:16px;display:flex}.search-icon-button{color:#771b17;cursor:pointer;background:0 0;border:none;font-size:25px}.profile-circle{color:#771b17;border:1px solid #d9d2cc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.page-description{color:#68615c;margin:20px 0}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #d9d2cc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:88px;display:flex;box-shadow:0 3px 3px #0000001f}.summary-card span{color:#68615c;font-size:13px}.summary-card strong{font-size:28px}.summary-maroon{color:#771b17}.summary-green{color:#2d8739}.summary-gold{color:#bf7b18}.summary-red{color:#b52b22}.user-table-card{background:#fff;border-radius:10px;padding:18px;overflow:visible}.table-toolbar{border-bottom:1px solid #e4dfda;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.user-search-wrapper{border:1px solid #cfc8c1;border-radius:8px;align-items:center;gap:10px;width:min(400px,100%);height:42px;padding:0 14px;display:flex}.user-search-wrapper span{color:#5c6b84;font-size:24px}.user-search-wrapper input{border:none;outline:none;width:100%;min-width:0;font-size:14px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.reset-filter-button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:600}.primary-button{color:#fff;background:#771b17;border:1px solid #771b17}.secondary-button,.reset-filter-button{color:#292522;background:#fff;border:1px solid #cfc8c1}.filter-panel{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.filter-panel select{background:#fff;border:1px solid #cfc8c1;border-radius:8px;min-width:180px;height:40px;padding:0 10px}.table-wrapper{width:100%;overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:760px;margin-top:8px}.user-table th,.user-table td{text-align:left;border-bottom:1px solid #eeeae6;padding:18px 12px;font-size:13px}.user-table th{color:#5d5853;border-bottom:1px solid #252525;font-weight:700}.user-table tbody tr:nth-child(2n){background:#f8f7f5}.user-table td:first-child{color:#771b17;font-weight:700}.action-cell{width:70px;position:relative;text-align:center!important}.menu-button{cursor:pointer;background:0 0;border:none;font-size:22px}.row-action-menu{z-index:100;background:#fff;border:1px solid #d9d2cc;border-radius:8px;flex-direction:column;gap:2px;min-width:125px;padding:6px;display:flex;position:absolute;top:42px;right:8px;box-shadow:0 6px 20px #0000002e}.row-action-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.row-action-menu button:hover{background:#f5f1ed}.empty-table{color:#77716b;text-align:center!important;padding:30px!important}.table-footer{color:#59627a;justify-content:space-between;align-items:center;gap:16px;padding:20px 12px 0;display:flex}.pagination{align-items:center;gap:8px;display:flex}.pagination button{cursor:pointer;background:0 0;border:none;border-radius:5px;min-width:32px;height:32px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.pagination .active-page{color:#771b17;background:#fbe8e2}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.user-modal{background:#fff;border-radius:12px;width:min(480px,100%);padding:24px}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-header h2{color:#771b17;margin:0;font-size:22px}.modal-close-button{cursor:pointer;background:0 0;border:none;font-size:28px}.modal-form{flex-direction:column;gap:8px;display:flex}.modal-form label{margin-top:8px;font-size:14px;font-weight:600}.modal-form input,.modal-form select{border:1px solid #cfc8c1;border-radius:8px;outline:none;height:42px;padding:0 12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{flex-direction:column;align-items:stretch}.user-search-wrapper{width:100%}.toolbar-actions{justify-content:flex-start}}@media (width<=600px){.user-management-page{padding:18px 8px}.summary-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.table-footer{flex-direction:column;align-items:flex-start}}.work-orders-page{background:#f7f6f4;width:100%;min-width:0;padding:28px}.page-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:18px 24px;display:flex}.page-header h1{color:#781b17;margin:0;font-size:clamp(24px,2vw,32px)}.page-header p{color:#64748b;margin:6px 0 0;font-size:18px}.profile-initial{color:#781b17;border:1px solid #ddd6ce;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.ewo-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:30px;display:grid}.ewo-kpi-card{text-align:center;background:#fff;border:1px solid #ddd6ce;border-radius:12px;padding:28px 20px}.ewo-kpi-card span{color:#64748b;font-size:18px;display:block}.ewo-kpi-card strong{color:#781b17;margin-top:12px;font-size:38px;display:block}.ewo-section{background:#fff;border:1px solid #ddd6ce;border-radius:12px;margin-bottom:30px;padding:24px}.section-title h2{color:#781b17;margin:0;font-size:30px}.section-title p{color:#64748b;margin:6px 0 22px}.ewo-toolbar,.history-toolbar{gap:16px;margin-bottom:24px;display:flex}.ewo-toolbar input,.history-toolbar input,.ewo-toolbar select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:0;padding:14px 16px;font-size:16px}.ewo-toolbar input,.history-toolbar input{flex:1}.ewo-toolbar select{width:180px}.ewo-table-wrapper{width:100%;overflow-x:auto}.ewo-table{border-collapse:collapse;width:100%;min-width:850px}.ewo-table th,.ewo-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:20px 14px}.ewo-table th{color:#475569;font-size:15px}.ewo-table td{color:#111827}.ewo-table tbody tr:nth-child(2n){background:#faf9f7}.status-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:140px;padding:10px 12px;font-weight:600}.status-pending{color:#c47700!important}.status-progress{color:#2563eb!important}.status-done{color:#159447!important}.status-select.status-pending{border-color:#d6a000}.status-select.status-progress{border-color:#2563eb}.status-select.status-done{border-color:#159447}.empty-row{text-align:center!important;color:#64748b!important;padding:32px!important}.history-list{flex-direction:column;display:flex}.history-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.history-item strong{color:#111827;font-size:20px}.history-item p{color:#64748b;margin:8px 0;font-size:18px}.history-item small{color:#94a3b8}.history-right{color:#159447;flex-direction:column;align-items:flex-end;gap:10px;font-weight:600;display:flex}.status-badge{background:#eaf8ee;border-radius:20px;padding:6px 12px}.empty-history{color:#64748b}@media (width<=1000px){.ewo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.work-orders-page{padding:16px}.ewo-kpi-grid{grid-template-columns:1fr}.ewo-toolbar{flex-direction:column}.ewo-toolbar select{width:100%}.history-item{flex-direction:column;align-items:flex-start}.history-right{align-items:flex-start}}.equipment-hierarchy{width:100%;display:block}.equipment-hierarchy .selected-row{background:#f4efe9}.equipment-hierarchy tbody tr{cursor:pointer}.component-panel{background:#fff;border:1px solid #e6ddd4;border-radius:8px;min-height:260px;padding:20px}.component-panel h2{margin:0 0 6px;font-size:20px}.component-panel>p{color:#756b63;margin:0 0 18px}.component-form{gap:8px;margin-bottom:20px;display:grid}.component-form label{color:#595752;font-size:11px;font-weight:700}.component-form input,.component-form select{box-sizing:border-box;background:#fff;border:1px solid #d8cec5;border-radius:5px;width:100%;padding:10px 12px}.component-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.component-list li{border-top:1px solid #eee7e1;justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;display:flex}@media (width<=900px){.equipment-form-grid,.equipment-hierarchy{grid-template-columns:1fr}}.dashboard-filter-btn{color:#681813;cursor:pointer;background:#fff;border:1px solid #c9a227;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.dashboard-filter-btn:hover{background:#fffaf0;border-color:#a88620}.filter-panel-overlay{z-index:200;background:#00000059;justify-content:flex-end;align-items:flex-start;padding:80px 24px 24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.filter-panel-modal{background:#fff;border-radius:14px;width:340px;max-width:100%;animation:.25s ease-out filterPanelIn;overflow:hidden;box-shadow:0 12px 40px #0000002e}.filter-panel-header{border-bottom:1px solid #e8e3dd;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.filter-panel-header h2{color:#681813;margin:0;font-size:18px;font-weight:700}.filter-panel-close{color:#5c5954;cursor:pointer;background:#f6f5f2;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.filter-panel-close:hover{background:#ece8e2}.filter-panel-body{flex-direction:column;gap:16px;padding:20px;display:flex}.filter-panel-field{flex-direction:column;gap:6px;display:flex}.filter-panel-field label{color:#5c5954;text-transform:uppercase;font-size:11px;font-weight:700}.filter-panel-field input,.filter-panel-field select{color:#211f1d;cursor:pointer;background:#fff;border:1px solid #d6d1c9;border-radius:8px;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.filter-panel-field input:focus,.filter-panel-field select:focus{border-color:#681813;outline:none;box-shadow:0 0 0 3px #68181314}.filter-panel-actions{gap:10px;padding:0 20px 20px;display:flex}.filter-apply-btn{color:#fff;cursor:pointer;background:#681813;border:1px solid #681813;border-radius:8px;flex:1;height:42px;font-size:13px;font-weight:700;transition:background .2s}.filter-apply-btn:hover{background:#50120f}.filter-reset-btn{color:#681813;cursor:pointer;background:#fff;border:1px solid #d6d1c9;border-radius:8px;flex:1;height:42px;font-size:13px;font-weight:700;transition:background .2s}.filter-reset-btn:hover{background:#f6f5f2}@keyframes filterPanelIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.equipment-edit-inline{width:100%}.equipment-edit-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.equipment-edit-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=900px){.equipment-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.equipment-edit-grid{grid-template-columns:1fr}}.inline-edit-input{color:#211f1d;background:#fff;border:1px solid #d8cec5;border-radius:6px;width:100%;min-width:80px;height:34px;padding:0 8px;font-family:inherit;font-size:12px}.inline-edit-input:focus{border-color:#681813;outline:none;box-shadow:0 0 0 2px #68181314}.editing-row{background:#faf8f5!important}.inline-save-btn,.inline-cancel-btn{cursor:pointer;white-space:nowrap;border-radius:6px;min-height:30px;padding:0 12px;font-size:11px;font-weight:700}.inline-save-btn{color:#fff;background:#681813;border:1px solid #681813}.inline-save-btn:hover{background:#50120f}.inline-cancel-btn{color:#681813;background:#fff;border:1px solid #d6d1c9}.inline-cancel-btn:hover{background:#f6f5f2}.import-excel-button{color:#fff;cursor:pointer;background:#107c41;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #107c4133}.import-excel-button:hover{background:#0b5e31;transform:translateY(-1px);box-shadow:0 4px 8px #107c414d}.import-modal{background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:min(600px,95vw);max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.import-template-box{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.import-template-info h3{color:#065f46;margin:0 0 4px;font-size:15px;font-weight:700}.import-template-info p{color:#047857;margin:0;font-size:12px}.template-download-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#047857;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.template-download-btn:hover{background:#065f46}.import-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;transition:all .2s;display:flex}.import-dropzone:hover,.import-dropzone.dragover{background:#f0fdf4;border-color:#107c41}.dropzone-icon{color:#107c41;width:48px;height:48px}.dropzone-text{color:#334155;margin:0;font-size:14px}.dropzone-text strong{color:#107c41}.dropzone-hint{color:#94a3b8;margin:0;font-size:12px}.selected-file-card{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.file-details{align-items:center;gap:12px;display:flex}.file-name{color:#1e293b;font-size:13px;font-weight:600}.file-size{color:#64748b;font-size:11px}.remove-file-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.import-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.import-stat-card{text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.import-stat-card.created{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.import-stat-card.updated{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.import-stat-card.components{color:#a21caf;background:#fdf4ff;border:1px solid #f5d0fe}.import-stat-card .stat-value{font-size:20px;font-weight:800}.import-stat-card .stat-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.import-errors-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;max-height:120px;padding:12px 16px;overflow-y:auto}.import-errors-box h4{color:#be123c;margin:0 0 6px;font-size:12px}.import-errors-box ul{color:#e11d48;margin:0;padding-left:18px;font-size:12px}
