@import"https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;600&display=swap";:root{--primary: #1E1E1E;--accent: #F36B21;--success: #2E7D32;--warning: #FFB300;--danger: #D32F2F;--bg-light: #F5F6FA;--white: #FFFFFF;--text-dark: #212121;--text-light: #757575;--border-color: #E0E0E0;--border-focus: #F36B21;--font-plus-jakarta: "Quattrocento Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-inter: "Quattrocento Sans", "Inter", sans-serif;--h1: 24px;--h2: 20px;--h3: 16px;--body: 14px;--caption: 12px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0px 2px 8px rgba(0, 0, 0, .05);--shadow-popover: 0px 4px 16px rgba(0, 0, 0, .1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Quattrocento Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,button,input,select,textarea{font-family:Quattrocento Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body{font-family:Quattrocento Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;background-color:var(--bg-light);color:var(--text-dark);font-size:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--primary);line-height:1.2}h1{font-size:var(--h1);font-weight:var(--fw-semibold)}h2{font-size:var(--h2);font-weight:var(--fw-semibold)}h3{font-size:var(--h3);font-weight:var(--fw-medium)}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;border:1px solid var(--border-color)}a{text-decoration:none;color:inherit}ul{list-style:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--caption)}.text-sm{font-size:var(--body)}.text-lg{font-size:var(--h3)}.text-xl{font-size:var(--h2)}.text-2xl{font-size:var(--h1)}.text-light{color:var(--text-light)}.text-dark{color:var(--text-dark)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-medium{font-weight:var(--fw-medium)}.font-bold{font-weight:var(--fw-semibold)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-8{margin-top:var(--spacing-xl)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-8{padding:var(--spacing-xl)}.rounded{border-radius:var(--radius-md)}.bg-light{background-color:var(--bg-light)}.bg-white{background-color:var(--white)}.border-b{border-bottom:1px solid var(--border-color)}.cursor-pointer{cursor:pointer}.card{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card:hover{box-shadow:var(--shadow-popover)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-light);font-size:var(--caption);font-weight:var(--fw-medium);text-transform:uppercase;color:var(--text-light)}.data-table tr:hover{background:#fafafa}.input-label{display:block;font-size:var(--caption);font-weight:var(--fw-medium);margin-bottom:6px;color:var(--text-dark)}.input-field{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--body);transition:border-color .2s}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding:8px 32px 8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);color:var(--text-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px}.select-field:hover{border-color:var(--text-light);background-color:#fafafa}.select-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f36b211a}.filter-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.maintenance-work-card{padding:24px}.maintenance-work-toolbar{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.6fr);gap:18px;align-items:start;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #eef2f7}.maintenance-work-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.maintenance-work-title h3{margin:0 0 4px;font-size:18px;line-height:1.25}.maintenance-work-title p{margin:0;color:var(--text-light);font-size:12px}.maintenance-work-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(135px,auto) minmax(155px,auto) auto;gap:10px;align-items:center}.maintenance-search-field{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;box-shadow:0 1px 2px #0f172a0a}.maintenance-search-field svg{color:#94a3b8;flex:0 0 auto}.maintenance-search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f36b211a}.maintenance-search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--text-dark);font-size:13px;background:transparent}.maintenance-filter-pill{min-height:40px;display:flex;align-items:center;gap:8px;padding-left:10px;border:1px solid #e5e7eb;border-radius:var(--radius-md);background:#f8fafc}.maintenance-filter-pill span{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.maintenance-filter-pill .select-field{min-width:120px;height:38px;border:0;border-left:1px solid #e5e7eb;border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#fff}.maintenance-integrity-card{border-left:4px solid #ef4444}.maintenance-integrity-card .alert-box{border-radius:var(--radius-md);padding:12px 14px;font-size:13px;line-height:1.5}.maintenance-integrity-card .alert-box.danger{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412}.maintenance-integrity-empty{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #bbf7d0;border-radius:var(--radius-md);background:#f0fdf4;color:#166534}@media(max-width:1100px){.maintenance-work-toolbar{grid-template-columns:1fr}}@media(max-width:760px){.maintenance-work-controls{grid-template-columns:1fr}.maintenance-work-title{flex-direction:column}.maintenance-filter-pill .select-field{flex:1}}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header h1{font-size:var(--h1);font-weight:var(--fw-semibold)}.identity-panel{display:flex;gap:24px}.identity-left{width:300px;flex-shrink:0}.identity-right{flex:1}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.table-responsive{width:100%;overflow-x:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-responsive::-webkit-scrollbar{display:none}.modal-overlay{padding:16px;align-items:center}@media(max-width:768px){:root{--h1: 20px;--h2: 18px;--spacing-lg: 16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.identity-panel{flex-direction:column}.identity-left{width:100%;margin-bottom:20px}.detail-grid{grid-template-columns:1fr 1fr}.card{padding:16px;min-width:0}button,.input-field,select{min-height:44px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;min-width:0}th,td{padding:10px 12px;font-size:13px}.action-buttons{flex-direction:column;gap:4px}.action-buttons button{width:100%;font-size:12px;padding:6px 8px}.form-grid,.filter-row{display:flex;flex-direction:column;gap:12px}.form-grid>*,.filter-row>*{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.page-header-actions{width:100%;flex-wrap:wrap}.page-header-actions button{flex:1;min-width:120px}.chart-container{height:200px!important}.modal-overlay{padding:8px;align-items:flex-end}.modal-container{max-width:100%!important;max-height:90vh;border-radius:16px 16px 0 0;margin:0!important}.modal-body{max-height:70vh;overflow-y:auto}.filters-container{flex-direction:column;gap:8px}.filters-container>*{width:100%}}@media(max-width:480px){.detail-grid{grid-template-columns:1fr}.flex{flex-wrap:wrap;min-width:0}.gap-lg{gap:16px}.stats-grid{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.stats-grid::-webkit-scrollbar{display:none}.stats-grid>.card{min-width:120px;flex-shrink:0;padding:12px 16px}.stat-card{padding:12px}.stat-card h3{font-size:20px}.table-responsive{overflow:visible!important}table{width:100%!important;display:block;overflow-x:visible;overflow:visible;white-space:normal}table tbody{display:block;width:100%}table thead{display:none}table tbody tr{display:block;margin-bottom:16px;background:var(--white);border-radius:12px;box-shadow:0 2px 10px #00000012;padding:0;text-align:left;border:1px solid var(--border-color);border-left:4px solid var(--accent);overflow:hidden}table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f0f0;white-space:normal;text-align:right;width:100%!important;max-width:none!important;box-sizing:border-box;gap:12px}table tbody td:last-child{border-bottom:none}table tbody td:nth-child(2n){background-color:#f8fafc}table tbody td:before{content:attr(data-label);font-weight:700;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-align:left;flex-shrink:0;min-width:90px}table tbody tr:has(td[colspan]){background:transparent;box-shadow:none;border:none;padding:0;overflow:visible}table tbody tr:has(td[colspan]) td{display:block;text-align:center;padding:32px;background:transparent}table tbody tr:has(td[colspan]) td:before{display:none}.action-buttons{flex-direction:row;justify-content:flex-end}.modal-container{width:100%!important;margin:0!important;border-radius:16px 16px 0 0}body{font-size:13px}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}.badge{font-size:10px;padding:3px 8px}.btn{padding:10px 16px;font-size:13px}.btn-sm{padding:6px 10px;font-size:11px}.input-field{font-size:16px}}.soea-floating-bar{position:fixed;bottom:20px;left:280px;right:96px;max-width:920px;margin:0 auto;z-index:850;box-sizing:border-box;transition:left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1)}.app-layout.collapsed-mode .soea-floating-bar{left:100px}@media(max-width:768px){.soea-floating-bar{left:16px;right:86px;width:auto}}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);width:100%}.input-label{font-size:var(--caption);font-weight:var(--fw-medium);color:var(--text-light)}.input-field{height:44px;padding:0 var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--body);color:var(--text-dark);background-color:var(--white);transition:border-color .2s ease}.input-field:focus{outline:none;border-color:var(--border-focus)}.input-field::placeholder{color:#bdbdbd}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-lg);height:44px;border-radius:var(--radius-sm);font-weight:var(--fw-medium);font-size:var(--body);transition:all .2s ease;width:auto}.btn-primary{background:linear-gradient(135deg,#f36b21,#e85d10)!important;color:#fff!important;border:none!important;box-shadow:0 2px 4px #f36b2133}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 8px #f36b214d}.btn-secondary{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background-color:#1e1e1e0d}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover{opacity:.9}.btn-success{background-color:var(--success);color:var(--white)}.btn-success:hover{opacity:.9}.btn-block{width:100%}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-light);padding:var(--spacing-md)}.login-card{background:var(--white);width:100%;max-width:480px;padding:48px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center}.login-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.brand-logo{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.subtitle{color:var(--text-light);font-size:var(--body);font-weight:var(--fw-medium)}.login-form{text-align:left}.forgot-password{margin-top:var(--spacing-md);text-align:center}.forgot-password a{color:var(--text-light);font-size:var(--caption);transition:color .2s}.forgot-password a:hover{color:var(--accent)}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:12px}.toast{padding:12px 24px;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;box-shadow:var(--shadow-popover);animation:slideIn .3s ease-out;min-width:250px}.toast-success{background-color:var(--success)}.toast-error{background-color:var(--danger)}.toast-info{background-color:var(--primary)}.toast-warning{background-color:var(--warning);color:#333}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}