@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Inter:wght@400;500;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--blue-bright:#00abe4;--blue-dark:#0088b8;--blue-deeper:#006a8f;--blue-light:#e9f1fa;--blue-mid:#cce4f5;--blue-soft:#f4f9fd;--white:#fff;--text-dark:#1a2b3c;--text-mid:#3d5166;--text-muted:#7a92a8;--border:#d6e6f2;--border-light:#eaf3fb;--green:#16a34a;--green-light:#dcfce7;--amber:#d97706;--amber-light:#fef3c7;--red:#dc2626;--red-light:#fee2e2;--orange:#ea580c;--orange-light:#ffedd5;--shadow-sm:0 1px 3px #00abe414,0 1px 2px #0000000a;--shadow-md:0 4px 14px #00abe41f,0 2px 4px #0000000a;--shadow-lg:0 10px 30px #00abe426,0 4px 8px #0000000a;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#e9f1fa;background-color:var(--blue-light);color:#1a2b3c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:14px;line-height:1.5}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:2px solid #00abe4;border-bottom:2px solid var(--blue-bright);box-shadow:0 2px 12px #00abe41f;display:flex;height:60px;justify-content:space-between;left:0;padding:0 32px;position:fixed;right:0;top:0;width:100%;z-index:100}.navbar-brand{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.brand-white{color:#1a2b3c;color:var(--text-dark)}.brand-cyan{color:#00abe4;color:var(--blue-bright)}.navbar nav,.navbar nav ul{align-items:center;display:flex}.navbar nav ul{gap:2px;list-style:none}.navbar nav ul li{border-radius:6px;color:#3d5166;color:var(--text-mid);cursor:pointer;font-size:11.5px;font-weight:600;letter-spacing:.8px;padding:6px 14px;text-transform:uppercase;transition:all .15s}.navbar nav ul li:hover{background-color:#e9f1fa;background-color:var(--blue-light);color:#00abe4;color:var(--blue-bright)}.navbar nav ul li.active{background-color:#00abe4;background-color:var(--blue-bright);color:#fff;color:var(--white)}.navbar-user{align-items:center;display:flex;gap:12px}.logged-in-as{font-size:12px}.btn-logout,.logged-in-as{color:#7a92a8;color:var(--text-muted)}.btn-logout{background:#0000;border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;padding:6px 14px;text-transform:uppercase;transition:all .15s}.btn-logout:hover{background:#e9f1fa;background:var(--blue-light);border-color:#00abe4;border-color:var(--blue-bright);color:#00abe4;color:var(--blue-bright)}.main-content{flex:1 1;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1600px;padding:32px 36px;width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard h2,.page-header h2{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.dashboard h2{margin-bottom:4px}.subtitle{color:#7a92a8;color:var(--text-muted);font-size:13px;margin-bottom:24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:16px}.stat-card{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:20px 22px;position:relative;transition:box-shadow .2s,transform .2s}.stat-card:after{background:#cce4f5;background:var(--blue-mid);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 4px 14px #00abe41f,0 2px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.down:after{background:linear-gradient(90deg,#ea580c,#fb923c);background:linear-gradient(90deg,var(--orange),#fb923c)}.stat-card.warning:after{background:linear-gradient(90deg,#00abe4,#7dd3fc);background:linear-gradient(90deg,var(--blue-bright),#7dd3fc)}.stat-card.overdue:after{background:linear-gradient(90deg,#dc2626,#f87171);background:linear-gradient(90deg,var(--red),#f87171)}.stat-card h3{color:#7a92a8;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.stat-number{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:800;line-height:1}.btn-primary{background-color:#00abe4;background-color:var(--blue-bright);border:none;border-radius:7px;box-shadow:0 2px 8px #00abe44d;color:#fff;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.7px;padding:8px 18px;text-transform:uppercase;transition:all .15s}.btn-primary:hover{background-color:#0088b8;background-color:var(--blue-dark);box-shadow:0 4px 14px #00abe466;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-delete{background-color:#fee2e2;background-color:var(--red-light);border:1px solid #fca5a5;border-radius:6px;color:#dc2626;color:var(--red);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.7px;padding:6px 12px;text-transform:uppercase;transition:all .15s}.btn-delete:hover{background-color:#dc2626;background-color:var(--red);border-color:#dc2626;border-color:var(--red);color:#fff;color:var(--white)}.btn-complete{background-color:#dcfce7;background-color:var(--green-light);border:1px solid #86efac;border-radius:6px;color:#16a34a;color:var(--green);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.7px;padding:6px 12px;text-transform:uppercase;transition:all .15s}.btn-complete:hover{background-color:#16a34a;background-color:var(--green);border-color:#16a34a;border-color:var(--green);color:#fff;color:var(--white)}.btn-excel{background-color:#15803d;border:none;border-radius:7px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.7px;padding:8px 18px;text-transform:uppercase;transition:all .15s}.btn-excel:hover{background-color:#166534;box-shadow:0 2px 8px #15803d4d}.form-card{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:18px;padding:22px 24px}.form-card h3{border-bottom:2px solid #e9f1fa;border-bottom:2px solid var(--blue-light);color:#00abe4;color:var(--blue-bright);font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.5px;margin-bottom:14px;padding-bottom:12px;text-transform:uppercase}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.form-grid input,.form-grid select{background-color:#f4f9fd;background-color:var(--blue-soft);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:7px;color:#1a2b3c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:14px;padding:9px 12px;transition:all .15s;width:100%}.form-grid input:focus,.form-grid select:focus{background-color:#fff;background-color:var(--white);border-color:#00abe4;border-color:var(--blue-bright);box-shadow:0 0 0 3px #00abe41f;outline:none}.data-table{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-collapse:collapse;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.data-table th{background-color:#e9f1fa;background-color:var(--blue-light);border-bottom:1px solid #d6e6f2;border-bottom:1px solid var(--border);color:#3d5166;color:var(--text-mid);font-size:10px;font-weight:600;letter-spacing:1.5px;padding:11px 15px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #eaf3fb;border-bottom:1px solid var(--border-light);color:#1a2b3c;color:var(--text-dark);font-size:13.5px;padding:11px 15px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f4f9fd;background-color:var(--blue-soft)}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.status-badge.running{background:#dcfce7;background:var(--green-light);border:1px solid #86efac;color:#16a34a;color:var(--green)}.status-badge.down{background:#fee2e2;background:var(--red-light);border:1px solid #fca5a5;color:#dc2626;color:var(--red)}.status-badge.maintenance{background:#fef3c7;background:var(--amber-light);border:1px solid #fcd34d;color:#d97706;color:var(--amber)}.hours-badge{border:1px solid #cce4f5;border:1px solid var(--blue-mid);border-radius:20px;color:#00abe4;color:var(--blue-bright);font-size:12px}.category-badge,.hours-badge{background:#e9f1fa;background:var(--blue-light);font-weight:600;padding:3px 10px}.category-badge{border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:20px;color:#3d5166;color:var(--text-mid);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.pm-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.pm-badge{border:1px solid;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.7px;padding:8px 16px;text-transform:uppercase}.overdue-count{background:#fee2e2;background:var(--red-light);border-color:#fca5a5;color:#dc2626;color:var(--red)}.duesoon-count{background:#fef3c7;background:var(--amber-light);border-color:#fcd34d;color:#d97706;color:var(--amber)}.upcoming-count{background:#e9f1fa;background:var(--blue-light);border-color:#cce4f5;border-color:var(--blue-mid);color:#00abe4;color:var(--blue-bright)}.completed-count{background:#dcfce7;background:var(--green-light);border-color:#86efac;color:#16a34a;color:var(--green)}.pm-status{border:1px solid;border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.pm-status.overdue{background:#fee2e2;background:var(--red-light);border-color:#fca5a5;color:#dc2626;color:var(--red)}.pm-status.due-soon{background:#fef3c7;background:var(--amber-light);border-color:#fcd34d;color:#d97706;color:var(--amber)}.pm-status.upcoming{background:#e9f1fa;background:var(--blue-light);border-color:#cce4f5;border-color:var(--blue-mid);color:#00abe4;color:var(--blue-bright)}.pm-status.completed{background:#dcfce7;background:var(--green-light);border-color:#86efac;color:#16a34a;color:var(--green)}.report-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.report-card{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:18px 20px;transition:all .2s}.report-card:hover{box-shadow:0 4px 14px #00abe41f,0 2px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.report-card h4{color:#7a92a8;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.report-number{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;margin-bottom:4px}.report-sub{color:#7a92a8;color:var(--text-muted);font-size:12px}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.chart-card{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:22px}.chart-card h3{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:1.5px;margin-bottom:18px;text-transform:uppercase}.bar-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.bar-label{color:#3d5166;color:var(--text-mid);flex-shrink:0;font-size:13px;width:140px}.bar-track{background-color:#e9f1fa;background-color:var(--blue-light);flex:1 1}.bar-fill,.bar-track{border-radius:4px;height:8px}.bar-fill{transition:width .5s ease}.bar-value{color:#1a2b3c;color:var(--text-dark);font-size:13px;font-weight:600;text-align:right;width:35px}.login-page{align-items:center;background:linear-gradient(160deg,#005f8a,#0096cc 50%,#00abe4);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-page:before{background:radial-gradient(circle,#ffffff1a 0,#0000 65%);content:"";height:700px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px}.login-card{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:420px;padding:44px 40px;position:relative;text-align:center;width:100%;z-index:1}.login-title{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:800;letter-spacing:3px;margin-bottom:6px;text-transform:uppercase}.login-title span{color:#00abe4;color:var(--blue-bright)}.login-subtitle{color:#7a92a8;color:var(--text-muted);font-size:13px;margin-bottom:32px}.login-form{text-align:left}.login-field{margin-bottom:16px}.login-field label{color:#3d5166;color:var(--text-mid);display:block;font-size:10px;font-weight:600;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.login-field input{background-color:#f4f9fd;background-color:var(--blue-soft);border:1.5px solid #d6e6f2;border:1.5px solid var(--border);border-radius:8px;box-sizing:border-box;color:#1a2b3c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:15px;padding:11px 14px;transition:all .15s;width:100%}.login-field input:focus{background:#fff;background:var(--white);border-color:#00abe4;border-color:var(--blue-bright);box-shadow:0 0 0 3px #00abe41f;outline:none}.login-error{background:#fee2e2;background:var(--red-light);border:1px solid #fca5a5;border-radius:6px;color:#dc2626;color:var(--red);font-size:13px;margin-bottom:14px;padding:8px 12px;text-align:center}.btn-login{background:linear-gradient(135deg,#00abe4,#0088b8);background:linear-gradient(135deg,var(--blue-bright),var(--blue-dark));border:none;border-radius:8px;box-shadow:0 4px 14px #00abe466;color:#fff;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-top:8px;padding:12px;text-transform:uppercase;transition:all .15s;width:100%}.btn-login:hover{background:linear-gradient(135deg,#0088b8,#006a8f);background:linear-gradient(135deg,var(--blue-dark),var(--blue-deeper));box-shadow:0 6px 20px #00abe480;transform:translateY(-1px)}.btn-login:disabled{cursor:not-allowed;opacity:.5;transform:none}.recent-downtime{margin-top:32px}.recent-downtime h3{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.cost-banner{align-items:center;background:#fff;background:var(--white);border:1px solid #d6e6f2;border-left:4px solid #ea580c;border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#7a92a8;color:var(--text-muted);display:flex;font-size:12px;gap:14px;letter-spacing:1px;margin-bottom:20px;padding:14px 18px;text-transform:uppercase}.cost-total{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800}.cost-badge,.cost-total{color:#ea580c;color:var(--orange)}.cost-badge{background:#ffedd5;background:var(--orange-light);border:1px solid #fdba74;border-radius:20px;font-size:12px;font-weight:600;padding:3px 10px}.weekly-report{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00abe414,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:22px}.weekly-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.weekly-header h3{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.week-selector{display:flex;gap:8px}.week-btn{background:#0000;border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:6px;color:#7a92a8;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.7px;padding:6px 14px;text-transform:uppercase;transition:all .15s}.week-btn.active{background:#00abe4;background:var(--blue-bright);box-shadow:0 2px 6px #00abe44d;color:#fff;color:var(--white)}.week-btn.active,.week-btn:hover:not(.active){border-color:#00abe4;border-color:var(--blue-bright)}.week-btn:hover:not(.active){color:#00abe4;color:var(--blue-bright)}.week-label{color:#7a92a8;color:var(--text-muted);font-size:12px;margin-bottom:16px}.weekly-stats{display:flex;gap:28px;margin-bottom:12px}.weekly-stat{display:flex;flex-direction:column;gap:3px}.weekly-stat-label{color:#7a92a8;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.weekly-stat-value{color:#1a2b3c;color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800}.date-range-selector{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}.date-field{display:flex;flex-direction:column;gap:5px}.date-field label{color:#7a92a8;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.date-field input{background:#fff;background:var(--white);border:1px solid #d6e6f2;border:1px solid var(--border);border-radius:7px;color:#1a2b3c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:14px;padding:8px 12px;transition:border-color .15s}.date-field input:focus{border-color:#00abe4;border-color:var(--blue-bright);box-shadow:0 0 0 3px #00abe41a;outline:none}.date-shortcuts{align-items:flex-end;display:flex;gap:8px}.hamburger{background:none;border:none;color:#1a2b3c;color:var(--text-dark);cursor:pointer;display:none;font-size:26px;padding:5px}@media (max-width:768px){.hamburger{display:block}.navbar{padding:0 20px}.navbar nav{align-items:flex-start;background-color:#fff;background-color:var(--white);border-bottom:2px solid #00abe4;border-bottom:2px solid var(--blue-bright);box-shadow:0 4px 14px #00abe41f,0 2px 4px #0000000a;box-shadow:var(--shadow-md);display:none;flex-direction:column;left:0;padding:16px;position:fixed;right:0;top:60px;z-index:999}.navbar nav.nav-open{display:flex}.navbar nav ul{flex-direction:column;gap:4px;width:100%}.navbar nav ul li{padding:10px 12px;width:100%}.navbar-user{align-items:flex-start;border-top:1px solid #d6e6f2;border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;width:100%}.main-content{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.report-summary{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.pm-summary{flex-wrap:wrap}}
/*# sourceMappingURL=main.c1b619ac.css.map*/