:root{--sidebar:#0a1118;--sidebar-border:#1e2d39;--surface:#111b24;--surface-2:#16232d;--surface-3:#0d151c;--line:#263947;--text-strong:#f1f6f9;--text-soft:#95aebe;--accent-2:#65c9ff;--good:#54c58b;--warn:#e0aa4f;--bad:#df6b76}
body{background:var(--page);color:var(--text)}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr);transition:grid-template-columns .18s ease}.sidebar{background:var(--sidebar);border-right:1px solid var(--sidebar-border);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;z-index:20;overflow:hidden}.sidebar-brand-row{display:flex;align-items:flex-start;gap:6px;border-bottom:1px solid var(--sidebar-border);padding-bottom:18px}.sidebar .brand{padding:3px 5px;border:0;flex:1;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:10px;background:#163246;color:#8bd8ff;font-weight:900;font-size:.8rem}.sidebar-toggle{width:30px;height:30px;padding:0;background:transparent;color:var(--text-soft);border:1px solid var(--sidebar-border);border-radius:7px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar-label{padding:0 10px;color:#648095;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:#b8cad6;font-size:.9rem;font-weight:650}.side-nav a:hover{background:#13212c;color:#fff}.nav-icon{width:20px;min-width:20px;text-align:center;color:#69c9fa;font-size:1rem}.sidebar-footer{margin-top:auto;border-top:1px solid var(--sidebar-border);padding:15px 8px 0;display:grid;gap:10px}.user-card{display:flex;flex-direction:column;gap:2px}.user-card small{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.ghost-button{width:100%;background:transparent!important;color:#94adbd!important;border:1px solid #2d414f!important;padding:8px 10px!important}.logout-icon{display:none}.workspace{min-width:0}.topbar{height:68px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--page) 92%,transparent);position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.topbar-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.topbar-deadline{font-size:.76rem;color:var(--text-soft);padding:5px 8px;border:1px solid var(--line);border-radius:999px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 15%,transparent)}.topbar-search{margin:0;flex:1;max-width:620px}.topbar-search input{height:38px;padding:8px 12px}.mobile-menu{display:none;padding:7px 10px;background:transparent;color:var(--text);border:1px solid var(--line)}.workspace main{max-width:1440px;padding:28px 30px 64px}.public-main{max-width:1180px;margin:auto;padding:32px 20px 70px}.public-footer{text-align:center;color:var(--text-soft);font-size:.75rem;padding:0 16px 24px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 22px}.page-header h1{margin:3px 0 4px;font-size:1.65rem}.page-kicker{font-size:.72rem;color:var(--accent-2);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}.metric-link{transition:transform .14s ease,border-color .14s ease}.metric-link:hover{transform:translateY(-1px);border-color:#4c7187}.metric-label{color:var(--text-soft);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:1.3rem;font-weight:800;color:var(--text-strong);overflow-wrap:anywhere}.metric-sub{color:var(--text-soft);font-size:.78rem}.section-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.section-head h2{font-size:.96rem;margin:0}.section-body{padding:16px}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.data-cell{background:var(--surface-3);padding:12px 14px;display:flex;flex-direction:column;gap:3px}.data-cell span:first-child{font-size:.69rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.data-cell strong{font-size:.92rem}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto}.tab-link{padding:10px 14px;color:var(--text-soft);white-space:nowrap;border-bottom:2px solid transparent;font-weight:650;font-size:.86rem}.tab-link.active,.tab-link:hover{color:var(--text-strong);border-bottom-color:var(--accent-2)}.refrigerant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.refrigerant-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;background:var(--surface-3);border:1px solid var(--line);border-radius:9px;cursor:pointer}.refrigerant-option input{width:18px;height:18px;margin:0}.refrigerant-option .r-name{display:flex;flex-direction:column;gap:2px}.refrigerant-option .r-meta{font-size:.72rem;color:var(--text-soft)}.gwp-pill{font-size:.7rem;font-weight:800;border:1px solid #3e5f72;border-radius:999px;padding:4px 7px;color:#abd9f2}.technical-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.technical-summary .card{border-radius:11px}.compact-table{width:100%;border-collapse:collapse}.compact-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);text-align:left;padding:9px;border-bottom:1px solid var(--line)}.compact-table td{padding:10px 9px;border-bottom:1px solid var(--line);font-size:.85rem}.subnav{display:flex;gap:6px;margin-bottom:18px}.subnav a{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.8rem}.content-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.info-strip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:var(--surface-3);border-radius:9px;font-size:.82rem}.info-strip strong{color:var(--text-strong)}.archive-list{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.archive-list summary{cursor:pointer;color:var(--text-soft);font-size:.82rem}.search-page-form{display:grid;grid-template-columns:1fr auto;gap:10px}.checklist{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:minmax(220px,1fr) 170px minmax(180px,.8fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.check-row>span{font-size:.84rem}.status-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.75rem}.status-badge.in_operation{border-color:#3c6855}.status-badge.limited,.status-badge.seasonal{border-color:#765f35}.status-badge.out_of_operation,.status-badge.decommissioned{border-color:#704047}
.dashboard-search{margin-bottom:14px}.dashboard-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.dashboard-search-form label{margin:0}.dashboard-search-form label>span{display:block;margin-bottom:6px;font-size:.72rem;font-weight:750;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em}.dashboard-search-form input{font-size:1rem;height:46px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px}.deadline-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.deadline-row:last-child{border-bottom:0}.deadline-row small{display:block;color:var(--text-soft);margin-top:2px}.deadline-date{display:grid;place-items:center;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3);font-weight:800;color:var(--accent-2)}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.quick-action{padding:15px 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:flex;flex-direction:column;gap:4px}.quick-action strong{color:var(--text-strong)}.quick-action span{font-size:.78rem;color:var(--text-soft)}.empty-state{padding:20px 8px;display:flex;flex-direction:column;gap:4px;color:var(--text-soft)}.empty-state strong{color:var(--text-strong)}
.sidebar-collapsed .app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.sidebar-collapsed .brand-text,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .nav-text,.sidebar-collapsed .user-card,.sidebar-collapsed .logout-full{display:none}.sidebar-collapsed .sidebar-brand-row{justify-content:center;flex-direction:column;align-items:center}.sidebar-collapsed .sidebar .brand{padding:0}.sidebar-collapsed .side-nav a{justify-content:center;padding:10px}.sidebar-collapsed .nav-icon{width:24px}.sidebar-collapsed .sidebar-footer{padding-left:0;padding-right:0}.sidebar-collapsed .logout-icon{display:inline}.sidebar-collapsed .ghost-button{padding:8px!important}.sidebar-collapsed .sidebar-toggle{transform:none}
@media(prefers-color-scheme:light){:root{--sidebar:#f3f7fa;--sidebar-border:#d6e1e8;--surface:#fff;--surface-2:#f5f9fb;--surface-3:#f8fbfd;--line:#d5e0e7;--text-strong:#15242e;--text-soft:#60788a}.side-nav a:hover{background:#e7f1f6;color:#142530}.sidebar .brand{color:#15242e}.topbar{background:#fffffff2}.ghost-button{color:#39576a!important;border-color:#cbd9e2!important}}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.refrigerant-grid{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:repeat(2,1fr)}.content-columns,.dashboard-columns{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.check-row{grid-template-columns:1fr 150px}.check-row input{grid-column:1/-1}}
@media(max-width:780px){.app-shell,.sidebar-collapsed .app-shell{display:block}.sidebar,.sidebar-collapsed .sidebar{position:fixed;left:-270px;width:245px;padding:20px 14px;transition:left .2s ease}.sidebar-open .sidebar{left:0}.sidebar-collapsed .brand-text,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .nav-text,.sidebar-collapsed .user-card,.sidebar-collapsed .logout-full{display:initial}.sidebar-collapsed .logout-icon{display:none}.sidebar-collapsed .sidebar-brand-row{flex-direction:row;align-items:flex-start}.sidebar-collapsed .side-nav a{justify-content:flex-start}.topbar{padding:0 16px}.mobile-menu{display:block}.topbar-actions{display:none}.workspace main{padding:20px 14px 55px}.metric-grid,.data-grid,.refrigerant-grid,.quick-actions{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.technical-summary{grid-template-columns:1fr}.check-row{grid-template-columns:1fr}.search-page-form,.dashboard-search-form{grid-template-columns:1fr}.sidebar-toggle{display:none}.compact-table{display:block;overflow-x:auto}.deadline-row{grid-template-columns:42px minmax(0,1fr)}}