:root{--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-slate);color:#64748b;color:var(--text-gray);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-main)}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--cyan-accent:#67e8f9;--cyan-hover:#a5f3fc;--blue-light:#dbeafe;--text-gray:#374151;--danger-red:#dc2626;--danger-red-hover:#b91c1c}.app-header{background-color:#015486;background-color:var(--primary-blue);box-shadow:0 4px 6px -1px #0000001a;color:#fff;position:relative;z-index:20}.header-container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1536px;padding:0 1rem}@media (min-width:640px){.header-container{padding:0 1.5rem}}@media (min-width:1024px){.header-container{padding:0 2rem}}.logo-group{align-items:center;display:flex;gap:.5rem}.logo-icon{color:#67e8f9;color:var(--cyan-accent);height:2rem;width:2rem}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.main-nav{align-items:center;display:none;gap:2rem}@media (min-width:768px){.main-nav{display:flex}}.nav-link{border-bottom:2px solid #0000;color:#dbeafe;color:var(--blue-light);font-size:.875rem;font-weight:500;padding-bottom:.25rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:#a5f3fc;color:var(--cyan-hover)}.nav-link.active{border-bottom-color:#fff;color:#fff}.header-actions,.icon-btn{align-items:center}.icon-btn{background:#0000;border:none;border-radius:9999px;color:#dbeafe;color:var(--blue-light);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.icon-btn:hover{background-color:#ffffff1a;color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;padding:1rem}.modal-content{animation:zoomIn .2s ease-out forwards;background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:56rem;overflow:hidden;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-slate);padding:1.5rem}.modal-title{font-size:1.25rem}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.close-btn:hover{color:#dc2626;color:var(--danger-red)}.modal-body{background-color:#f8fafc;background-color:var(--bg-slate);max-height:80vh;overflow-y:auto;padding:1.5rem}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.profile-grid{grid-template-columns:repeat(3,1fr)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}}.profile-card{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-slate);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-align:center}.avatar-wrapper{margin-bottom:1rem;position:relative}.avatar-circle{background-color:#eff6ff;color:#015486;color:var(--primary-blue);font-size:1.5rem;font-weight:700;height:6rem;width:6rem}.avatar-circle,.camera-btn{align-items:center;border-radius:9999px;display:flex;justify-content:center}.camera-btn{background-color:#015486;background-color:var(--primary-blue);border:2px solid #fff;bottom:0;color:#fff;cursor:pointer;padding:.375rem;position:absolute;right:0;transition:background-color .2s}.camera-btn:hover{background-color:#014670;background-color:var(--primary-blue-dark)}.user-name{color:#015486;color:var(--primary-blue);font-size:1.25rem;font-weight:700;margin:0}.user-role{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.status-badge{background-color:#dbeafe;border-radius:9999px;color:#015486;color:var(--primary-blue);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.section-card{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-slate);margin-bottom:1.5rem}.section-card:last-child{margin-bottom:0}.section-title{font-size:1.125rem;font-weight:700}.form-row{grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column}.form-label{color:#015486;color:var(--primary-blue);font-size:.875rem;font-weight:600}.form-input{border:none;border-radius:.5rem;color:#374151;color:var(--text-gray);outline:none;padding:.625rem;width:100%}.form-input:focus{box-shadow:0 0 0 2px #015486;box-shadow:0 0 0 2px var(--primary-blue)}.form-input:disabled{color:#9ca3af;cursor:not-allowed}.btn-reset{background-color:#015486;background-color:var(--primary-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.btn-reset:hover{background-color:#014670;background-color:var(--primary-blue-dark)}.action-row{display:flex;justify-content:flex-end}.modal-footer{background-color:#fff;gap:1rem;justify-content:flex-end;padding:1rem}.btn-logout{align-items:center;background-color:#dc2626;background-color:var(--danger-red);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.btn-logout:hover{background-color:#b91c1c;background-color:var(--danger-red-hover)}.app-footer{background-color:#0f172a;border-top:1px solid #1e293b;color:#f3f4f6;font-family:inherit;margin-top:auto;padding:3rem 0 1.5rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}@media (max-width:768px){.footer-grid{gap:2rem;grid-template-columns:1fr}}.footer-logo{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.footer-logo .logo-icon{color:#0ea5e9;height:24px;width:24px}.footer-tagline{color:#9ca3af;font-size:.875rem;line-height:1.5;max-width:300px}.footer-heading{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#9ca3af;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#0ea5e9}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-links a{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:50%;color:#f3f4f6;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.social-links a:hover{background:#0ea5e9;border-color:#0ea5e9;color:#fff;transform:translateY(-2px)}.footer-divider{border:none;border-top:1px solid #1e293b;margin:2rem 0}.footer-bottom{color:#9ca3af;flex-wrap:wrap;font-size:.875rem;gap:1rem;justify-content:space-between}.footer-bottom,.made-with{align-items:center;display:flex}.text-red-500{color:#ef4444}@media (max-width:640px){.footer-bottom{flex-direction:column;text-align:center}}:root{--border-slate:#cbd5e1;--text-gray-light:#9ca3af}.login-page{align-items:center;background-color:#f8fafc;background-color:var(--bg-slate);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{animation:fadeInUp .5s ease-out;background-color:#fff;background-color:var(--white);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;overflow:hidden;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-section{background-color:#015486;background-color:var(--primary-blue);color:#fff;color:var(--white);padding:2rem;text-align:center}.logo-wrapper{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border-radius:9999px;display:inline-flex;height:4rem;justify-content:center;margin-bottom:1rem;width:4rem}.app-title{font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.app-subtitle{color:#dbeafe;font-size:.875rem;margin:0}.form-section{padding:2rem}.login-form{gap:1.5rem}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-label{color:#015f9d;color:var(--primary-blue-light);font-size:.875rem;font-weight:500}.input-icon{color:#9ca3af;color:var(--text-gray-light);height:1.25rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.login-input{border:1px solid #cbd5e1;border:1px solid var(--border-slate);border-radius:.5rem;display:block;font-size:1rem;outline:none;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s;width:100%}.login-input:focus{border-color:#015486;border-color:var(--primary-blue);box-shadow:0 0 0 2px #01548633}.btn-login{align-items:center;background-color:#015486;background-color:var(--primary-blue);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.btn-login:hover{background-color:#014670;background-color:var(--primary-blue-dark);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.login-footer{margin-top:1.5rem;text-align:center}.footer-text{color:#64748b;color:var(--text-gray);font-size:.875rem}.link-highlight{color:#015486;color:var(--primary-blue);cursor:pointer;font-weight:600;text-decoration:none}.link-highlight:hover{text-decoration:underline}.dashboard-page{background-color:var(--bg-slate);color:var(--primary-blue);min-height:100vh;padding:1rem}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1536px}@media (min-width:640px){.dashboard-page{padding:1.5rem}}@media (min-width:1024px){.dashboard-page{padding:2rem}}.dashboard-header{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.dashboard-header{align-items:center;flex-direction:row;justify-content:space-between}}.header-title{color:var(--primary-blue);font-size:1.875rem;font-weight:700;margin:0}.header-subtitle{color:var(--primary-blue-light);margin:0}.date-picker-group{align-items:center;background-color:var(--white);border:1px solid var(--bg-slate-dark);border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;gap:.5rem;padding:.5rem}.date-input{background:#0000;border:none;color:var(--primary-blue);font-family:inherit;outline:none}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.kpi-grid{grid-template-columns:repeat(5,1fr)}}.kpi-card{background-color:var(--white);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem;transition:box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 6px -1px #0000001a}.kpi-title-text{color:var(--primary-blue-light);font-size:.875rem;font-weight:500}.kpi-value{color:var(--primary-blue);font-size:1.875rem;font-weight:700}.kpi-unit{font-size:1.125rem}.kpi-subtext{align-items:center;display:flex;font-size:.875rem;margin-top:.25rem}.kpi-dot{margin-right:.25rem}.kpi-card.highlight-blue{border:2px solid var(--primary-blue)}.kpi-card .text-safe{color:var(--success-green)}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(3,1fr)}.col-chart-section{grid-column:span 2}.col-sidebar-section{grid-column:span 1}}.chart-card{background-color:var(--white);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-direction:column;padding:1.5rem}.h-tall{height:420px}.h-medium{height:24rem}.h-auto{height:auto}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-title{color:var(--primary-blue);font-size:1.25rem;font-weight:600;margin:0}.chart-select{background-color:var(--white);border:1px solid var(--border-color);border-radius:.375rem;color:var(--primary-blue);font-size:.875rem;outline:none;padding:.25rem .5rem}.chart-wrapper{flex:1 1;min-height:0;position:relative}.analysis-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.analysis-row{grid-template-columns:1fr 1fr}}.analysis-card{background-color:var(--white);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.analysis-title{color:var(--primary-blue);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.comp-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.comp-item{display:flex;justify-content:space-between}.comp-label{color:var(--text-gray)}.comp-val{font-weight:500}.comp-trend{align-items:center;color:#eab308;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem}.corr-table{border-collapse:collapse;font-size:.875rem;text-align:center;width:100%}.corr-table th{color:var(--primary-blue-light);padding-bottom:.5rem}.corr-table td{padding:.5rem 0}.corr-table tr{border-bottom:1px solid var(--bg-slate)}.corr-table tr:last-child{border-bottom:none}.corr-row-head{font-weight:700;text-align:left}.wqi-card-container{display:flex;flex-direction:column;height:420px;justify-content:space-between}.gauge-section{align-items:center;display:flex;height:12rem;justify-content:center;margin-top:-1rem;position:relative}.gauge-overlay{margin-top:1.5rem;position:absolute;text-align:center}.gauge-value{color:var(--primary-blue);display:block;font-size:3rem;font-weight:700;line-height:1}.gauge-max{color:#9ca3af;font-size:.875rem;font-weight:500}.wqi-details{display:flex;flex-direction:column;gap:.75rem}.wqi-row{background-color:var(--bg-slate);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.wqi-label{color:var(--primary-blue-light);font-size:.875rem;font-weight:500}.wqi-val{color:var(--primary-blue);font-weight:700}.flow-footer{border-top:1px solid var(--bg-slate);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.alerts-list{display:flex;flex-direction:column;gap:.75rem;height:16rem;list-style:none;margin:0;overflow-y:auto;padding:0 .5rem 0 0}.alert-item{border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem}.alert-red{background-color:#fef2f2;color:#dc2626}.alert-yellow{background-color:#fefce8;color:#ca8a04}.alert-content{display:flex;flex-direction:column}.alert-title{font-weight:600}.alert-desc{color:#374151;font-size:.875rem}.text-red{color:#f87171}.text-green{color:#16a34a}.text-gray{color:#4b5563}.icon{height:1.25rem;width:1.25rem}:root{--danger-bg:#fef2f2}.entry-page{background-color:#fff;color:#015486;color:var(--primary-blue);min-height:100vh;padding-bottom:6rem}.entry-container{margin:0 auto;max-width:1280px;padding:1rem}@media (min-width:640px){.entry-container{padding:1.5rem}}@media (min-width:1024px){.entry-container{padding:2rem}}.breadcrumbs{gap:.25rem}.header-actions{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.header-actions{align-items:center;flex-direction:row}}.datetime-group{align-items:center;background-color:#f8fafc;background-color:var(--bg-slate);border:1px solid #e2e8f0;border:1px solid var(--bg-slate-dark);border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.datetime-input{background:#0000;border:none;color:#015486;color:var(--primary-blue);font-family:inherit;outline:none}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-secondary{background-color:#e2e8f0;background-color:var(--bg-slate-dark);color:#015486;color:var(--primary-blue)}.btn-secondary:hover{background-color:#cbd5e1}.btn-primary{background-color:#015486;background-color:var(--primary-blue);box-shadow:0 4px 6px -1px #0000001a;color:#fff}.btn-primary:hover{background-color:#014670;background-color:var(--primary-blue-dark)}.btn-danger-soft{background-color:#fef2f2;background-color:var(--danger-bg);color:#ef4444;color:var(--danger-red)}.btn-danger-soft:hover{background-color:#fee2e2}.main-form{display:flex;flex-direction:column;gap:1.5rem}.grid-layout-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.grid-layout-3{grid-template-columns:repeat(3,1fr)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}}.grid-layout-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.grid-layout-2{grid-template-columns:repeat(2,1fr)}}.required-mark{color:#ef4444;color:var(--danger-red)}.form-group{margin-bottom:1rem}.form-label{color:#015f9d;color:var(--primary-blue-light);display:block;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.input-wrapper{position:relative;width:100%}.form-input,.form-select,.form-textarea{border:1px solid #cbd5e1;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;outline:none;padding:.75rem;transition:box-shadow .2s,border-color .2s;width:100%}.form-input.has-unit{padding-right:4rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#015486;border-color:var(--primary-blue);box-shadow:0 0 0 2px #01548633}.unit-badge{align-items:center;background-color:#f1f5f9;border-bottom-right-radius:.5rem;border-left:1px solid #cbd5e1;border-left:1px solid var(--border-color);border-top-right-radius:.5rem;color:#015f9d;color:var(--primary-blue-light);display:flex;font-size:.875rem;height:100%;padding:0 1rem;pointer-events:none;position:absolute;right:0;top:0}.nested-fieldset{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--bg-slate-dark);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.fieldset-legend{color:#015f9d;color:var(--primary-blue-light);font-size:1.125rem;font-weight:500;padding:0 .5rem}.inline-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.inline-grid-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.inline-grid-3{grid-template-columns:repeat(3,1fr)}}.settled-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (min-width:768px){.settled-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.settled-grid{grid-template-columns:repeat(6,1fr)}}.mini-fieldset{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--bg-slate-dark);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.mini-legend{color:#015f9d;color:var(--primary-blue-light);font-size:.875rem;font-weight:700;padding:0 .25rem}.mini-input{border:1px solid #cbd5e1;border:1px solid var(--border-color);border-radius:.25rem;font-size:.875rem;outline:none;padding:.25rem .5rem;width:100%}.mini-input:focus{border-color:#015486;border-color:var(--primary-blue)}.checkbox-label{align-items:center;color:#015f9d;color:var(--primary-blue-light);cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-top:1rem}.checkbox-input{accent-color:#015486;accent-color:var(--primary-blue);height:1.25rem;width:1.25rem}.sticky-footer{background-color:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--bg-slate-dark);bottom:0;box-shadow:0 -4px 6px -1px #0000001a;left:0;padding:1rem;position:fixed;right:0;z-index:10}.footer-content{display:flex;gap:1rem;justify-content:flex-end;margin:0 auto;max-width:1280px}.footer-btn-cancel{align-items:center;background-color:#f1f5f9;border:none;border-radius:.5rem;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1.5rem;transition:background .2s}.footer-btn-cancel:hover{background-color:#e2e8f0}:root{--primary-blue-light:#015f9d;--bg-slate-dark:#e2e8f0;--border-color:#cbd5e1;--success-green:#16a34a;--danger-red:#ef4444}.prediction-page{background:radial-gradient(circle at 90% 10%,#01548614,#0000 45%),radial-gradient(circle at 10% 95%,#015f9d1a,#0000 40%),#fff;background:radial-gradient(circle at 90% 10%,#01548614,#0000 45%),radial-gradient(circle at 10% 95%,#015f9d1a,#0000 40%),var(--white);color:#015486;color:var(--primary-blue);min-height:100vh;padding-bottom:4rem}.prediction-container{margin:0 auto;max-width:1280px;padding:1rem}@media (min-width:640px){.prediction-container{padding:1.5rem}}@media (min-width:1024px){.prediction-container{padding:2rem}}.page-header{flex-direction:column;gap:1rem}@media (min-width:768px){.page-header{align-items:center;flex-direction:row;justify-content:space-between}}.breadcrumbs{align-items:center;color:#64748b;color:var(--text-gray);display:flex;font-size:.875rem;font-weight:500;list-style:none;margin:.25rem 0 0;padding:0}.breadcrumb-link{color:inherit;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#015486;color:var(--primary-blue)}.breadcrumb-active{color:#015f9d;color:var(--primary-blue-light)}.breadcrumb-separator{color:#8aa8bf;margin:0 .25rem}.btn-action{align-items:center;background-color:#e2e8f0;background-color:var(--bg-slate-dark);border:none;border-radius:.5rem;color:#015486;color:var(--primary-blue);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.btn-action:hover{background-color:#cbd5e1}.main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:1024px){.main-grid{grid-template-columns:repeat(3,1fr)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}}.section-card{background-color:#f8fafc;background-color:var(--bg-slate);border:1px solid #e5edf4;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.section-title{color:#015486;color:var(--primary-blue);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.section-subtitle{color:#015f9d;color:var(--primary-blue-light);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.text-muted{color:#64748b;color:var(--text-gray);font-size:.875rem;margin-bottom:1rem}.pipeline-card{display:flex;flex-direction:column;gap:1rem}.pipeline-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.pipeline-header .section-title{margin-bottom:0}.pipeline-pill{align-items:center;background:#dcebf6;border-radius:999px;color:#015486;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.02em;padding:.25rem .65rem}.btn-primary-full{align-items:center;background-color:#015486;background-color:var(--primary-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:background .2s;width:100%}.btn-primary-full:hover{background-color:#014670;background-color:var(--primary-blue-dark)}.btn-primary-full:disabled{background-color:#6d93ad;cursor:not-allowed}.pipeline-steps{display:flex;flex-direction:column;gap:.7rem;list-style:none;margin:0;padding:0}.pipeline-step{align-items:flex-start;background-color:#fff;border:1px solid #dbe7f0;border-radius:.55rem;display:flex;gap:.7rem;padding:.75rem}.pipeline-icon{color:#7398b2;margin-top:.2rem}.pipeline-content{min-width:0}.pipeline-step-title{color:#0d4368;font-size:.92rem;font-weight:700;margin:0}.pipeline-step-note{color:#5f7488;font-size:.82rem;margin:.2rem 0 0}.status-running{background-color:#f3f9fd;border-color:#8db6d3}.status-running .pipeline-icon{color:#0a74b8}.status-done .pipeline-icon{color:#16a34a;color:var(--success-green)}.status-failed{background-color:#fff6f6;border-color:#f0b7b7}.status-failed .pipeline-icon,.status-failed .pipeline-step-note{color:#b42318}.pipeline-last-run{border-top:1px dashed #c8d8e5;color:#50697f;display:flex;font-size:.78rem;gap:.5rem;justify-content:space-between;padding-top:.75rem}@media (max-width:640px){.pipeline-last-run{flex-direction:column}}.kpi-main-card{background-color:#fff;border:2px solid #015486;border:2px solid var(--primary-blue);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.kpi-title{color:#015f9d;color:var(--primary-blue-light);font-size:1.125rem;font-weight:500}.kpi-big-value,.kpi-header svg{color:#015486;color:var(--primary-blue)}.kpi-big-value{font-size:3rem;font-weight:700;line-height:1}.kpi-unit{font-size:1.875rem}.kpi-trend{align-items:center;display:flex;font-size:1.125rem;gap:.25rem;margin-top:.5rem}.trend-up{color:#16a34a;color:var(--success-green)}.trend-down{color:#ef4444;color:var(--danger-red)}.kpi-grid-small{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.kpi-grid-small{grid-template-columns:repeat(3,1fr)}}.kpi-small-card{background-color:#f1f5f9;border-radius:.5rem;padding:1rem}.kpi-small-label{color:#015f9d;color:var(--primary-blue-light);display:block;font-size:.875rem;font-weight:500}.kpi-small-value{color:#015486;color:var(--primary-blue);font-size:1.5rem;font-weight:700}.drivers-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.driver-item{align-items:center;background-color:#fff;border-radius:.5rem;display:flex;gap:1rem;padding:.75rem}.driver-item svg{color:#015486}.driver-info{display:flex;flex-direction:column}.driver-name{color:#015486;color:var(--primary-blue);font-weight:500}.driver-impact{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.chart-container-sm{height:16rem;position:relative}.chart-container-lg{height:20rem;position:relative}.chart-message{align-items:center;background-color:#fbfdff;border:1px dashed #bfd2e2;border-radius:.6rem;color:#496881;display:flex;font-weight:500;height:100%;justify-content:center;padding:0 1rem;text-align:center}.chart-message-error{background-color:#fff8f8;border-color:#f0b7b7;color:#b42318}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-blue:#015486;--primary-blue-dark:#014670;--bg-slate:#f8fafc;--border-slate:#e2e8f0;--text-gray:#64748b;--white:#fff;--cyan-bg:#cffafe;--cyan-text:#155e75;--yellow-bg:#fef9c3;--yellow-text:#854d0e;--green-bg:#dcfce7;--green-text:#15803d;--gray-bg:#e2e8f0;--gray-text:#475569}.dashboard-container{background-color:#f8fafc;background-color:var(--bg-slate);color:#015486;color:var(--primary-blue);min-height:100vh;padding:1.5rem}.dashboard-content{margin:0 auto;max-width:72rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{color:#015486;color:var(--primary-blue);font-size:1.875rem;font-weight:700;margin:0}.btn-add{align-items:center;background-color:#015486;background-color:var(--primary-blue);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.btn-add:hover{background-color:#014670;background-color:var(--primary-blue-dark)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;max-width:42rem}@media (min-width:768px){.stats-grid{grid-template-columns:1fr 1fr}}.stat-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;gap:1rem;padding:1.5rem}.stat-card,.stat-icon-wrapper{align-items:center;display:flex}.stat-icon-wrapper{border-radius:9999px;justify-content:center;padding:.75rem}.stat-icon-wrapper.blue{background-color:#eff6ff;color:#015486;color:var(--primary-blue)}.stat-icon-wrapper.green{background-color:#f0fdf4;color:#16a34a}.stat-label{color:#64748b;color:var(--text-gray);font-size:.875rem;font-weight:500;margin:0}.stat-value{color:#015486;color:var(--primary-blue);font-size:1.875rem;font-weight:700;margin:0}.table-container{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-slate);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;overflow:hidden;overflow-x:auto}.user-table{border-collapse:collapse;text-align:left;width:100%}.user-table thead{background-color:#f8fafc;color:#015486;color:var(--primary-blue);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-slate);padding:1rem}.user-table td{border-bottom:1px solid #f1f5f9;padding:1rem}.user-table tbody tr:hover{background-color:#f8fafc}.table-text-primary{color:#015486;color:var(--primary-blue);font-weight:500}.table-text-secondary{color:#64748b;color:var(--text-gray);font-weight:500}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.badge-cyan{background-color:#cffafe;background-color:var(--cyan-bg);color:#155e75;color:var(--cyan-text)}.badge-yellow{background-color:#fef9c3;background-color:var(--yellow-bg);color:#854d0e;color:var(--yellow-text)}.badge-green{background-color:#dcfce7;background-color:var(--green-bg);color:#15803d;color:var(--green-text)}.badge-gray{background-color:#e2e8f0;background-color:var(--gray-bg);color:#475569;color:var(--gray-text)}.action-cell{display:flex;gap:.75rem;justify-content:center}.btn-icon{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.btn-icon:hover{color:#015486;color:var(--primary-blue)}.btn-icon.delete:hover{color:#ef4444}.modal-overlay{background-color:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;transition:opacity .3s;z-index:50}.modal-drawer{animation:slideInRight .3s ease-out forwards;background-color:#fff;box-shadow:0 25px 50px -12px #00000040;height:100%;max-width:28rem;overflow-y:auto;padding:2rem;width:100%}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{color:#015486;color:var(--primary-blue);font-size:1.5rem;font-weight:700;margin:0}.btn-close{background:none;border:none;color:#9ca3af;cursor:pointer}.btn-close:hover{color:#ef4444}.form-stack{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#015486;color:var(--primary-blue);display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.form-input,.form-select{border-radius:.5rem;outline:none;padding:.5rem;width:100%}.form-input{background-color:#f1f5f9;border:1px solid #0000}.form-select{background-color:#fff;border:1px solid #cbd5e1}.form-input:focus,.form-select:focus{border-color:#015486;border-color:var(--primary-blue);box-shadow:0 0 0 2px #0154861a}.modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:.75rem;margin-top:2rem;padding-top:1rem}.btn-cancel{background-color:#e2e8f0;border:none;border-radius:.5rem;color:#334155;cursor:pointer;flex:1 1;font-weight:600;padding:.5rem;transition:background .2s}.btn-cancel:hover{background-color:#cbd5e1}.btn-submit{background-color:#015486;background-color:var(--primary-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.5rem;transition:background .2s}.btn-submit:hover{background-color:#014670;background-color:var(--primary-blue-dark)}
/*# sourceMappingURL=main.2ab53e79.css.map*/