:root{--cgp-blue: #0071BB;--cgp-blue-dark: #005a96;--cgp-blue-light: #e6f2fb;--cgp-blue-mid: #b5d4f0;--cgp-red: #E4051F;--cgp-red-light: #fdeef0;--cgp-navy: #0E2841;--cgp-dark: #3A455C;--cgp-slate: #5C6B84;--cgp-mid: #CBD2DA;--cgp-light: #F2F4F7;--cgp-white: #ffffff;--cgp-green: #1a7a4a;--cgp-green-light: #e8f5ee;--cgp-amber: #b85c00;--cgp-amber-light: #fef3e2;--cgp-yellow: #F5C518;--cgp-yellow-dark: #d4a900;--font: "Jost", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--cgp-light);color:var(--cgp-dark);font-size:13px;line-height:1.5;min-height:100vh}a{color:var(--cgp-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}table{width:100%;border-collapse:collapse}input,select,textarea{font-family:inherit;font-size:inherit}.topbar{background:var(--cgp-blue);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--cgp-red)}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-logo{width:32px;height:32px;background:#ffffff2e;border-radius:4px;display:flex;align-items:center;justify-content:center}.topbar-logo svg{width:20px;height:20px}.topbar-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:.12em;text-transform:uppercase}.topbar-name span{color:#fff9}.topbar-nav{display:flex;gap:2px}.topbar-nav a{color:#ffffffb3;text-decoration:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:4px;transition:all .15s;letter-spacing:.04em}.topbar-nav a:hover,.topbar-nav a.active{background:#ffffff2e;color:#fff;text-decoration:none}.topbar-user{display:flex;align-items:center;gap:8px;color:#ffffffbf;font-size:12px}.topbar-avatar{width:28px;height:28px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}.topbar-logout{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:#ffffff1a;border:none;color:#ffffffb3;font-size:14px;cursor:pointer}.topbar-logout:hover{background:#fff3;color:#fff}.page-header{background:var(--cgp-blue);padding:18px 24px 0;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 80px 80px 0;border-color:transparent rgba(255,255,255,.07) transparent transparent}.page-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cgp-red);margin-bottom:4px;display:flex;align-items:center;gap:6px}.page-eyebrow:before{content:"";display:inline-block;width:18px;height:2px;background:var(--cgp-red)}.page-title{font-size:24px;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;line-height:1.1}.page-subtitle{color:#fff9;font-size:12px;margin-top:4px}.kpi-strip{display:grid;border-top:1px solid rgba(255,255,255,.1)}.kpi-item{padding:12px 16px;border-right:1px solid rgba(255,255,255,.1)}.kpi-item:last-child{border-right:none}.kpi-num{font-size:24px;font-weight:700;color:#fff;line-height:1;margin-bottom:2px}.kpi-num.green{color:#7ee8b0}.kpi-num.amber{color:#ffd080}.kpi-num.red{color:#ff8a94}.kpi-num.blue{color:#7dc8f5}.kpi-desc{font-size:10px;color:#ffffff73;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.card{background:var(--cgp-white);border-radius:6px;border:1px solid var(--cgp-mid);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--cgp-mid)}.card-title{font-size:10px;font-weight:700;color:var(--cgp-navy);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.card-title i{color:var(--cgp-blue);font-size:14px}.card-title-accent{display:inline-block;width:3px;height:12px;background:var(--cgp-blue);border-radius:2px}.card-desc{font-size:11px;color:var(--cgp-slate);padding:8px 16px;border-bottom:1px solid var(--cgp-light);background:var(--cgp-light)}.card-action{font-size:10px;color:var(--cgp-blue);cursor:pointer;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:4px;background:none;border:none;text-transform:uppercase}.card-action:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;border:none;transition:all .15s;letter-spacing:.06em;text-transform:uppercase}.btn-primary{background:var(--cgp-blue);color:#fff}.btn-primary:hover{background:var(--cgp-blue-dark)}.btn-navy{background:var(--cgp-navy);color:#fff}.btn-navy:hover{background:#081e30}.btn-ghost{background:#ffffff1f;color:#ffffffd9;border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:#fff3;color:#fff}.btn-outline{background:#fff;color:var(--cgp-blue);border:1px solid var(--cgp-blue-mid)}.btn-outline:hover{background:var(--cgp-blue-light)}.btn-green{background:var(--cgp-green);color:#fff}.btn-green:hover{background:#155f3a}.btn-yellow{background:var(--cgp-yellow);color:var(--cgp-navy)}.btn-yellow:hover{background:var(--cgp-yellow-dark)}.btn-sm{padding:4px 10px;font-size:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pill-installed{background:var(--cgp-green-light);color:var(--cgp-green)}.pill-stock{background:var(--cgp-blue-light);color:var(--cgp-blue-dark)}.pill-quarantine{background:var(--cgp-red-light);color:var(--cgp-red)}.pill-removed{background:#f0e8ff;color:#6a3fa0}.pill-decom,.pill-draft{background:var(--cgp-light);color:var(--cgp-slate);border:1px solid var(--cgp-mid)}.pill-reviewed{background:var(--cgp-blue-light);color:var(--cgp-blue-dark)}.pill-approved{background:var(--cgp-green-light);color:var(--cgp-green)}.pill-exported{background:#f0e8ff;color:#6a3fa0}.pill-disputed{background:var(--cgp-red-light);color:var(--cgp-red)}.pill-pending{background:var(--cgp-amber-light);color:var(--cgp-amber)}.pill-generated{background:var(--cgp-blue-light);color:var(--cgp-blue-dark)}.pill-overdue{background:var(--cgp-red-light);color:var(--cgp-red)}.pill-due_soon{background:var(--cgp-amber-light);color:var(--cgp-amber)}.pill-scheduled{background:var(--cgp-light);color:var(--cgp-slate)}.pill-completed,.pill-pass{background:var(--cgp-green-light);color:var(--cgp-green)}.pill-fail{background:var(--cgp-red-light);color:var(--cgp-red)}.pill-advisory{background:var(--cgp-amber-light);color:var(--cgp-amber)}.tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:8px;display:inline-block;white-space:nowrap}.tag-gas{background:#fff3e0;color:#b85c00}.tag-elec{background:#f0e8ff;color:#6a3fa0}.tag-smart{background:var(--cgp-blue-light);color:var(--cgp-blue-dark)}.tag-logger{background:var(--cgp-light);color:var(--cgp-slate);border:1px solid var(--cgp-mid)}.tag-cert{background:var(--cgp-red-light);color:var(--cgp-red)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:8px 14px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--cgp-slate);border-bottom:2px solid var(--cgp-mid);background:var(--cgp-light);white-space:nowrap}.data-table th.right{text-align:right}.data-table td{padding:10px 14px;border-bottom:1px solid var(--cgp-light);font-size:12px;color:var(--cgp-dark);vertical-align:middle}.data-table td.right{text-align:right;font-weight:700;color:var(--cgp-navy)}.data-table tr:hover td{background:#fafbfc}.data-table tr.clickable{cursor:pointer}.data-table tr:last-child td{border-bottom:none}.field-grid{display:grid;gap:14px 20px}.field-group{display:flex;flex-direction:column;gap:3px}.field-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cgp-slate)}.field-value{font-size:13px;color:var(--cgp-dark);font-weight:500}.field-mono{font-family:Courier New,monospace;font-size:12px;color:var(--cgp-navy);background:var(--cgp-light);padding:3px 7px;border-radius:3px;display:inline-block}.toolbar{background:#fff;border-bottom:1px solid var(--cgp-mid);padding:10px 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:6px;background:var(--cgp-light);border:1px solid var(--cgp-mid);border-radius:4px;padding:5px 10px}.search-box i{color:var(--cgp-slate);font-size:13px}.search-box input{background:none;border:none;outline:none;font-family:var(--font);font-size:12px;color:var(--cgp-dark);width:220px}.search-box input::placeholder{color:var(--cgp-mid)}.filter-pill{padding:4px 10px;border-radius:10px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid var(--cgp-mid);background:#fff;color:var(--cgp-slate);letter-spacing:.04em;text-transform:uppercase;transition:all .15s}.filter-pill.active,.filter-pill:hover{border-color:var(--cgp-navy);background:var(--cgp-navy);color:#fff}.htab{padding:9px 18px;font-size:11px;font-weight:600;color:#ffffff80;border-bottom:2px solid transparent;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none}.htab:hover{color:#ffffffd9}.htab.active{color:#fff;border-bottom-color:var(--cgp-red)}.alert-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;border-left:3px solid;border-radius:0 4px 4px 0;font-size:12px;font-weight:500}.alert-amber{background:var(--cgp-amber-light);border-color:var(--cgp-amber);color:var(--cgp-amber)}.alert-red{background:var(--cgp-red-light);border-color:var(--cgp-red);color:var(--cgp-red)}.alert-blue{background:var(--cgp-blue-light);border-color:var(--cgp-blue);color:var(--cgp-blue-dark)}.alert-banner i{font-size:15px;flex-shrink:0}.toggle{width:34px;height:18px;background:var(--cgp-mid);border-radius:9px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle.on{background:var(--cgp-green)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on:after{transform:translate(16px)}.form-input{padding:8px 10px;border:1px solid var(--cgp-mid);border-radius:4px;font-family:var(--font);font-size:13px;color:var(--cgp-dark);outline:none;transition:border .15s;width:100%;background:#fff}.form-input:focus{border-color:var(--cgp-blue);box-shadow:0 0 0 3px #0071bb1a}.form-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cgp-slate);margin-bottom:4px;display:block}.divider{height:1px;background:var(--cgp-mid);opacity:.5}.section-heading{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cgp-slate);display:flex;align-items:center;gap:8px;margin:4px 0 8px}.section-heading:after{content:"";flex:1;height:1px;background:var(--cgp-mid)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e284199;z-index:100;display:flex;align-items:center;justify-content:center}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--cgp-mid);border-top-color:var(--cgp-blue);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:48px}.skeleton{background:linear-gradient(90deg,var(--cgp-light) 25%,#e8ecf0 50%,var(--cgp-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}