*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5e5e5;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;font-weight:600}input,select,textarea{color:#1e293b;font-family:inherit;font-weight:400}.login-container{align-items:center;background:radial-gradient(ellipse at 100% 0,#2dd4bf4d 0,#0000 50%),radial-gradient(ellipse at 0 100%,#0d94884d 0,#0000 50%),linear-gradient(135deg,#0f766e,#14b8a6 50%,#0d9488);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:6px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;max-width:440px;overflow:hidden;padding:48px;position:relative;width:100%}.login-box:before{background:linear-gradient(90deg,#0f766e,#14b8a6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.23,1,.32,1)}.login-box.active:before{transform:scaleX(1)}.login-header{margin-bottom:40px;text-align:center}.logo-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.logo-icon{color:#14b8a6}.logo-container h1{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}.login-subtitle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:12px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1f2937;font-size:14px;font-weight:700}.form-group input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:15px;font-weight:400;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.login-button{background:linear-gradient(95deg,#0f766e,#14b8a6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:14px;transition:all .2s}.login-button:hover{background:#0d9488;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.forgot-password{margin-top:20px;text-align:right}.forgot-password a{color:#14b8a6;font-size:14px;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.login-footer{color:#6b7280;font-size:14px;font-weight:400;margin-top:32px;text-align:center}.login-footer a{color:#14b8a6;font-weight:700;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-box{padding:32px 24px}.logo-container h1{font-size:28px}}.user-dropdown-container{position:relative}.user-avatar{border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;transition:all .2s;width:40px}.user-avatar:hover{border-color:#fff;box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.user-avatar.active{border-color:#fff;box-shadow:0 0 0 3px #fff3}.user-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-menu{animation:fadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 4px #0000001a,0 2px 2px #0000000f;min-width:240px;position:absolute;right:0;top:calc(100% + 12px);z-index:1000}.dropdown-header{align-items:center;display:flex;gap:12px;padding:16px}.dropdown-avatar{border:2px solid #e5e7eb;border-radius:50%;height:48px;object-fit:cover;width:48px}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-user-name{color:#111827;font-size:15px;font-weight:700;margin:0}.dropdown-user-email,.dropdown-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-email{color:#6b7280;font-size:13px;font-weight:400;margin:4px 0 0}.dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.dropdown-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#fafbfc;color:#111827}.dropdown-item:first-of-type{border-radius:0}.dropdown-item:last-of-type{border-radius:0 0 6px 6px}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-item svg{flex-shrink:0}@media (max-width:768px){.dropdown-menu{min-width:220px;right:-8px}}.notification-dropdown-container{position:relative}.notification-button{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s}.notification-button:hover{background:#ffffff40;transform:scale(1.05)}.notification-button.active{background:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a}.notification-badge{background:#ef4444;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}.notification-dropdown-menu{animation:fadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 4px #00000026,0 4px 8px #0000001a;display:flex;flex-direction:column;max-height:600px;position:absolute;right:0;top:calc(100% + 12px);width:420px;z-index:1000}.notification-dropdown-header{align-items:center;background:#fafbfc;border-bottom:1px solid #e5e7eb;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.notification-dropdown-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.mark-all-read-btn{align-items:center;background:#0f766e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.mark-all-read-btn:hover{background:#115e59;box-shadow:0 2px 4px #0f766e33;transform:translateY(-1px)}.notification-list{flex:1 1;max-height:480px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notification-empty svg{margin-bottom:16px;opacity:.5}.notification-empty p{font-size:14px;font-weight:500;margin:0}.notification-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s}.notification-item:hover{background:#fafbfc}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0fdfa;border-left:3px solid #14b8a6}.notification-item.unread:hover{background:#e6fcf9}.notification-thumbnail{border:2px solid #e5e7eb;border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.notification-thumbnail img{height:100%;object-fit:cover;width:100%}.notification-content{flex:1 1;min-width:0}.notification-header-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.notification-title{color:#111827;flex:1 1;font-size:14px;font-weight:700;margin:0}.unread-dot{background:#14b8a6;border-radius:50%;box-shadow:0 0 0 2px #14b8a633;flex-shrink:0;height:8px;width:8px}.notification-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 8px;overflow:hidden}.notification-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.notification-crew{color:#0f766e;font-weight:600}.notification-date,.notification-time{align-items:center;display:flex;gap:4px}.mark-read-btn{align-self:flex-start;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s}.mark-read-btn:hover{background:#14b8a6;color:#fff;transform:scale(1.1)}.notification-dropdown-footer{background:#fafbfc;border-radius:0 0 6px 6px;border-top:1px solid #e5e7eb;padding:12px 20px}.view-all-notifications-btn{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#0f766e;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s;width:100%}.view-all-notifications-btn:hover{background:#0f766e;border-color:#0f766e;box-shadow:0 2px 4px #0f766e33;color:#fff;transform:translateY(-1px)}.notification-item.type-alert .notification-thumbnail{border-color:#ef4444}.notification-item.type-action .notification-thumbnail{border-color:#3b82f6}.notification-item.type-report .notification-thumbnail{border-color:#14b8a6}.notification-item.type-asset .notification-thumbnail{border-color:#f59e0b}.notification-item.type-maintenance .notification-thumbnail{border-color:#8b5cf6}@media (max-width:768px){.notification-dropdown-menu{max-height:500px;right:-8px;width:340px}.notification-list{max-height:380px}.notification-item{padding:12px 16px}.notification-thumbnail{height:50px;width:50px}.mark-all-read-btn span{display:none}}@media (max-width:480px){.notification-dropdown-menu{right:-8px;width:calc(100vw - 32px)}}.add-dropdown{position:relative}.add-dropdown-menu{animation:fadeIn .2s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 20px #0000001a;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:110}.add-dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.add-dropdown-item:hover{background-color:#f3f4f6;color:#1f2937}.add-dropdown-item svg{color:#6b7280}.main-layout{background:#fafbfc;display:flex;flex-direction:column;min-height:100vh}.layout-body{display:flex;flex:1 1;position:relative}.sidebar{background:#1e293b;border-right:1px solid #ffffff1a;bottom:0;box-shadow:2px 0 12px #0000004d;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:72px;transition:width .3s ease;z-index:90}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:0}.nav-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:0;color:#fff9;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 24px;position:relative;text-align:left;transition:all .3s ease;width:100%}.nav-item:before{bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.nav-item:hover{background:#0f766e26;border-left-color:#0000;box-shadow:0 4px 8px #00000014;color:#14b8a6;transform:translateY(-2px)}.nav-item:hover:before{opacity:1}.nav-item.active{background:#0f766e33;border-left-color:#0000;color:#14b8a6}.nav-item.active:before{opacity:1}.nav-item svg{flex-shrink:0;transition:all .3s ease}.nav-item.active svg,.nav-item:hover svg{color:#14b8a6}.nav-label{flex:1 1;font-size:15px;font-weight:600;white-space:nowrap}.sidebar.closed .nav-label{display:none}.nav-badge{background:#ff6b35;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;white-space:nowrap}.sidebar.closed .nav-badge{display:none}.top-header{align-items:center;display:flex;gap:24px;height:72px;justify-content:space-between;padding:16px 24px;position:fixed;top:0;width:100%;z-index:100}.top-header,.top-header:after{background:linear-gradient(90deg,#0f766e,#14b8a6);left:0;right:0}.top-header:after{bottom:0;box-shadow:0 2px 8px #0f766e80;content:"";height:3px;position:absolute}.header-left{gap:16px;height:100%;justify-content:flex-start}.header-left,.menu-toggle{align-items:center;display:flex}.menu-toggle{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:all .2s}.menu-toggle:hover{background:#ffffff40;color:#fff}.page-title{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px #0000001a}.header-center{flex:1 1;max-width:600px}.search-bar{position:relative;width:100%}.search-icon{color:#94a3b8;left:16px}.search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:14px;font-weight:400;padding:10px 16px 10px 48px;transition:all .2s;width:100%}.search-bar input::placeholder{color:#ffffffb3}.search-bar input:focus{background:#fff3;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.header-right{gap:12px}.add-button,.header-right{align-items:center;display:flex}.add-button{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;transition:all .2s}.add-button:hover{background:#ffffff40;color:#fff}.icon-button{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;position:relative;transition:all .2s}.icon-button:hover{background:#ffffff40;color:#fff}.notification-button .notification-badge{background:#ef4444;border-radius:6px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}.content-area{flex:1 1;margin-top:72px;overflow-y:auto;transition:margin-left .3s ease}.sidebar.open~.content-area{margin-left:260px}.sidebar.closed~.content-area{margin-left:80px}@media (max-width:1024px){.sidebar.closed~.content-area,.sidebar.open~.content-area{margin-left:0}.sidebar.open{width:260px}.sidebar.closed{transform:translateX(-100%)}.header-center{display:none}.nav-item:hover{transform:translateY(-2px)}}@media (max-width:768px){.top-header{padding:12px 16px}.content-area{padding:16px}.page-title{font-size:20px}.add-button span{display:none}}.metrics-grid{grid-gap:24px;cursor:pointer;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#0f766e,#14b8a6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.metric-card:hover:before{opacity:1}.metric-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.metric-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.metric-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:all .3s ease;width:52px}.metric-icon.teal{background:#0f766e1a;color:#0f766e}.metric-card:hover .metric-icon.teal{background:#0f766e26;transform:scale(1.05)}.metric-info{flex:1 1}.metric-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 8px;text-transform:uppercase}.metric-value{font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:8px}.metric-subtext{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:8px;margin-top:4px}.submetric{white-space:nowrap}.submetric-divider{color:#d1d5db}.metric-chart{flex-shrink:0;position:relative}.chart-percentage{color:#0f766e;font-size:16px;font-weight:800;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.metric-trend{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:700;gap:6px;margin-top:4px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.metric-trend.positive{background:#0f766e14;color:#0f766e}.metric-trend.negative{background:#ef444414;color:#ef4444}.metric-trend svg{flex-shrink:0}@media (max-width:1400px){.metrics-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.metric-card{padding:20px}.metric-value{font-size:32px}.metric-subtext{align-items:flex-start;flex-direction:column;gap:4px}.submetric-divider{display:none}}@media (max-width:768px){.metrics-grid{gap:16px;grid-template-columns:1fr;margin-bottom:32px}.metric-card{padding:20px}.metric-content{align-items:flex-start;flex-direction:column}.metric-left{width:100%}.metric-chart{align-self:flex-end}.metric-icon{height:48px;width:48px}.metric-value{font-size:36px}.metric-title{font-size:12px}}.data-metrics-container{display:flex;flex-direction:column}.data-metrics-section{flex-direction:column}.savings-section{box-shadow:0 2px 8px #00000014;flex:1 1;min-height:0}.savings-section,.schedule-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;transition:all .3s ease}.schedule-section{height:100%}.schedule-section:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.data-metrics-header{border-bottom:2px solid #f1f5f9;padding:24px 24px 20px}.header-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.data-metrics-header h3{color:#111827;font-size:12px;font-weight:800;letter-spacing:.8px;margin:0;text-transform:uppercase}.view-toggle{background:#f1f5f9;border-radius:6px;gap:4px}.toggle-btn{align-items:center;color:#64748b;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.toggle-btn:hover{background:#e2e8f0;color:#0f766e}.toggle-btn.active{color:#0f766e}.total-value-section{display:flex;flex-direction:column;gap:6px}.total-value{align-items:center;color:#111827;display:flex;font-size:42px;font-weight:800;gap:12px;letter-spacing:-1.5px;line-height:1}.change-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:700;letter-spacing:0;padding:6px 12px}.change-badge.positive{background-color:#d1fae5;color:#065f46}.total-subtitle{color:#6b7280;font-size:13px;font-weight:400}.data-metrics-content{display:flex;flex:1 1;flex-direction:column;gap:24px;padding:24px}.data-metric-item{display:flex;flex-direction:column;gap:10px}.metric-row{align-items:center;display:flex;justify-content:space-between}.metric-label{font-size:14px;letter-spacing:.2px}.metric-label,.metric-value{color:#111827;font-weight:700}.metric-value{font-size:16px;letter-spacing:-.5px}.progress-bar-container{background-color:#f1f5f9;border-radius:10px;height:8px;overflow:visible;position:relative;width:100%}.progress-bar{border-radius:10px;height:100%;position:relative;transition:width .6s ease}.progress-badge{background-color:#1e293b;border-radius:6px;box-shadow:0 2px 4px #00000026;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap}@media (max-width:1024px){.total-value{font-size:36px}.data-metrics-content{gap:20px}.metric-label{font-size:13px}.metric-value{font-size:15px}.center-label{font-size:12px}.center-value{font-size:22px}.schedule-feed{height:100%}}.data-metrics-chart{display:flex;flex:1 1;flex-direction:column;padding:12px}.schedule-header{border-bottom:2px solid #f1f5f9;padding:20px 24px 16px}.schedule-header h3{color:#111827;font-size:14px;font-weight:800;letter-spacing:.8px;margin:0;text-transform:uppercase}.schedule-feed{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto;padding:16px 24px 20px}.schedule-feed::-webkit-scrollbar{width:6px}.schedule-feed::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.schedule-feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.schedule-feed::-webkit-scrollbar-thumb:hover{background:#94a3b8}.schedule-item{align-items:flex-start;background:#f8fafc;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.schedule-item:hover{background:#f1f5f9;transform:translateX(4px)}.schedule-icon{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.schedule-content{flex:1 1;min-width:0}.schedule-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.schedule-time{color:#64748b;font-size:11px;font-weight:500}.chart-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.chart-center-text{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.center-label{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.center-value{color:#0f766e;font-size:24px;font-weight:800;letter-spacing:-.5px}.chart-legend-custom{border-top:2px solid #f1f5f9;display:flex;flex-direction:column;gap:12px;padding-top:8px}.legend-item-custom{align-items:center;border-radius:6px;display:flex;gap:12px;padding:8px;transition:all .2s ease}.legend-item-custom:hover{background:#f8fafc}.legend-color{border-radius:6px;flex-shrink:0;height:16px;width:16px}.legend-text{color:#111827;flex:1 1;font-size:14px;font-weight:600}.legend-value{color:#0f766e;font-size:14px;font-weight:700;letter-spacing:-.3px}@media (max-width:768px){.data-metrics-header{padding:20px 20px 16px}.header-title-section{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.view-toggle{width:100%}.toggle-btn{flex:1 1}.total-value{align-items:flex-start;flex-direction:column;font-size:32px;gap:8px}.change-badge{font-size:12px;padding:4px 10px}.data-metrics-content{gap:18px;padding:20px}.data-metrics-chart{padding:16px 20px 20px}.metric-label{font-size:13px}.metric-value{font-size:15px}.progress-badge{font-size:10px;padding:3px 8px}.legend-text,.legend-value{font-size:13px}.schedule-header{padding:16px 20px 12px}.schedule-feed{max-height:200px;padding:12px 20px 16px}.schedule-title{font-size:12px}.schedule-time{font-size:10px}.center-label{font-size:11px}.center-value{font-size:20px}}.asset-chart-container{width:100%}.chart-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.chart-header h3{color:#111827;font-size:14px;font-weight:800;letter-spacing:.8px;margin:0;text-transform:uppercase}.chart-actions{display:flex;gap:8px}.chart-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chart-action-btn:hover{background:#f9fafb;border-color:#0f766e;color:#0f766e;transform:translateY(-1px)}.chart-content-wrapper{display:block;width:100%}.chart-main{background:#fff;width:100%}.chart-legend{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:14px 16px}.legend-item{align-items:center;background:#fff;border-radius:6px;color:#374151;display:flex;font-size:12px;font-weight:700;gap:8px;padding:6px 12px;transition:all .2s ease}.legend-item:hover{background:#fff;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.legend-box{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:14px;width:24px}.legend-box.gross{background:#0f766e}.legend-box.sediment{background:#14b8a6}.legend-box.vegetation{background:#5eead4}.legend-box.disposal{background:#99f6e4}.year-filter{background:#f8fafc;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:10px 12px}.year-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s ease}.year-button:hover{background:#f0fdfa;border-color:#0f766e;box-shadow:0 2px 4px #0000001a;color:#0f766e;transform:translateY(-1px)}.year-button.active{background:#0f766e;border-color:#0f766e;box-shadow:0 2px 8px #0f766e40;color:#fff}.year-button:active{transform:translateY(0)}.chart-y-label{color:#6b7280;font-size:13px;font-weight:700;left:-8px;letter-spacing:.3px;position:absolute;top:140px}.chart-footer{background:#f8fafc;border-radius:6px;color:#6b7280;font-size:12px;font-weight:600;margin-top:16px;padding:10px 16px;text-align:center}@media (max-width:1200px){.chart-content-wrapper{display:block;width:100%}}@media (max-width:768px){.chart-header{margin-bottom:20px;padding-bottom:12px}.chart-header h3{font-size:14px}.chart-legend{gap:10px;padding:12px}.legend-item{font-size:12px;padding:5px 10px}.legend-box{height:12px;width:20px}.year-filter{gap:6px;padding:10px}.year-button{font-size:12px;padding:6px 12px}.chart-footer{font-size:12px;padding:10px 12px}}.dashboard{margin:0 auto;max-width:1920px;padding:24px}.welcome-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #00000014;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px;padding:28px 32px;transition:all .3s ease}.welcome-text h2{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.2;margin:0 0 10px}.brand-name{color:#0f766e;font-weight:800}.welcome-text p{color:#64748b;font-size:15px;font-weight:400;line-height:1.5;margin:0}.welcome-actions{display:flex;gap:12px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.action-button.primary{background:#0f766e;box-shadow:0 2px 8px #0f766e40;color:#fff}.action-button.primary:hover{background:#0d9488;box-shadow:0 4px 12px #0f766e59;transform:translateY(-2px)}.action-button.primary:active{transform:translateY(0)}.action-button.secondary{background:#fff;border:2px solid #0f766e;box-shadow:0 1px 2px #0000000d;color:#0f766e}.action-button.secondary:hover{background:#f0fdfa;border-color:#0d9488;box-shadow:0 4px 8px #0f766e26;color:#0d9488;transform:translateY(-2px)}.action-button.secondary:active{transform:translateY(0)}.visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:-webkit-max-content;height:max-content;padding:24px;transition:all .3s ease}.data-metrics-section{display:flex}.chart-section:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.maintenance-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;padding:24px;transition:all .3s ease}.maintenance-section:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}@media (max-width:1200px){.visualization-grid{gap:24px;grid-template-columns:1fr}.welcome-section{padding:24px}.welcome-text h2{font-size:24px}.chart-section,.maintenance-section{padding:24px}}@media (max-width:768px){.dashboard{padding:0 4px}.welcome-section{align-items:flex-start;flex-direction:column;margin-bottom:32px;padding:24px}.welcome-actions{flex-direction:column;width:100%}.action-button{flex:1 1;justify-content:center;width:100%}.welcome-text h2{font-size:22px}.welcome-text p{font-size:14px}.visualization-grid{gap:20px;grid-template-columns:1fr}.chart-section,.maintenance-section{padding:20px}}.sortable-header{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#00000005}.sortable-header.header-sorted{background-color:#3b82f60d}.sortable-header-content{align-items:center;display:flex;gap:6px;justify-content:space-between;width:100%}.sortable-header-label{flex:1 1;text-align:left}.sort-icon-neutral{color:#9ca3af;flex-shrink:0;transition:color .2s ease}.sortable-header:hover .sort-icon-neutral{color:#6b7280}.sort-icon-active{color:#3b82f6;flex-shrink:0}.sortable-header.header-sorted .sortable-header-label{color:#3b82f6;font-weight:600}.pagination-container{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.pagination-text{color:#6b7280;font-size:14px;font-weight:500}.pagination-controls{justify-content:center}.items-per-page,.pagination-controls{align-items:center;display:flex;gap:8px}.items-per-page label{color:#6b7280;font-size:14px;font-weight:500}.items-per-page-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:all .2s}.items-per-page-select:hover{border-color:#14b8a6}.items-per-page-select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#14b8a6;color:#14b8a6}.pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-btn-nav{padding:8px 16px}.pagination-btn-page{justify-content:center;min-width:40px;padding:8px 12px}.pagination-btn-page.active{background:#14b8a6;border-color:#14b8a6;color:#fff}.pagination-btn-page.active:hover{background:#0d9488;border-color:#0d9488;color:#fff}.pagination-ellipsis{align-items:center;color:#9ca3af;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:8px 12px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:16px}.pagination-controls{order:1}.pagination-text{order:2}.items-per-page{order:3}}.custom-pin-marker{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transform:translate(-50%,-100%);transition:transform .2s ease,z-index .2s ease;width:40px;z-index:1}.custom-pin-marker:hover{transform:translate(-50%,-110%) scale(1.1);z-index:10}.custom-pin-marker.selected{transform:translate(-50%,-120%) scale(1.2);z-index:100}.pin-shape{align-items:center;background-color:var(--pin-color);border:2px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 4px 8px #0000004d;display:flex;height:36px;justify-content:center;position:absolute;transform:rotate(-45deg);width:36px}.pin-shape svg{color:#fff;transform:rotate(45deg)}.custom-pin-marker:after{background:#0003;border-radius:50%;bottom:-5px;content:"";filter:blur(3px);height:8px;position:absolute;width:20px;z-index:0}.google-map-wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.map-empty-state,.map-error,.map-loading{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}.map-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.map-empty-state p,.map-error p,.map-loading p{color:#6b7280;font-size:16px;margin-top:8px}.map-error-detail{color:#ef4444;font-size:13px;margin-top:4px}.info-window-content{min-width:250px;padding:8px}.info-window-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.info-window-title-group{align-items:center;display:flex;gap:8px}.info-window-header h3{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;margin:0}.info-window-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.info-window-body{margin-bottom:12px}.info-window-id{color:#6b7280;font-size:13px;font-weight:500;margin:0 0 8px}.info-window-detail{color:#374151;font-size:13px;line-height:1.5;margin:6px 0}.info-window-detail strong{color:#1f2937;font-weight:600}.info-window-view-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:background .2s;width:100%}.info-window-view-btn:hover{background:#2563eb}@media (max-width:768px){.info-window-content{min-width:200px}}.view-switcher-container{align-items:flex-start;display:flex;flex-direction:column;left:24px;position:absolute;top:8px;z-index:1000}.fabs-stack{flex-direction:column;gap:12px}.fabs-stack,.switcher-fab{align-items:center;display:flex}.switcher-fab{border:none;border-radius:0;box-shadow:none;cursor:pointer;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.switcher-fab.primary{background:#fff;color:#374151;height:48px;width:48px}.switcher-fab.primary:hover{background:#f9fafb}.switcher-fab.secondary{background:#fff;color:#374151;height:48px;width:48px}.switcher-fab.secondary:hover{background:#f9fafb;color:#0f766e}.switcher-fab.tertiary{background:#fff;color:#374151;height:48px;width:48px}.switcher-fab.tertiary:hover{background:#f9fafb;color:#0f766e}.switcher-fab.active{transform:rotate(90deg)}.switcher-fab.primary.active{background:#374151;color:#fff}.switcher-fab.secondary.active{background:#fff;color:#374151}.switcher-fab.tertiary.active{background:#374151;color:#fff}.switcher-fab.active svg{transform:none}.view-menu{margin-bottom:0;top:60px}.map-mode-menu,.view-menu{animation:slideInLeft .2s ease-out;background:#fff;border-radius:6px;box-shadow:0 4px 20px #00000026;left:70px;min-width:160px;overflow:hidden;position:absolute}.map-mode-menu{top:120px}.view-menu-item{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.view-menu-item.active,.view-menu-item:hover{background:#f0fdfa;color:#0f766e}.view-menu-item.active{font-weight:600}.search-panel{animation:slideInLeft .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;gap:16px;left:70px;padding:16px;position:absolute;top:0;width:280px}.search-panel-header{align-items:center;display:flex;justify-content:space-between}.search-panel-header h3{color:#111827;font-size:14px;font-weight:700;margin:0;text-transform:uppercase}.close-panel-btn-outlined{align-items:center;background:#fff;border:1px solid #0f766e;border-radius:4px;color:#0f766e;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.close-panel-btn-outlined:hover{background:#f0fdfa}.filter-inputs-stack{display:flex;flex-direction:column;gap:12px}.custom-filter-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px 12px;transition:border-color .2s}.custom-filter-input:focus-within{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e1a}.custom-filter-input label{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.custom-filter-input input,.custom-filter-input select{background:#0000;border:none;color:#111827;font-size:13px;outline:none;padding:0;width:100%}.custom-filter-input input::placeholder{color:#9ca3af}.panel-actions{margin-top:4px}.search-action-btn{align-items:center;background:#0f766e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:background .2s;width:100%}.search-action-btn:hover{background:#0d9488}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.search-panel{width:calc(100vw - 110px)}}.assets-page{background:#fafbfc;display:flex;flex-direction:column;height:100%}.assets-page.map-view{height:calc(100vh - 72px);padding:0}.assets-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.assets-page.map-view .assets-header-controls{background:#fff;border-bottom:1px solid #e5e7eb}.assets-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:24px;position:relative}.assets-page.map-view .assets-content-wrapper{overflow:hidden;padding:0}.assets-controls-container{display:flex;flex-direction:row;gap:16px;margin-bottom:18px}.assets-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-select:hover{border-color:#14b8a6}.filter-select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.assets-search{flex:1 1;max-width:500px;position:relative}.assets-search .search-icon{color:#9ca3af;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.assets-search input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;font-weight:400;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.assets-search input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.assets-search input::placeholder{color:#9ca3af}.assets-counter{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:12px 0}.counter-text{color:#6b7280;font-size:14px;font-weight:400}.counter-text strong{color:#111827;font-weight:700}.active-filters-count{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.assets-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;overflow:hidden}.assets-table{border-collapse:collapse;font-size:14px;width:100%}.assets-table thead{background:#fafbfc;border-bottom:1px solid #e5e7eb}.assets-table th{color:#6b7280;font-size:12px;font-weight:800;letter-spacing:.6px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.assets-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .15s}.assets-table tbody tr:hover{background:#fafbfc}.assets-table tbody tr.selected{background:#f0fdfa}.assets-table tbody tr:last-child{border-bottom:none}.assets-table td{color:#1f2937;font-weight:400;padding:14px 16px;vertical-align:middle}.checkbox-col{text-align:center;width:48px}.checkbox-col input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;height:16px;width:16px}.asset-id{color:#6b7280;font-family:Courier New,monospace;font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-image-col{width:80px}.asset-thumbnail{border:1px solid #e5e7eb;border-radius:6px;height:60px;object-fit:cover;width:60px}.asset-type{color:#111827;font-weight:700;min-width:200px}.tags-col{max-width:200px}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{display:inline-block;padding:4px 10px;white-space:nowrap}.description-col{max-width:300px}.description-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5}.description-text,.owner-col{color:#6b7280;overflow:hidden;text-overflow:ellipsis}.owner-col{font-family:Courier New,monospace;font-size:12px;max-width:150px;white-space:nowrap}.action-col{width:100px}.view-btn{align-items:center;background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.view-btn:hover{background:#0d9488;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;transform:translateY(-1px)}.view-btn:active{transform:translateY(0)}.map-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.map-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:6px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.map-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.map-modal-header h2{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0}.close-modal-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.close-modal-btn:hover{background:#f3f4f6;color:#111827}.map-placeholder{flex-direction:column;padding:100px 40px}.map-placeholder svg{color:#d1d5db;margin-bottom:20px}.map-placeholder p{color:#6b7280;font-size:16px;font-weight:400;margin:8px 0}.map-placeholder-subtitle{color:#9ca3af;font-size:14px}@media (max-width:1400px){.assets-table{font-size:13px}.description-col{max-width:250px}}@media (max-width:1200px){.assets-table-container{overflow-x:auto}.assets-table{min-width:1200px}}@media (max-width:768px){.assets-content-wrapper{padding:16px}.assets-controls-container{gap:12px}.assets-filters{flex-direction:column}.filter-select{width:100%}.assets-search{min-width:100%}.show-map-btn,.view-toggle-btn{justify-content:center;width:100%}.map-modal-content{max-height:95vh;width:95%}.map-modal-header{padding:16px 20px}.map-placeholder{padding:60px 20px}}@media (max-width:480px){.assets-table{font-size:12px}.assets-table td,.assets-table th{padding:10px 12px}.asset-thumbnail{height:50px;width:50px}}.asset-detail-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.asset-detail-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:6px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.asset-detail-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.asset-detail-title-section{display:flex;flex-direction:column;gap:6px}.asset-detail-header h2{color:#111827;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.asset-detail-id{color:#6b7280;font-family:Courier New,monospace;font-size:13px;font-weight:600}.asset-detail-content{flex:1 1;overflow-y:auto}.asset-detail-main{padding:28px}.asset-image-section{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:28px;overflow:hidden;width:100%}.asset-detail-image{display:block;height:400px;object-fit:cover;width:100%}.asset-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.asset-info-item{display:flex;flex-direction:column;gap:8px}.asset-info-item.full-width{grid-column:1/-1}.asset-info-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.asset-info-label svg{color:#9ca3af}.asset-info-value{color:#111827;font-size:15px;font-weight:500;line-height:1.5}.description-full{color:#4b5563;line-height:1.7}.asset-tags-detail{display:flex;flex-wrap:wrap;gap:8px}.tag-badge-detail{background:#e0f2fe;border-radius:6px;color:#0369a1;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.asset-detail-actions{background:#fafbfc;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;padding:20px 28px}.action-btn{align-items:center;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s;white-space:nowrap}.action-btn-primary{background:#14b8a6;border-color:#14b8a6;color:#fff}.action-btn-primary:hover{background:#0d9488;border-color:#0d9488;box-shadow:0 4px 6px #14b8a633;transform:translateY(-1px)}.action-btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.action-btn-secondary:hover{background:#f9fafb;border-color:#14b8a6;color:#14b8a6;transform:translateY(-1px)}.action-btn-danger{background:#fff;border-color:#fecaca;color:#ef4444}.action-btn-danger:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}@media (max-width:768px){.asset-detail-modal{max-height:95vh;max-width:95%}.asset-detail-header,.asset-detail-main{padding:20px}.asset-detail-image{height:250px}.asset-info-grid{gap:20px;grid-template-columns:1fr}.asset-detail-actions{gap:8px;padding:16px 20px}.action-btn{flex:1 1;font-size:13px;justify-content:center;min-width:calc(50% - 4px);padding:10px 14px}}@media (max-width:480px){.asset-detail-header h2{font-size:18px}.asset-detail-image{height:200px}.action-btn{min-width:100%}}.pollutant-pie-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%;padding:20px}.pollutant-pie-chart-title{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.pollutant-pie-chart-no-data{color:#9ca3af;font-size:14px;padding:40px 0;text-align:center}.pollutant-pie-chart-content{display:flex;flex:1 1;flex-direction:column}.pollutant-pie-chart-info{margin-bottom:12px}.pollutant-pie-chart-date{color:#6b7280;font-size:13px;margin:0 0 4px}.pollutant-pie-chart-volume{color:#374151;font-size:14px;margin:0}.pollutant-pie-chart-volume strong{color:#1f2937;font-weight:600}.pollutant-legend{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:0 10px}.pollutant-legend-item{align-items:center;display:flex;gap:8px}.pollutant-legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.pollutant-legend-text{color:#4b5563;font-size:12px;line-height:1.4}.custom-tooltip{background:#fff;box-shadow:0 2px 8px #00000026}.tooltip-label{font-size:13px}.tooltip-value{color:#1f2937;font-size:16px}@media (max-width:768px){.pollutant-pie-chart-container{padding:16px}.pollutant-pie-chart-title{font-size:10px;margin-bottom:12px}.pollutant-legend{padding:0 5px}}.pollutant-bar-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%;padding:20px}.pollutant-bar-chart-no-data{color:#9ca3af;font-size:14px;padding:40px 0;text-align:center}.pollutant-bar-chart-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.custom-tooltip{background:#fffffffa;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:10px 14px}.tooltip-label{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 4px}.tooltip-value{color:#111827;font-size:14px;font-weight:700;margin:0}@media (max-width:768px){.pollutant-bar-chart-container{padding:16px}}.asset-detail-page-new{background:#fafbfc;min-height:100vh;padding:0}.asset-detail-header-new{grid-gap:32px;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:grid;gap:32px;grid-template-columns:250px 1fr 280px;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-search-section{align-items:center;display:flex}.search-input-wrapper{position:relative;width:100%}.search-icon{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.asset-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;outline:none;padding:12px 14px 12px 42px;transition:all .2s;width:100%}.asset-search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.asset-search-input:hover{border-color:#14b8a6}.header-title-section{text-align:center}.header-title-section h1{color:#111827;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.header-actions-section{display:flex;gap:12px;justify-content:flex-end}.btn-edit,.btn-report{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:normal;padding:10px 20px;text-transform:none;transition:all .2s}.btn-report{background:#14b8a6;color:#fff}.btn-report:hover{background:#0d9488;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-report:active{transform:translateY(0)}.btn-edit{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-edit:hover{background:#f9fafb;border-color:#14b8a6;color:#14b8a6;transform:translateY(-1px)}.btn-edit:active{transform:translateY(0)}.asset-detail-content-new{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1800px;padding:24px}.content-main-section-full{display:flex;flex-direction:column;gap:32px;width:100%}.content-top-section{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.left-column-section{display:flex;flex-direction:column;gap:24px}.container-description{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 3px #0000000d;padding:20px}.container-title{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0 0 12px}.container-desc{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.charts-section-horizontal{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;width:100%}.info-column-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.info-group-separator{background-color:#f3f4f6;height:1px}.info-card-row{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.info-card-row:last-child{border-bottom:none}.info-card-label-wrapper{flex-shrink:0;min-width:120px}.info-card-value-wrapper{flex-grow:1;text-align:right}.card-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:normal;margin-bottom:0;text-transform:none}.card-date,.card-link,.card-type,.card-value{color:#111827;font-size:16px;font-weight:600;margin:0}.content-left-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px}.content-left-section,.image-carousel-section{box-shadow:0 1px 3px #0000000d;overflow:hidden}.image-carousel-section{background:#1f2937;border:1px solid #e5e7eb;border-radius:4px;height:100%;position:relative;width:100%}.image-counter{background:#000000b3;border-radius:6px;color:#fff;font-size:12px;font-weight:600;left:16px;padding:6px 12px;position:absolute;top:16px;z-index:10}.carousel-image{cursor:zoom-in;display:block;height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.carousel-image.fade-out{opacity:0}.carousel-image.fade-in{opacity:1}.carousel-btn{align-items:center;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:10}.carousel-btn:hover{background:#fff;border-color:#14b8a6;color:#14b8a6}.carousel-btn:active{transform:translateY(-50%) scale(.95)}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.tabs-navigation{background:#fafbfc;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:14px 24px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f9fafb;color:#14b8a6}.tab-btn-active{background:#fff;border-bottom-color:#14b8a6;color:#14b8a6;font-weight:700}.tab-content-area{background:#fff;min-height:400px;padding:28px}.tab-location-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1.2fr}.location-info-col{display:flex;flex-direction:column;gap:24px}.info-field label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-field p{color:#111827;font-size:14px;font-weight:500;line-height:1.5;margin:0}.location-map-col{display:flex;flex-direction:column;gap:12px}.map-mode-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:4px}.map-toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.map-toggle-btn:hover{background:#f9fafb;color:#14b8a6}.map-toggle-btn.active{background:#14b8a6;color:#fff}.map-container-new{box-shadow:0 1px 3px #0000000d;overflow:hidden}.map-container-new,.map-placeholder{border:1px solid #e5e7eb;border-radius:6px;height:450px;width:100%}.map-placeholder{align-items:center;background:#fafbfc;color:#9ca3af;display:flex;font-size:14px;font-weight:500;justify-content:center}.map-info-popup{min-width:200px;padding:8px}.map-info-header h4{color:#1a1a1a;font-size:15px;font-weight:700;margin:0 0 8px}.map-info-category{color:#666;font-size:13px;margin:0 0 8px}.map-info-coords{color:#999;font-family:monospace;font-size:12px;margin:0}.tab-generic-content h3{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 24px}.tab-generic-content p{color:#6b7280;font-size:14px;font-weight:400;line-height:1.6}.specifications-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}.spec-item{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:16px;transition:all .2s}.spec-item:hover{background:#fff;border-color:#d1d5db}.spec-item label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.spec-item p{color:#111827;font-size:14px;font-weight:500;line-height:1.5;margin:0}.tags-display{gap:10px}.tag-badge{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.tag-badge:hover{background:#bae6fd;border-color:#7dd3fc}.card-link{color:#14b8a6;display:inline-block;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.card-link:hover{color:#0d9488;text-decoration:underline}.asset-detail-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#14b8a6;height:48px;width:48px}.asset-detail-loading p{color:#6b7280;font-size:16px;font-weight:500}.asset-detail-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;padding:40px;text-align:center}.asset-detail-error h2{color:#111827;font-size:24px;font-weight:800;margin:0}.asset-detail-error p{color:#6b7280;font-size:15px;margin:0}.back-btn-error{background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.back-btn-error:hover{background:#0d9488}@media (max-width:1400px){.content-charts-section{grid-template-columns:350px 1fr}}@media (max-width:1200px){.charts-section-horizontal,.content-top-section{gap:20px;grid-template-columns:1fr}}@media (max-width:1024px){.asset-detail-header-new{gap:20px;grid-template-columns:1fr;padding:20px 24px;text-align:center}.header-actions-section,.header-search-section{justify-content:center}.asset-detail-content-new{padding:24px 20px}.content-top-section{gap:20px;grid-template-columns:1fr}.charts-section-horizontal{gap:16px;grid-template-columns:1fr}.tab-location-content{grid-template-columns:1fr}.image-carousel-section{border-radius:6px;height:400px}.specifications-grid{grid-template-columns:1fr}.content-left-section{border-radius:6px}}@media (max-width:768px){.asset-detail-header-new{padding:16px 20px}.header-title-section h1{font-size:18px}.btn-edit,.btn-report{border-radius:6px;font-size:12px;padding:10px 20px}.image-carousel-section{border-radius:6px;height:300px}.charts-section-horizontal{gap:16px;grid-template-columns:1fr}.container-description{padding:16px}.container-title{font-size:15px}.container-desc{font-size:13px}.tab-content-area{padding:24px}.tabs-navigation{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tab-btn{font-size:12px;padding:16px 24px}.carousel-btn{border-radius:6px;height:44px;width:44px}.map-container-new{border-radius:6px;height:350px}.content-left-section,.info-card,.pollutant-chart-container,.volume-chart-container{border-radius:6px}.asset-detail-content-new{padding:20px 16px}.content-main-section-full{gap:24px}}@media (max-width:480px){.asset-detail-content-new{padding:12px}.image-carousel-section{height:250px}.info-card,.tab-content-area{padding:16px}.header-actions-section{flex-direction:column;width:100%}.btn-edit,.btn-report{width:100%}.map-container-new{height:300px}}.selection-popup{bottom:0;left:0;right:0}.selection-popup-content{box-shadow:0 -4px 20px #00000026;padding:16px 24px}@media (max-width:1024px){.selection-popup-content{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.selection-info{justify-content:space-between}.selection-actions{gap:6px;justify-content:flex-start}.popup-action-btn{flex:1 1;font-size:12px;justify-content:center;min-width:calc(25% - 5px);padding:8px 10px}}@media (max-width:768px){.selection-popup-content{padding:14px 16px}.popup-action-btn{min-width:calc(33.333% - 4px);padding:8px}.popup-action-btn span{display:none}.popup-action-btn svg{margin:0}}@media (max-width:480px){.selection-actions{gap:4px}.popup-action-btn{min-width:calc(25% - 3px);padding:10px 6px}}.assets-map-fullscreen{background:#0000;height:100%;position:relative;width:100%}.image-popup-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:30px;position:fixed;right:0;top:0;z-index:2000}.image-popup-content{animation:zoomIn .3s ease;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-popup-img{border-radius:4px;box-shadow:0 10px 30px #0000004d;max-height:100%;max-width:100%;object-fit:contain;transition:opacity .25s ease-in-out}.image-popup-img.fade-out{opacity:0}.image-popup-img.fade-in{opacity:1}.image-popup-nav-btn{align-items:center;background:#1e1e1e99;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:2001}.image-popup-nav-btn:hover{background:#000c;border-color:#fff6;transform:translateY(-50%) scale(1.05)}.image-popup-nav-btn.popup-prev{left:-70px}.image-popup-nav-btn.popup-next{right:-70px}@media (max-width:900px){.image-popup-nav-btn.popup-prev{left:10px}.image-popup-nav-btn.popup-next{right:10px}}.image-popup-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;padding:8px;position:absolute;right:-10px;top:-40px;transition:transform .2s ease}.image-popup-close-btn:hover{transform:scale(1.1)}@media (max-width:768px){.image-popup-close-btn{right:0;top:-45px}}.add-asset-page{background:#fafbfc;display:flex;flex-direction:column;min-height:100vh}.add-asset-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.add-asset-header h1{color:#111827;flex:1 1;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.btn-save-header{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s;white-space:nowrap}.btn-save-header:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px #3b82f640;transform:translateY(-1px)}.btn-save-header:active:not(:disabled){transform:translateY(0)}.btn-save-header:disabled{cursor:not-allowed;opacity:.6}.btn-save-header.saving{background:#9ca3af}.device-info-bar{grid-gap:16px;align-items:end;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:20px 32px}.info-field-item{display:flex;flex-direction:column;gap:6px}.info-field-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.3px}.info-field-input,.info-field-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:14px;font-weight:400;padding:8px 12px;transition:all .2s;width:100%}.info-field-input::placeholder{color:#9ca3af}.info-field-input:focus,.info-field-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.info-field-input:hover,.info-field-select:hover{border-color:#9ca3af}.info-field-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.add-asset-tabs{background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;padding:0 32px}.add-asset-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:0;margin-right:32px;padding:14px 0;position:relative;transition:all .2s;white-space:nowrap}.add-asset-tab:hover{background:#0000;color:#2563eb}.add-asset-tab.active{background:#0000;border-bottom-color:#3b82f6;color:#3b82f6;font-weight:400}.add-asset-content{flex:1 1;margin:0 auto;max-width:1600px;padding:32px 32px 100px;width:100%}.add-asset-tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d}.add-asset-tab-content-clean{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.form-two-column-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:32px}.form-left-column,.form-right-column{display:flex;flex-direction:column;gap:24px}.form-single-column{padding:32px}.form-group-box{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:24px}.form-group-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 20px;text-transform:uppercase}.form-field{position:relative}.form-field:last-child{margin-bottom:0}.form-label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.required-asterisk{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea,.form-textarea-large{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:inherit;font-size:14px;font-weight:400;padding:12px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea-large:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:hover,.form-select:hover,.form-textarea-large:hover,.form-textarea:hover{border-color:#9ca3af}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-textarea{min-height:100px;resize:vertical}.form-textarea-large{min-height:300px;resize:vertical}.char-counter{color:#9ca3af;font-size:12px;margin-top:8px;text-align:right}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-chip{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.tag-chip,.tag-remove{align-items:center;color:#0369a1}.tag-remove{background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.tag-remove:hover{color:#075985}.map-controls{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:4px;width:-webkit-fit-content;width:fit-content}.map-control-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.map-control-btn:hover{background:#f9fafb;color:#3b82f6}.map-control-btn.active{background:#3b82f6;color:#fff}.map-container-add-asset{background:#f0f9ff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;height:450px;overflow:hidden;width:100%}.map-loading{align-items:center;background:#fafbfc;color:#9ca3af;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;width:100%}.upload-dropzone{background:#fff;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .2s}.upload-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.upload-icon{color:#9ca3af;margin:0 auto 16px}.upload-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.upload-subtitle{color:#6b7280;font-size:14px;margin:0 0 12px}.upload-info{color:#9ca3af;font-size:12px;margin:0}.uploaded-images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px}.uploaded-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;position:relative;transition:all .2s}.uploaded-image-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.uploaded-image-preview{background:#f3f4f6;height:150px;overflow:hidden;width:100%}.uploaded-image-preview img{height:100%;object-fit:cover;width:100%}.uploaded-image-info{padding:12px}.uploaded-image-name{align-items:center;color:#111827;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-image-name svg{color:#6b7280;flex-shrink:0}.uploaded-image-size{color:#9ca3af;font-size:11px}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.no-images-message{color:#9ca3af;padding:40px 20px;text-align:center}.no-images-message svg{color:#d1d5db;margin:0 auto 12px}.no-images-message p{font-size:14px;font-weight:500;margin:0}.btn-save-fixed{align-items:center;background:#22c55e;border:none;border-radius:6px;bottom:32px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:14px 32px;position:fixed;right:32px;transition:all .2s;z-index:200}.btn-save-fixed:hover:not(:disabled){background:#16a34a;box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.btn-save-fixed:active:not(:disabled){transform:translateY(0)}.btn-save-fixed:disabled{cursor:not-allowed;opacity:.7}.btn-save-fixed.saving{background:#9ca3af}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.success-toast{align-items:center;animation:slideUp .3s ease-out;background:#22c55e;border-radius:6px;bottom:32px;box-shadow:0 4px 12px #22c55e4d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:12px;left:50%;padding:16px 24px;position:fixed;transform:translateX(-50%);z-index:300}@media (max-width:1200px){.form-two-column-layout{gap:24px;grid-template-columns:1fr}.uploaded-images-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.add-asset-header{flex-wrap:wrap;padding:16px 20px}.add-asset-header h1{flex:1 1 100%;font-size:18px}.btn-save-header{flex:1 1;justify-content:center}.device-info-bar{gap:12px;grid-template-columns:repeat(2,1fr);padding:20px}.add-asset-content{padding:20px 16px 100px}.form-single-column,.form-two-column-layout{padding:20px}.form-row{grid-template-columns:1fr}.add-asset-tab{font-size:12px;padding:14px 20px}.map-container-add-asset{height:350px}.upload-dropzone{padding:40px 20px}.uploaded-images-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.btn-save-fixed{bottom:20px;padding:12px 24px;right:20px}}@media (max-width:480px){.add-asset-header{padding:16px}.btn-save-header{font-size:13px;padding:10px 20px}.device-info-bar{gap:12px;grid-template-columns:1fr;padding:16px}.add-asset-content{padding:16px 12px}.form-group-box{padding:16px}.map-container-add-asset{height:300px}.uploaded-images-grid{grid-template-columns:1fr}.btn-save-fixed{bottom:20px;justify-content:center;left:20px;right:20px}}.form-clean-layout{max-width:900px;padding:32px 40px}.form-row-clean{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-label-clean{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input-clean,.form-select-clean{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:14px;font-weight:400;padding:10px 12px;transition:all .2s;width:100%}.form-input-clean::placeholder{color:#9ca3af}.form-input-clean:focus,.form-select-clean:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input-clean:hover,.form-select-clean:hover{border-color:#9ca3af}.form-input-clean.error,.form-select-clean.error{border-color:#ef4444}.form-input-clean.error:focus,.form-select-clean.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-field{margin-bottom:20px}.form-textarea-clean{min-height:100px}.form-textarea-clean,.form-textarea-large-clean{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:14px;font-weight:400;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.form-textarea-large-clean{min-height:300px}.form-textarea-clean::placeholder,.form-textarea-large-clean::placeholder{color:#9ca3af}.form-textarea-clean:focus,.form-textarea-large-clean:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea-clean:hover,.form-textarea-large-clean:hover{border-color:#9ca3af}@media (max-width:768px){.form-clean-layout{padding:24px 20px}.form-row-clean{gap:0;grid-template-columns:1fr}}.view-mode-tabs{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:48px;justify-content:space-between;padding:0 24px;width:100%}.tabs-container{display:flex;gap:0;height:100%}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;height:100%;padding:0 20px;transition:color .2s ease,border-color .2s ease}.tab-button:hover{color:#0f766e}.tab-button.active{border-bottom-color:#0f766e;color:#0f766e}.tab-button svg{height:16px;width:16px}.add-task-button{background:#0f766e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.add-task-button:hover{background:#0d9488}@media (max-width:768px){.view-mode-tabs{padding:0 16px}.tab-button{font-size:12px;padding:0 12px}.add-task-button{font-size:12px;padding:6px 12px}}.board-view{background:#f9fafb;display:flex;flex-direction:column;height:calc(100vh - 200px)}.board-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;justify-content:space-between;padding:16px 24px}.board-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{flex:1 1;gap:12px}.toolbar-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.toolbar-button:hover{background:#f9fafb;border-color:#9ca3af}.assignee-selector{display:flex;gap:-8px;margin-left:12px}.assignee-avatar{border:2px solid #fff;border-radius:50%;height:32px;margin-left:-8px;object-fit:cover;width:32px}.assignee-avatar:first-child{margin-left:0}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:250px;padding:8px 16px}.search-input:focus{border-color:#3b82f6;outline:none}.board-columns{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:24px}.board-column{display:flex;flex-direction:column;gap:16px;min-height:0}.column-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:12px}.column-title-wrapper{align-items:center;display:flex;gap:10px}.column-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.column-title{color:#111827;font-size:16px;font-weight:600;margin:0}.column-count{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;padding:2px 10px}.column-menu-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.column-menu-button:hover{background:#f3f4f6;color:#111827}.column-tasks{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.column-tasks::-webkit-scrollbar{width:6px}.column-tasks::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.column-tasks::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.column-tasks::-webkit-scrollbar-thumb:hover{background:#9ca3af}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s}.task-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.task-status-badge{align-self:flex-start;border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.task-content{display:flex;flex-direction:column;gap:6px}.task-title{color:#111827;font-size:15px;font-weight:600;line-height:1.4;margin:0}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.task-location{color:#9ca3af;font-size:12px;line-height:1.4;margin:0}.task-assignees{display:flex;gap:-6px}.assignee-avatar-small{border:2px solid #fff;height:28px;margin-left:-6px;object-fit:cover;width:28px}.assignee-avatar-small:first-child{margin-left:0}@media (max-width:1200px){.board-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.board-columns{grid-template-columns:1fr;padding:16px}.board-toolbar{align-items:stretch;flex-direction:column;gap:12px}.toolbar-left{flex-wrap:wrap}.search-input{width:100%}}.table-view-container{display:flex;flex:1 1;flex-direction:column}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;overflow:hidden}.custom-table{border-collapse:collapse;font-size:14px;width:100%}.custom-table thead{background:#fafbfc;border-bottom:1px solid #e5e7eb}.custom-table th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.custom-table th.col-action{text-align:center}.custom-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .15s}.custom-table tbody tr:hover{background:#fafbfc}.custom-table tbody tr.selected{background:#f0fdfa}.custom-table tbody tr:last-child{border-bottom:none}.custom-table td{color:#1f2937;font-weight:400;padding:14px 16px;vertical-align:middle}.table-row{transition:background .2s}.col-checkbox{text-align:center;width:48px}.col-checkbox input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;height:16px;width:16px}.col-number{color:#6b7280;font-family:Courier New,monospace;font-size:13px;max-width:100px}.col-number,.col-report{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-report{max-width:200px}.col-name{color:#111827;font-weight:700;min-width:250px}.col-date{white-space:nowrap}.task-name{color:#111827;font-weight:500}.assignee-info{align-items:center;display:flex;gap:8px}.assignee-avatar-small{align-items:center;background:#e0f2fe;border-radius:50%;color:#0369a1;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.col-action{text-align:center}.action-view-btn{align-items:center;background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.action-view-btn:hover{background:#0d9488;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-view-btn:active{transform:translateY(0)}.schedules-header{background:#fff;border:1px solid #e5e7eb;gap:24px;justify-content:space-between;padding:20px 32px}.date-navigation,.schedules-header,.schedules-header-left{align-items:center;display:flex}.date-navigation{gap:12px}.nav-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.nav-button:hover{background:#f9fafb;border-color:#d1d5db}.current-date-range{color:#111827;font-size:18px;font-weight:700;margin:0;min-width:200px;text-align:center}.today-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.today-button:hover{background:#f9fafb;border-color:#d1d5db}.schedules-header-right{align-items:center;display:flex;gap:12px}.members-toggle-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.members-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db}.members-toggle-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.members-toggle-btn.active:hover{background:#1d4ed8;border-color:#1d4ed8}.view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:0;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.toggle-btn:hover{color:#374151}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}@media (max-width:768px){.schedules-header{flex-wrap:wrap;padding:16px}.current-date-range{font-size:16px;min-width:150px}.schedules-header-right{flex:0 0 100%;flex-wrap:wrap;justify-content:center;margin-top:12px;order:3}.members-toggle-btn span{display:none}.members-toggle-btn{padding:8px 12px}}.shift-card{align-self:flex-start;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:8px 10px;transition:all .2s;width:100%}.shift-card:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.shift-card-header{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.shift-label{flex:1 1;font-size:13px;font-weight:600;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-status-dot{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:8px;width:8px}.shift-time{font-size:11px;font-weight:500;line-height:1.3;opacity:.9}@media (max-width:768px){.shift-card{min-height:45px;padding:6px 8px}.shift-label{font-size:11px}.shift-time{font-size:10px}.shift-status-dot{height:6px;width:6px}}.schedule-timeline{overflow:hidden;transition:all .3s ease}.schedule-timeline.hide-members .timeline-grid{padding-left:0}.timeline-grid{display:flex;height:100%;min-width:100%}.member-column{background:#fafbfc;border-right:1px solid #e5e7eb;flex-shrink:0;left:0;position:-webkit-sticky;position:sticky;transition:all .3s ease;width:240px;z-index:10}.member-header{background:#fafbfc;color:#6b7280;font-size:14px;font-weight:700;height:100px;letter-spacing:.5px;text-transform:uppercase}.member-header,.member-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;padding:0 20px}.member-row{cursor:pointer;gap:12px;height:80px;transition:background .2s}.member-row:hover{background:#f3f4f6}.member-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.member-info{flex:1 1;min-width:0}.member-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:2px}.member-name,.member-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-position{color:#6b7280;font-size:12px}.days-grid{background-color:#e5e7eb;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.days-grid.monthly-scroll{overflow-x:auto;overflow-y:hidden}.days-grid.monthly-scroll::-webkit-scrollbar{height:8px}.days-grid.monthly-scroll::-webkit-scrollbar-track{background:#f1f1f1}.days-grid.monthly-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.days-grid.monthly-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.days-header{grid-gap:1px;background:#e5e7eb;border-bottom:1px solid #e5e7eb;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:5}.day-header-cell{align-items:center;background-color:#fafbfc;display:flex;flex-direction:column;gap:4px;height:100px;justify-content:center;min-width:180px;padding:12px;transition:background .2s}.day-header-cell.today{background:#eff6ff}.day-header-cell.today .day-date{color:#2563eb}.day-name{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.day-date{color:#111827;font-size:28px;font-weight:800;line-height:1}.day-month{color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase}.schedule-grid{display:flex;flex:1 1;flex-direction:column;gap:1px}.schedule-row{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.schedule-cell{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;gap:6px;height:80px;justify-content:flex-start;min-width:180px;overflow:hidden;padding:10px;transition:background .2s}.schedule-cell.today{background:#f8faff}.schedule-cell:hover{background:#f9fafb}@media (max-width:1400px){.member-column{width:200px}.member-avatar{height:36px;width:36px}.member-name{font-size:13px}.member-position{font-size:11px}.day-header-cell,.schedule-cell{min-width:100px}}@media (max-width:1024px){.member-column{width:180px}.member-row{padding:0 12px}.day-date{font-size:24px}.day-header-cell,.schedule-cell{min-width:90px;padding:8px}}@media (max-width:768px){.member-column{width:150px}.member-header{font-size:12px;padding:0 12px}.member-row{height:70px;padding:0 12px}.member-avatar{height:32px;width:32px}.member-name{font-size:12px}.member-position{font-size:10px}.day-header-cell{height:80px;min-width:80px;padding:8px}.day-date{font-size:20px}.day-month,.day-name{font-size:10px}.schedule-cell{height:70px;min-width:80px;padding:6px}}.work-orders-page{background:#fafbfc;border:1px solid #e5e7eb;display:flex;flex-direction:column}.view-content{border:1px solid #ffffff4d;flex:1 1;overflow:auto;padding:24px}.schedule-view,.view-content{display:flex;flex-direction:column}.schedule-view{height:100%}.table-container{display:flex;flex:1 1;flex-direction:column}.board-view{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px}.schedule-timeline{background-color:#fff;border:1px solid #e5e7eb}.report-detail-type{border-radius:6px}.selection-popup{animation:slideUpFromBottom .3s ease-out;bottom:20px;left:50%;max-width:calc(100% - 40px);position:fixed;transform:translateX(-50%);width:1200px;z-index:999}@keyframes slideUpFromBottom{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.selection-popup-content{align-items:center;background:#2d3748;border-radius:6px;box-shadow:0 4px 20px #0003;color:#fff;display:flex;gap:24px;justify-content:space-between;padding:12px 20px;width:100%}.selection-info{align-items:center;display:flex;flex-shrink:0;gap:16px}.clear-selection-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.clear-selection-btn:hover{background:#ffffff1a;border-color:#ffffff80}.selection-count{color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.popup-action-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.popup-action-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.popup-action-btn:active{transform:translateY(0)}.popup-action-btn svg{flex-shrink:0}@media (max-width:1024px){.selection-popup-content{align-items:stretch;flex-direction:column;gap:16px}.selection-info{justify-content:space-between}.selection-actions{justify-content:flex-start}}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s}.report-card:hover{border-color:#14b8a6;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.report-card-header{align-items:center;display:flex;gap:12px}.report-card-icon{flex-shrink:0}.asset-icon-circle{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;box-shadow:0 2px 8px #14b8a64d;display:flex;height:56px;justify-content:center;width:56px}.asset-icon-text{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.5px}.report-card-title{flex:1 1;min-width:0}.report-card-title h3{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}.report-card-council{color:#6b7280;font-size:14px;font-weight:500;margin:0}.report-card-content{display:flex;flex-direction:column;gap:12px}.report-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden}.report-card-location{align-items:flex-start;color:#6b7280;display:flex;font-size:13px;gap:8px;line-height:1.5}.report-card-location svg{color:#14b8a6;flex-shrink:0;margin-top:2px}.report-card-alerts{border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-align:center}.alerts-none{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alerts-active{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.alerts-critical{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.report-card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-top:12px}.report-status-badge{border-radius:6px;font-size:12px;font-weight:700;padding:6px 12px;text-transform:capitalize}.status-completed{background:#d1fae5;color:#065f46}.status-in-progress{background:#fef3c7;color:#92400e}.status-pending{background:#dbeafe;color:#1e40af}.status-scheduled{background:#ede9fe;color:#5b21b6}.status-default{background:#f3f4f6;color:#374151}.report-card-type{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;font-weight:600;padding:4px 10px}@media (max-width:768px){.report-card{padding:16px}.asset-icon-circle{height:48px;width:48px}.asset-icon-text{font-size:16px}.report-card-title h3{font-size:18px}.report-card-description{font-size:13px}}.report-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.report-table{border-collapse:collapse;font-size:13px;min-width:2400px;width:100%}.report-table thead{background:#fafbfc;border-bottom:1px solid #e5e7eb}.report-table th{background:#fafbfc;color:#6b7280;font-size:11px;font-weight:800;letter-spacing:.6px;padding:14px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:all .2s;white-space:nowrap;z-index:10}.report-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .15s}.report-table tbody tr:hover{background:#fafbfc}.report-table tbody tr:last-child{border-bottom:none}.report-table td{color:#1f2937;font-weight:400;padding:12px;vertical-align:middle;white-space:nowrap}.report-asset-id{color:#111827;font-family:Courier New,monospace;font-size:13px;font-weight:700}.report-status-badge-inline{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.report-mod-no{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.report-council{max-width:180px;overflow:hidden;text-overflow:ellipsis}.report-datetime{color:#6b7280;font-size:12px;min-width:140px}.report-percent{color:#111827;font-weight:700}.report-level-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.level-low{background:#d1fae5;color:#065f46}.level-medium{background:#fef3c7;color:#92400e}.level-high{background:#fee2e2;color:#dc2626}.level-excellent,.level-good{background:#d1fae5;color:#065f46}.level-fair{background:#fef3c7;color:#92400e}.level-poor{background:#fee2e2;color:#dc2626}.report-comments{max-width:300px}.report-comments span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:normal}.report-action-col{padding-right:16px!important;text-align:center}.report-view-btn{align-items:center;background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.report-view-btn:hover{background:#0d9488;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.report-view-btn:active{transform:translateY(0)}@media (max-width:1024px){.report-table{font-size:12px}.report-table td,.report-table th{padding:10px 8px}}@media (max-width:768px){.report-table-wrapper{border-radius:6px}.report-table{font-size:11px}.report-table td,.report-table th{padding:8px 6px}}.filter-badges-container{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-badges-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filter-badges-title{color:#374151;font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.clear-all-filters-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.clear-all-filters-btn:hover{background:#dc2626;box-shadow:0 2px 4px #ef44444d;transform:translateY(-1px)}.clear-all-filters-btn:active{transform:translateY(0)}.filter-badges-list{display:flex;flex-wrap:wrap;gap:8px}.filter-badge{align-items:center;animation:scaleIn .2s ease-out;background:#e0f2f1;border:1px solid #14b8a6;border-radius:6px;color:#0f766e;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 10px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-badge-text{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge-remove{align-items:center;background:#0000;border:none;border-radius:3px;color:#0f766e;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:all .2s}.filter-badge-remove:hover{background:#14b8a6;color:#fff}@media (max-width:768px){.filter-badges-container{padding:12px}.filter-badges-header{align-items:flex-start;flex-direction:column;gap:10px}.clear-all-filters-btn{justify-content:center;width:100%}.filter-badge{flex:1 1;min-width:120px}.filter-badge-text{max-width:150px}}.reports-page{background:#f8fafc;display:flex;flex-direction:column;height:100%}.reports-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:24px}.reports-controls-container{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.reports-search{flex:1 1;max-width:450px;position:relative}.reports-search .search-icon{color:#9ca3af;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.reports-search input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:400;padding:11px 14px 11px 42px;transition:all .2s;width:100%}.reports-search input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.reports-search input::placeholder{color:#9ca3af;font-weight:400}.reports-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:130px;padding:11px 36px 11px 14px;transition:all .2s}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.view-toggle-btn:hover{background:#f9fafb;color:#14b8a6}.view-toggle-btn.active{background:#14b8a6;color:#fff}.reports-table-container{background:#fff;border-radius:6px;margin-bottom:20px}.reports-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:20px}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;font-size:15px;margin-top:20px;padding:80px 20px;text-align:center}.report-detail-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-detail-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:6px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-detail-header{align-items:flex-start;background:#fafbfc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.report-detail-title-section{display:flex;flex-direction:column;gap:6px}.report-detail-header h2{color:#111827;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.report-detail-type{background:#f3f4f6;border-radius:5px;color:#6b7280;font-size:13px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.close-detail-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-detail-btn:hover{background:#f3f4f6;color:#111827}.report-detail-content{flex:1 1;overflow-y:auto;padding:28px}.report-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.report-detail-item{display:flex;flex-direction:column;gap:6px}.report-detail-item.full-width{grid-column:1/-1}.report-detail-item label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#111827;font-size:14px;font-weight:500;line-height:1.5}.detail-alerts{border-radius:6px;font-size:12px;font-weight:700;padding:8px 12px;width:-webkit-fit-content;width:fit-content}@media (max-width:1200px){.reports-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.reports-page{padding:16px}.reports-header{align-items:stretch;gap:12px}.reports-filters,.reports-header{flex-direction:column}.filter-select{width:100%}.reports-controls-row{align-items:stretch;flex-direction:column}.reports-view-toggle{width:100%}.reports-counter{justify-content:center;width:100%}.view-toggle-btn{flex:1 1;justify-content:center}.reports-card-grid{gap:16px;grid-template-columns:1fr}.report-detail-modal{max-height:95vh;max-width:95%}.report-detail-content,.report-detail-header{padding:20px}.report-detail-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.reports-card-grid{gap:12px}.report-detail-header h2{font-size:18px}}.groups-page{margin:0 auto;max-width:1600px}.groups-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.group-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:24px;transition:all .2s}.group-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.group-header{gap:16px;margin-bottom:16px}.group-header,.group-icon{align-items:center;display:flex}.group-icon{background:#14b8a61a;border-radius:6px;color:#14b8a6;flex-shrink:0;height:56px;justify-content:center;width:56px}.group-name{color:#111827;flex:1 1;font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0}.group-description{color:#6b7280;flex:1 1;font-size:14px;font-weight:400;line-height:1.6;margin:0 0 20px}.group-stats{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:20px;padding-top:16px}.stat-item{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:8px}.stat-item svg{color:#94a3b8}.view-group-btn{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;color:#14b8a6;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s;width:100%}.view-group-btn:hover{background:#14b8a6;border-color:#14b8a6;color:#fff}@media (max-width:768px){.groups-grid{grid-template-columns:1fr}}.coming-soon-page{align-items:center;display:flex;justify-content:center;min-height:60vh}.coming-soon-content{max-width:500px;padding:48px 24px;text-align:center}.coming-soon-content h1{color:#1e293b;font-size:36px;font-weight:700;margin:0 0 16px}.coming-soon-badge{background:#f97316;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 24px;padding:8px 20px;text-transform:uppercase}.coming-soon-text{color:#64748b;font-size:16px;line-height:1.6;margin:0}.profile-page{margin:0 auto;max-width:1200px}.profile-header{margin-bottom:32px}.profile-header h2{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.profile-header p{color:#6b7280;font-size:15px;font-weight:400;margin:0}.profile-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.profile-avatar-section{align-items:center;background:#fafbfc;display:flex;gap:24px;padding:32px}.profile-avatar-wrapper{position:relative}.profile-avatar-large{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100px}.avatar-change-button{align-items:center;background:#14b8a6;border:3px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:all .2s;width:36px}.avatar-change-button:hover{background:#0d9488;transform:scale(1.1)}.profile-avatar-info h3{color:#111827;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.profile-role{color:#6b7280;font-size:14px;font-weight:400;margin:0 0 12px}.profile-status-badge{background:#dcfce7;border-radius:6px;color:#16a34a;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.profile-divider{background:#e5e7eb;height:1px}.profile-info-section{padding:32px}.profile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.profile-section-header h4{color:#111827;font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0}.edit-button{background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s}.edit-button:hover{background:#0d9488;transform:translateY(-1px)}.edit-actions{display:flex;gap:8px}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s}.cancel-button{background:#f3f4f6;color:#6b7280}.cancel-button:hover{background:#e5e7eb;color:#374151}.save-button{background:#14b8a6;color:#fff}.save-button:hover{background:#0d9488;transform:translateY(-1px)}.profile-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:600;gap:8px}.profile-field label svg{color:#94a3b8}.profile-field p{color:#111827;font-size:15px;font-weight:600;margin:0}.profile-field input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:15px;font-weight:400;padding:10px 12px;transition:all .2s}.profile-field input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.profile-stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:-webkit-fit-content;height:fit-content;padding:24px}.profile-stats-card h4{color:#111827;font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 20px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:20px 16px;text-align:center}.stat-value{color:#14b8a6;font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.stat-label{color:#6b7280;font-size:13px;font-weight:600}@media (max-width:1024px){.profile-container,.profile-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-avatar-section{flex-direction:column;padding:24px;text-align:center}.profile-info-section{padding:24px}.stats-grid{grid-template-columns:1fr}.profile-section-header{align-items:flex-start;flex-direction:column;gap:12px}}.settings-page{margin:0 auto;max-width:900px}.settings-header{margin-bottom:32px}.settings-header h2{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.settings-header p{color:#6b7280;font-size:15px;font-weight:400;margin:0}.settings-container{display:flex;flex-direction:column;gap:32px}.settings-section{display:flex;flex-direction:column;gap:16px}.section-header{align-items:center;color:#111827;display:flex;gap:12px}.section-header svg{color:#14b8a6}.section-header h3{font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.settings-card.danger{background:#fef2f2;border-color:#fecaca}.settings-item{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:24px}.settings-item-info{flex:1 1}.settings-item-info h4{color:#111827;font-size:16px;font-weight:700;margin:0 0 4px}.settings-item-info p{color:#6b7280;font-size:14px;font-weight:400;margin:0}.settings-divider{background:#e5e7eb;height:1px;margin:0 24px}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background-color:#14b8a6}input:checked+.toggle-slider:before{transform:translateX(22px)}.language-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:10px 16px;transition:all .2s}.language-select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.password-change-section{padding:24px}.password-change-section h4{color:#111827;font-size:16px;font-weight:700;margin:0 0 20px}.password-form{gap:16px}.form-field,.password-form{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{color:#374151;font-size:14px;font-weight:600}.form-field input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;font-weight:400;padding:10px 12px;transition:all .2s}.form-field input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.submit-button{align-self:flex-start;background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s}.submit-button:hover{background:#0d9488;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.settings-danger-zone .settings-card{background:#fef2f2;border-color:#fecaca}.danger-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s}.danger-button:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.settings-item{align-items:flex-start;flex-direction:column;padding:20px}.settings-divider{margin:0 20px}.password-change-section{padding:20px}.language-select,.submit-button{width:100%}}.App{min-height:100vh}
/*# sourceMappingURL=main.1283f787.css.map*/