@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#020617;--panel:#111827;--soft:#1f2937;--line:#243244;--text:#f8fafc;--muted:#94a3b8;--amber:#f59e0b;--teal:#14b8a6}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:linear-gradient(135deg,#0f1419,#1a2332);color:var(--text);font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:rgba(8,15,25,0.9);border-right:1px solid #263548;padding:20px 16px;display:flex;flex-direction:column;gap:20px;align-items:stretch;max-height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #263548;width:100%}.brand span{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#fbbf24,#8b6b14);color:#111827;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.brand span img{width:100%;height:100%;object-fit:cover;display:block}.brand div{display:block}.brand b{display:block;font-size:15px;color:var(--text)}.brand small{display:block;font-size:11px;color:var(--muted)}
nav{display:flex;flex-direction:column;gap:16px;width:100%}.sidebar-category{border:0;margin:0;padding:0}.sidebar-category summary{list-style:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:4px 0}.sidebar-category summary::-webkit-details-marker{display:none}.sidebar-category h3{margin:0;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em}.sidebar-category summary::after{content:"\f0d7";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px;color:var(--muted);transition:transform 0.2s ease}.sidebar-category[open] summary::after{transform:rotate(180deg)}.nav-links{display:flex;flex-direction:column;gap:4px;margin-top:8px}.nav-links a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#cbd5e1;font-weight:500;font-size:13px;transition:background 0.15s ease,color 0.15s ease}.nav-links a i{width:16px;font-size:14px;text-align:center;color:#94a3b8}.nav-links a:hover{background:rgba(255,255,255,0.05);color:var(--text)}.nav-links a.active{background:rgba(251,191,36,0.15);color:#fbbf24}.nav-links a.active i{color:#fbbf24}.side button,.card button{border:0;border-radius:10px;background:var(--amber);color:#111827;font-weight:700;padding:8px 14px;font-size:13px;height:38px;cursor:pointer}.side form{margin-top:auto;width:100%}.side form button{width:100%;height:38px;background:rgba(239,68,68,0.1);color:#fca5a5;border:1px solid rgba(239,68,68,0.2);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.15s ease,border-color 0.15s ease}.side form button:before{content:"\f2f5";font-family:"Font Awesome 6 Free";font-weight:900;font-size:14px}.side form button:hover{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.3)}
.main{min-width:0}.top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #263548;background:rgba(8,15,25,.45)}.top b{display:block;color:#f8fafc;font-size:16px}.top small{display:block;color:#94a3b8;margin-top:2px}.top span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(251,191,36,.12);color:#fbbf24;font-weight:800;font-size:12px}.content{padding:20px 24px}.card{background:rgba(15,23,42,.64);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:16px 20px;margin-bottom:16px;box-shadow:0 12px 40px rgba(0,0,0,.12)}.flash{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);border-radius:14px;padding:10px 14px;margin-bottom:16px;color:#fbbf24}
.install{min-height:100vh;display:grid;place-items:center;padding:20px}.install-card{width:min(900px,100%)}.login-card{width:min(430px,100%)}h1,h2{font-size:22px;margin:0 0 12px}p,.muted{color:var(--muted)}.grid,.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid h1,.formgrid h2{grid-column:1/-1}label{display:grid;gap:6px;color:var(--muted);font-weight:700;font-size:12px}input,select,textarea{width:100%;background:#0f172a;border:1px solid #334155;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px}textarea{min-height:80px;resize:vertical}button{grid-column:1/-1}.quick b{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;margin-bottom:10px}.quick div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick a,.headrow a{background:var(--amber);color:#111827;border-radius:10px;padding:8px 14px;text-align:center;font-weight:700;font-size:13px;height:38px;display:inline-flex;align-items:center;justify-content:center}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{height:100px;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(15,23,42,.64);border:1px solid rgba(148,163,184,.18);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.12)}.metric small{color:var(--muted);text-transform:uppercase;font-weight:800;font-size:11px}.metric strong{display:block;font-size:24px;margin-top:4px;font-weight:700;color:var(--text)}.metric span{display:block;height:4px;background:linear-gradient(90deg,var(--amber),var(--teal));border-radius:99px;margin-top:6px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px;white-space:nowrap;font-size:14px}th{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:700}.reminder,.bar,.timeline,.option-row,.empty-staff{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:8px;background:rgba(255,255,255,.02);font-size:13px}.timeline{display:grid;grid-template-columns:140px 1fr 150px}.timeline small{color:var(--muted)}.empty-staff{grid-column:1/-1;align-items:center}.empty-staff span{color:var(--muted)}.empty-staff a{background:var(--amber);color:#111827;border-radius:8px;padding:8px 12px;font-weight:700;font-size:13px}.option-row{align-items:center}.option-row button{grid-column:auto;padding:6px 10px;height:32px;font-size:12px}.option-row label{display:flex;align-items:center;gap:6px}.option-row input{width:auto}.headrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.headrow small{color:var(--amber);text-transform:uppercase;font-weight:800;font-size:11px}.headrow h1{font-size:28px;margin:0;font-weight:700}.modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{min-height:auto}.metrics,.quick div,.grid2,.grid,.formgrid,.modulegrid,.timeline{grid-template-columns:1fr}.top{height:auto;padding:16px;align-items:flex-start;gap:12px;flex-direction:column}}

.quick-entry{border:1px solid rgba(245,158,11,.35)}.quick-entry p{grid-column:1/-1;font-size:16px}.advanced{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.advanced summary{cursor:pointer;font-weight:900;color:#fbbf24}.advanced .grid{margin-top:14px}.analysis-card{border-color:rgba(20,184,166,.35);background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(17,24,39,1))}.analysis-card .metrics{grid-template-columns:repeat(3,1fr)}

.quick-action{background:var(--amber);color:#111827;border-radius:14px;padding:14px;text-align:center;font-weight:900;border:0;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);display:grid;place-items:center;z-index:20;padding:18px}.lead-modal{width:min(720px,100%);max-height:92vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head button{grid-column:auto;width:42px;height:42px;border-radius:50%;padding:0;font-size:28px}.field-error{color:#fb7185;font-size:12px;margin-top:4px}.form-error{grid-column:1/-1;color:#fb7185;font-weight:800}.toast{position:fixed;right:22px;bottom:22px;background:#14b8a6;color:#042f2e;border-radius:14px;padding:14px 18px;font-weight:900;z-index:30;box-shadow:0 18px 50px rgba(0,0,0,.3)}.next-action{display:inline-block;margin-top:12px;background:var(--amber);color:#111827;border-radius:12px;padding:12px 16px;font-weight:900}.card button:disabled{opacity:.7;cursor:not-allowed}
.lead-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
}
.lead-list-header small {
    display: block;
    color: #fbbf24;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}
.lead-list-header h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 4px;
    color: var(--text);
}
.lead-list-header p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}
.lead-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}
.lead-search {
    position: relative;
    width: 420px;
}
.lead-search i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 14px;
}
.lead-search input {
    height: 48px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid #334155;
    color: var(--text);
    padding: 0 16px 0 44px;
    font-size: 14px;
}
.lead-add-btn {
    height: 48px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #111827;
    font-weight: 700;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
}
.lead-add-btn i {
    font-size: 14px;
}
.lead-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.lead-stats > div {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 96px;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.74));
    border: 1px solid #2e4057;
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.stat-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.stat-icon i {
    font-size: 16px;
}
.stat-blue .stat-icon {
    background: rgba(37, 99, 235, 0.3);
    color: #60a5fa;
}
.stat-pink .stat-icon {
    background: rgba(244, 63, 94, 0.25);
    color: #fb7185;
}
.stat-amber .stat-icon {
    background: rgba(245, 158, 11, 0.25);
    color: #fbbf24;
}
.stat-green .stat-icon {
    background: rgba(34, 197, 94, 0.25);
    color: #86efac;
}
.stat-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.stat-info b {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--text);
    margin-bottom: 2px;
}
.stat-info strong {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--text);
    white-space: normal;
    word-wrap: break-word;
    max-width: 170px;
}
.stat-info small {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--muted);
    margin-top: 1px;
    white-space: normal;
    word-wrap: break-word;
    max-width: 170px;
}.lead-list-cards {
    display: grid;
    gap: 12px;
}
.lead-list-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(170px, 1.2fr) minmax(90px, 0.5fr) minmax(110px, 0.6fr) minmax(95px, 0.5fr) minmax(320px, 2.2fr);
    align-items: center;
    gap: 14px;
    height: 112px;
    min-height: 112px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.78));
    border: 1px solid #2e4057;
    border-radius: 12px;
    padding: 12px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lead-list-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.45);
}
.lead-list-card:hover {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.45);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}
.lead-person {
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    gap: 12px;
}
.lead-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #263548;
    color: #fbbf24;
    display: grid;
    place-items: center;
    font-size: 20px;
}
.lead-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}
.lead-name {
    font-size: 16px;
    font-weight: 800;
    color: #f8fafc;
}
.lead-contact {
    display: grid;
    gap: 2px;
    color: #cbd5e1;
    font-size: 13px;
}
.lead-contact span {
    display: flex;
    align-items: center;
    gap: 6px;
}
.lead-contact i, .lead-assigned i, .lead-follow i {
    color: #fbbf24;
    font-size: 12px;
}
.lead-assigned, .lead-follow, .lead-next-block {
    border-left: 1px solid #27384c;
    padding-left: 20px;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lead-assigned small, .lead-follow small, .lead-next-block small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 4px;
    font-weight: 700;
    text-transform: uppercase;
}
.lead-assigned b {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #f8fafc;
}
.lead-follow b {
    display: flex !important;
    align-items: center;
    gap: 6px;
    width: max-content;
    font-size: 13px;
    color: #f8fafc;
}
.lead-follow span {
    display: block;
    color: #fbbf24;
    margin-top: 2px;
    font-weight: 700;
    font-size: 11px;
}
.lead-next-block > b {
    display: block;
    color: #5cff6f;
    font-size: 13px;
    font-weight: 700;
}
.status-badge {
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}
.badge-blue {
    background: rgba(37, 99, 235, 0.4);
    color: #60a5fa;
}
.badge-yellow {
    background: rgba(234, 179, 8, 0.2);
    color: #fde68a;
}
.badge-orange {
    background: rgba(249, 115, 22, 0.2);
    color: #fdba74;
}
.badge-purple {
    background: rgba(168, 85, 247, 0.2);
    color: #d8b4fe;
}
.badge-green {
    background: rgba(34, 197, 94, 0.2);
    color: #86efac;
}
.badge-red {
    background: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}
.followup-missing {
    background: transparent !important;
    border: 0 !important;
    color: #ff5b86 !important;
    padding: 0 !important;
}
.followup-ok {
    background: transparent !important;
    border: 0 !important;
    color: #fbbf24 !important;
    padding: 0 !important;
}
.lead-card-actions, .detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
.lead-card-actions {
    gap: 6px;
}
.lead-card-actions a, .detail-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 10px;
    height: 38px;
    padding: 0 14px;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
    text-align: center;
    transition: transform .16s ease, filter .16s ease;
}
.lead-card-actions a {
    padding: 0 12px;
}
.lead-card-actions button {
    height: 38px;
}
.lead-convert-btn {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
}
.lead-card-actions a:hover, .detail-actions a:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}
.call-btn {
    background: linear-gradient(135deg, #2f8a35, #28742d);
    color: #fff;
}
.wa-btn {
    background: #128c7e;
    color: #fff;
}
.view-btn, .detail-actions a:first-child {
    background: #111827;
    color: #f8fafc;
    border: 1px solid #334155;
}
.survey-btn, .detail-actions a {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #111827;
}
.cache-refresh-card {
    margin-bottom: 18px;
    border-color: rgba(251, 191, 36, 0.28);
}
.cache-refresh-card h2 {
    margin-bottom: 6px;
}
.cache-refresh-card .detail-actions {
    justify-content: flex-start;
    margin-top: 14px;
}
.cache-refresh-card .cache-clear-btn {
    background: linear-gradient(135deg, #22c55e, #15803d);
    color: #fff;
}
.lead-detail h3 {
    margin: 14px 0 8px;
    font-size: 18px;
}
.detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.detail-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
}
.detail-item small {
    display: block;
    color: var(--muted);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 4px;
}
.detail-item b {
    word-break: break-word;
    font-size: 13px;
}
.date-picker-input{cursor:pointer;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:42px}.date-picker-popover{position:fixed;width:min(320px,calc(100vw - 24px));background:#111827;border:1px solid #334155;border-radius:18px;padding:14px;z-index:50;box-shadow:0 24px 80px rgba(0,0,0,.45)}.dp-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.dp-shortcuts button,.dp-head button,.dp-grid button{border:0;border-radius:12px;background:#0f172a;color:#f8fafc;font-weight:900;padding:10px;cursor:pointer}.dp-shortcuts button{color:#111827;background:var(--amber)}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp-head b{font-size:15px}.dp-head button{width:42px;height:38px;font-size:22px;padding:0}.dp-week,.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.dp-week span{text-align:center;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase}.dp-grid button{aspect-ratio:1;padding:0}.dp-grid button:hover{background:rgba(245,158,11,.22);color:#fbbf24}.dp-grid button:disabled{opacity:.25;cursor:not-allowed}.dp-grid button[data-date]{border:1px solid transparent}.dp-grid button:not(:disabled):focus{outline:2px solid var(--amber)}
@media(max-width:1200px){.lead-list-card{grid-template-columns:1fr 1fr;height:auto;min-height:0;gap:16px}.lead-assigned,.lead-follow,.lead-next-block{height:auto;border-left:0;padding-left:0}.lead-next-block{grid-column:1/-1}.lead-card-actions{grid-column:1/-1;justify-content:flex-start}.lead-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}.content{padding:18px}.detail-grid{grid-template-columns:1fr}.lead-list-header{align-items:stretch;flex-direction:column}.lead-header-actions{align-items:stretch;flex-direction:column}.lead-search{width:100%}.lead-stats{grid-template-columns:1fr}.lead-list-card{grid-template-columns:1fr;height:auto;min-height:0;padding:18px 18px 18px 26px}.lead-assigned,.lead-follow,.lead-next-block{border-left:0;padding-left:0;height:auto}.lead-person{grid-template-columns:54px 1fr}.lead-avatar{width:54px;height:54px}.lead-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.lead-card-actions a{white-space:normal;width:100%}.lead-list-header h2{font-size:32px}}
@media(max-width:520px){.date-picker-popover{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto}.dp-shortcuts button{padding:12px 8px}.dp-grid button{min-height:40px}}

.survey-list-cards {
    display: grid;
    gap: 12px;
}
.survey-list-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(160px, 1.2fr) minmax(120px, 0.8fr) minmax(100px, 0.7fr) minmax(130px, 0.9fr) minmax(90px, 0.6fr) minmax(100px, 0.6fr) minmax(320px, 2fr);
    align-items: center;
    gap: 14px;
    height: 112px;
    min-height: 112px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.78));
    border: 1px solid #2e4057;
    border-radius: 12px;
    padding: 12px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.survey-list-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.45);
}
.survey-list-card:hover {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.45);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}

@media(max-width:1200px){
    .survey-list-card{
        grid-template-columns:1fr 1fr;
        height:auto;
        min-height:0;
        gap:16px
    }
    .survey-date-col,.roof-type-col,.assigned-col,.priority-col,.status-col{
        height:auto !important;
        border-left:0 !important;
        padding-left:0 !important
    }
    .survey-card-actions{
        grid-column:1/-1;
        justify-content:flex-start !important;
        border-left:0 !important;
        padding-left:0 !important;
        height:auto !important
    }
}

@media(max-width:900px){
    .survey-list-card{
        grid-template-columns:1fr;
        height:auto;
        min-height:0;
        padding:18px 18px 18px 26px
    }
    .survey-card-actions{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        justify-content:stretch;
        width:100%
    }
    .survey-action-btn{
        white-space:normal;
        width:100%;
        justify-content:center
    }
}

.survey-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 20px;
}
.stepper {
    display: flex;
    align-items: center;
    gap: 16px;
}
.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.step-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #1e293b;
    border: 2px solid #475569;
    color: #94a3b8;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 13px;
}
.step.active .step-circle {
    background: #fbbf24;
    border-color: #fbbf24;
    color: #111827;
}
.step-label {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    margin-top: 4px;
    text-transform: uppercase;
}
.step.active .step-label {
    color: #fbbf24;
}
.btn-toggle {
    background: transparent;
    border: 0;
    color: #94a3b8;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

@media(max-width:1024px){
    .survey-detail-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media(max-width:768px){
    .survey-detail-grid {
        grid-template-columns: 1fr;
    }
}

.survey-field-body{background:radial-gradient(circle at 15% 0%,rgba(30,64,175,.15),transparent 28%),linear-gradient(135deg,#06111f,#0b1627 46%,#07111f);min-height:100vh;color:#f8fafc;overflow-x:hidden}
.survey-standalone{width:min(1500px,100%);margin:0 auto;padding:18px 30px 28px}
.survey-field-body .flash{margin:0 0 14px}
.survey-file-page{color:#f8fafc}
.survey-file-page .survey-back-link{font-size:14px!important;color:#fbbf24!important;margin-bottom:2px}
.survey-file-page .convert-customer-btn{min-height:32px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.45);box-shadow:none;color:#86efac!important}
.survey-file-page .headrow{align-items:flex-start!important;margin-bottom:12px!important}
.survey-file-page .headrow small{display:none}
.survey-file-page .headrow h1{font-size:34px!important;letter-spacing:0;line-height:1.05;margin:0!important}
.survey-file-page .headrow p{font-size:14px;color:#cbd5e1!important;margin-top:6px!important}
.survey-file-page .status-badge{border-radius:7px;padding:4px 8px;background:rgba(251,191,36,.16);color:#fbbf24;font-size:12px!important}
.survey-file-page .stepper{gap:18px!important;margin-top:4px}
.survey-file-page .step{min-width:78px}
.survey-file-page .step-circle{width:34px;height:34px;background:#0b1627;border-color:#334155;color:#cbd5e1;box-shadow:0 0 0 1px rgba(148,163,184,.08)}
.survey-file-page .step.active .step-circle{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;color:#111827;box-shadow:0 10px 24px rgba(245,158,11,.22)}
.survey-file-page .step-label{font-size:12px;text-transform:none;font-weight:800;color:#cbd5e1}.survey-file-page .step.active .step-label{color:#fbbf24}
.survey-file-page .survey-detail-grid{display:grid;grid-template-columns:1.05fr 1.42fr 1.32fr;gap:12px;margin-top:10px!important}
.survey-file-page .card{background:linear-gradient(145deg,rgba(13,27,46,.94),rgba(7,18,34,.94))!important;border:1px solid #26384f!important;border-radius:9px!important;padding:16px!important;margin:0!important;box-shadow:0 16px 48px rgba(0,0,0,.18)!important}
.survey-file-page .card h3,.survey-file-page .card h2{color:#f8fafc!important;font-size:16px!important;font-weight:900!important;margin-bottom:12px!important}
.survey-file-page .card h3 i,.survey-file-page .card h2 i{width:34px;height:34px;border-radius:9px;background:rgba(251,191,36,.09);display:inline-grid;place-items:center;color:#fbbf24!important}
.survey-file-page label{gap:5px!important;color:#cbd5e1!important;font-size:12px!important}
.survey-file-page label span,.survey-file-page small{color:#cbd5e1!important}
.survey-file-page input,.survey-file-page select,.survey-file-page textarea{height:34px!important;border-radius:7px!important;background:#081526!important;border:1px solid #26384f!important;color:#f8fafc!important;padding:7px 10px!important;font-size:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.survey-file-page textarea{height:90px!important;min-height:90px!important}
.survey-file-page .photo-slot-container{background:#081526!important;border-color:#26384f!important;border-radius:8px!important;min-height:98px!important}
.survey-file-page .photo-slot-container small{font-size:10px!important;text-align:center;text-transform:none!important;color:#dbe4f0!important}
.survey-file-page .photo-slot-container img{border-radius:7px}
.survey-file-page #getCurrentLocBtn{height:34px!important;border-radius:7px!important;background:rgba(251,191,36,.06)!important;border-color:#b7791f!important;color:#fbbf24!important}
.survey-file-page .survey-action-row{grid-template-columns:1fr 1.1fr!important;gap:18px!important;margin-top:12px!important}
.survey-file-page .survey-action-row button{height:52px!important;border-radius:9px!important;font-size:14px!important}
.survey-file-page .survey-bottom-grid{grid-template-columns:1fr 310px!important;gap:20px!important;margin-top:12px!important}
.survey-file-page .survey-bottom-grid .card:first-child{min-height:190px}
.survey-file-page .survey-bottom-grid .card:last-child{align-self:center;border-color:rgba(251,191,36,.75)!important;background:linear-gradient(145deg,rgba(9,28,34,.92),rgba(7,18,34,.94))!important}
.survey-file-page .survey-bottom-grid .card:last-child a{background:#15803d!important;border-radius:8px!important}
.survey-file-page form+.survey-bottom-grid{margin-bottom:0}
@media(max-width:1180px){.survey-file-page .survey-detail-grid{grid-template-columns:1fr 1fr}.survey-file-page .survey-bottom-grid{grid-template-columns:1fr!important}.survey-file-page .headrow{flex-direction:column}.survey-file-page .stepper{flex-wrap:wrap}}
@media(max-width:760px){.survey-standalone{padding:14px}.survey-file-page .survey-detail-grid,.survey-file-page .survey-action-row{grid-template-columns:1fr!important}.survey-file-page .card div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.survey-file-page .headrow h1{font-size:28px!important}}

.project-status-page{color:#f8fafc}.project-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.project-hero small{display:block;color:#fbbf24;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.project-hero h1{font-size:34px;line-height:1.05;margin:0 0 8px;font-weight:900}.project-hero p{margin:0;color:#cbd5e1}.project-add{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:900;padding:0 20px;box-shadow:0 16px 28px rgba(245,158,11,.2)}
.project-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.project-stats>div{position:relative;min-height:104px;border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(20,31,48,.88),rgba(12,21,35,.86));padding:18px 18px 16px 92px;box-shadow:0 16px 40px rgba(0,0,0,.12)}.project-stats i{position:absolute;left:22px;top:22px;width:52px;height:52px;border-radius:11px;display:grid;place-items:center;font-size:23px}.project-stats small{display:block;color:#dbe4f0;font-weight:700;font-size:12px}.project-stats b{display:block;font-size:28px;line-height:1.05;margin:5px 0;color:#fff}.project-stats span{display:block;color:#b6c1d1;font-size:12px}.project-stats .ps-blue i{background:rgba(37,99,235,.28);color:#60a5fa}.project-stats .ps-amber i{background:rgba(245,158,11,.25);color:#fbbf24}.project-stats .ps-green i{background:rgba(22,163,74,.28);color:#4ade80}.project-stats .ps-purple i{background:rgba(124,58,237,.3);color:#c084fc}
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 10px}.project-toolbar h2{font-size:20px;margin:0}.project-toolbar>div{display:flex;align-items:center;gap:12px}.project-toolbar select{width:150px;height:38px;border-radius:8px;background:#0b1422;border-color:#22344b;color:#fff;padding:0 12px}.project-search{position:relative;width:280px}.project-search input{height:38px;border-radius:8px;background:#0b1422;border-color:#22344b;padding:0 42px 0 14px;color:#fff}.project-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8}
.project-list{display:grid;gap:10px}.project-card{position:relative;display:grid;grid-template-columns:1.25fr 1.55fr 2fr 170px;align-items:center;gap:20px;min-height:164px;overflow:hidden;border:1px solid #25364c;border-radius:10px;background:linear-gradient(135deg,rgba(15,27,43,.94),rgba(10,22,36,.94));padding:20px 22px 20px 30px;box-shadow:0 18px 48px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 0 18px rgba(251,191,36,.45)}.project-card:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.42);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.project-person{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:18px}.project-avatar{width:58px;height:58px;border-radius:50%;background:#263142;color:#fbbf24;display:grid;place-items:center;font-size:25px}.project-person h3{font-size:22px;line-height:1.1;margin:0 0 8px}.project-person b{display:inline-flex;border:1px solid rgba(251,191,36,.45);border-radius:6px;color:#fbbf24;font-size:12px;padding:4px 8px;margin-bottom:12px}.project-person p{display:flex;align-items:center;gap:8px;color:#b6c1d1;font-size:13px;margin:0}.project-person p i,.project-facts i{color:#fbbf24}
.project-facts{display:grid;gap:18px;border-left:1px solid #25364c;padding-left:22px}.project-facts div{display:grid;grid-template-columns:22px 1fr 110px;align-items:center;gap:10px}.project-facts span{color:#d4deeb;font-size:14px}.project-facts b{font-size:14px;text-align:left;color:#fff}.project-progress{border-left:1px solid #25364c;padding-left:22px}.stage-head{display:flex;align-items:center;gap:8px;margin-bottom:17px}.stage-head span{color:#d4deeb;font-size:13px}.stage-pill{display:inline-flex;align-items:center;border-radius:6px;padding:5px 9px;font-size:11px;color:#fff}.stage-pill.blue{background:#2563eb}.stage-pill.amber{background:#f59e0b;color:#111827}.stage-pill.green{background:#16a34a}
.stage-track{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:18px}.stage-track div{text-align:center;color:#79889d;position:relative}.stage-track div:before{content:"";position:absolute;left:-50%;right:50%;top:9px;height:2px;background:#26364b;z-index:0}.stage-track div:first-child:before{display:none}.stage-track i{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#0b1422;border:2px solid #46556b;color:#46556b;font-size:9px}.stage-track small{display:block;font-size:10px;line-height:1.1}.stage-track .done:before,.stage-track .done i{background:#16a34a;border-color:#16a34a;color:#fff}.stage-track .active i{background:#2563eb;border-color:#2563eb}
.progress-row{display:grid;grid-template-columns:70px 1fr 42px;align-items:center;gap:10px;margin-bottom:8px}.progress-row span,.project-progress p{color:#b6c1d1;font-size:13px}.progress-row div{height:8px;background:#26364b;border-radius:999px;overflow:hidden}.progress-row div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.project-card[data-stage*="net"] .progress-row div i,.project-card[data-stage*="completed"] .progress-row div i{background:linear-gradient(90deg,#16a34a,#4ade80)}.progress-row b{font-size:14px}.project-progress p{display:flex;align-items:center;gap:10px;margin:0}
.project-actions{display:grid;gap:9px;border-left:1px solid #25364c;padding-left:22px}.project-actions form{margin:0}.project-actions a,.project-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:36px;border-radius:7px;font-size:13px;font-weight:900;border:0;cursor:pointer;transition:transform .15s ease,filter .15s ease}.project-actions a:hover,.project-actions button:hover{transform:translateY(-1px);filter:brightness(1.08)}.project-actions .open{background:#1d4ed8;color:#fff}.project-actions .update{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827}.project-actions .timeline-link{background:rgba(15,23,42,.55);border:1px solid rgba(251,191,36,.35);color:#fff}
.project-history{margin-top:20px;border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(15,27,43,.94),rgba(10,22,36,.94));padding:16px 16px 10px}.project-history>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-history h2{font-size:18px;margin:0;display:flex;align-items:center;gap:10px}.project-history a{color:#fbbf24;font-weight:900}.history-row{display:grid;grid-template-columns:42px 170px 1fr 110px 180px;align-items:center;gap:14px;border-top:1px solid #25364c;padding:12px 8px}.history-row>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(37,99,235,.22);border:1px solid rgba(37,99,235,.7);color:#bfdbfe}.history-row b{font-size:13px}.history-row small{display:block;color:#94a3b8;font-size:11px;margin-top:3px}.history-row p{color:#f8fafc;margin:0;font-size:13px}.history-row em{justify-self:start;border-radius:6px;background:#2563eb;color:#fff;font-size:11px;font-style:normal;font-weight:900;padding:5px 9px}.history-row time{justify-self:end;color:#cbd5e1;font-size:12px}.history-row time i{color:#94a3b8;margin-right:6px}
.convert-customer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;min-height:38px;padding:0 14px;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff!important;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 12px 24px rgba(34,197,94,.18);white-space:nowrap}.convert-customer-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.convert-customer-btn.disabled{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#86efac!important;box-shadow:none;cursor:pointer}.quote-convert-btn{height:30px;min-height:30px;border-radius:999px;font-size:11px;padding:0 10px}.project-actions .convert-customer-btn{width:100%;border-radius:7px}.convert-modal-backdrop{z-index:70}.convert-modal{width:min(440px,100%);text-align:left;background:#111827;border-color:#263548}.convert-checkmark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.45);color:#4ade80;font-size:28px;animation:successPulse 1.4s ease infinite}.convert-modal h2{text-align:center;margin-bottom:8px}.convert-modal p{text-align:center;margin:0 0 16px}.convert-modal label{display:flex;grid-template-columns:none;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.14);border-radius:10px;padding:10px 12px;margin-top:8px;color:#dbe4f0}.convert-modal input[type=checkbox]{width:18px;height:18px;accent-color:#22c55e}.convert-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.convert-actions button{height:42px;border-radius:10px;border:0;font-weight:900;cursor:pointer}.convert-actions button:first-child{background:#0f172a;color:#cbd5e1;border:1px solid #334155}.convert-actions button:last-child{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff}@keyframes successPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.28)}50%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}
.project-autofill-card{display:grid;grid-template-columns:1fr minmax(280px,420px);align-items:end;gap:18px;margin-bottom:16px;border:1px solid #263548;background:linear-gradient(135deg,rgba(15,27,43,.94),rgba(10,22,36,.94))}.project-autofill-card h2{margin:0 0 6px;font-size:22px;display:flex;align-items:center;gap:10px}.project-autofill-card h2 i,.project-section-head i{color:#fbbf24}.project-autofill-card p{margin:0;color:#aebbd0}.project-customer-select{display:grid;gap:8px}.project-customer-select span,.project-plan-grid label span{font-size:12px;color:#cbd5e1;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.project-customer-select select,.project-plan-grid input,.project-plan-grid select,.project-plan-grid textarea{width:100%;min-height:44px;border-radius:9px;border:1px solid #33455e;background:#0b1422;color:#f8fafc;padding:0 13px;font-weight:700}.project-plan-grid textarea{min-height:86px;padding:12px 13px}.project-empty-state,.project-waiting-card{display:grid;gap:8px;color:#cbd5e1}.project-empty-state a{justify-self:start;margin-top:8px;border-radius:9px;background:#f59e0b;color:#111827;font-weight:900;padding:10px 14px}.project-waiting-card{place-items:center;text-align:center;min-height:160px;border:1px dashed #33455e}.project-waiting-card i{font-size:28px;color:#fbbf24}.project-auto-form{display:grid;gap:14px}.project-section-card{border:1px solid #263548;border-radius:12px;background:linear-gradient(135deg,rgba(15,27,43,.94),rgba(10,22,36,.94));padding:18px;box-shadow:0 18px 48px rgba(0,0,0,.16)}.project-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.project-section-head>i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.18)}.project-section-head b{display:block;font-size:18px;color:#fff}.project-section-head span{display:block;color:#94a3b8;font-size:13px;margin-top:2px}.project-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-info-tile{min-height:78px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(15,23,42,.45);padding:12px}.project-info-tile small{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;font-weight:900;margin-bottom:8px}.project-info-tile b{display:block;color:#f8fafc;font-size:14px;line-height:1.35;word-break:break-word}.project-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-photo-strip{display:flex;gap:10px;overflow:auto;margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.16)}.project-photo-strip img{width:118px;height:82px;object-fit:cover;border-radius:9px;border:1px solid #33455e;background:#0b1422}.project-complete-note{display:flex;align-items:center;gap:10px;border:1px solid rgba(34,197,94,.32);background:rgba(34,197,94,.1);color:#86efac;border-radius:10px;padding:14px;font-weight:800}.project-save-button{min-height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 16px 30px rgba(34,197,94,.2);transition:transform .15s ease,filter .15s ease}.project-save-button:hover{transform:translateY(-1px);filter:brightness(1.07)}
.installation-work-page{color:#f8fafc}.installation-form{display:grid;gap:12px}.install-summary-card,.install-card{border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(15,30,48,.96),rgba(8,20,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.16)}.install-summary-card{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.25fr;gap:20px;align-items:stretch;padding:22px}.install-summary-card>div:not(:first-child){border-left:1px solid #25364c;padding-left:22px}.install-customer{display:grid;grid-template-columns:64px 1fr;gap:18px}.install-main-icon{width:58px;height:58px;border-radius:50%;background:rgba(251,191,36,.14);color:#fbbf24;display:grid;place-items:center;font-size:28px}.install-customer small,.install-date-line small,.install-status-stack span,.install-progress-box small,.install-input span,.install-row-input span,.install-material-row span{display:block;color:#aebbd0;font-size:12px;font-weight:800}.install-customer h1{margin:4px 0 14px;font-size:24px;line-height:1.05}.install-customer h1 span{display:inline-flex;vertical-align:middle;margin-left:8px;border-radius:6px;background:rgba(37,99,235,.22);color:#60a5fa;font-size:11px;padding:5px 9px}.install-customer b{display:block;margin:4px 0 12px}.install-customer b a{margin-left:12px;color:#fbbf24;font-size:13px}.install-customer p{margin:4px 0 0;color:#f8fafc;font-weight:800}.install-date-stack,.install-status-stack,.install-progress-box{display:grid;gap:14px}.install-date-line{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;gap:10px}.install-date-line>i,.install-date-line label i,.install-card h2 i,.install-material-row i,.install-row-input i{color:#fbbf24}.install-date-line b{font-size:18px}.install-date-line label{position:relative;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.install-date-line input{position:absolute;inset:0;opacity:0;cursor:pointer}.install-status-stack select,.install-input select,.install-input input,.install-row-input input,.install-material-row input{height:38px;border-radius:7px;border:1px solid #24364d;background:#0b1422;color:#f8fafc;padding:0 10px;font-weight:800}.install-progress{height:8px;border-radius:999px;background:#26364b;overflow:hidden}.install-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.install-progress-box b{justify-self:end;margin-top:-22px}.install-progress-box a{color:#e5e7eb}.install-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1.05fr 1.05fr 1.05fr 1.15fr;gap:8px}.install-card{padding:14px}.install-card h2{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:15px}.install-input{display:grid;gap:7px;margin-bottom:13px}.outline-install-btn{width:100%;height:36px;border-radius:7px;border:1px solid #1d4ed8;background:transparent;color:#3b82f6;font-weight:900;cursor:pointer}.outline-install-btn:hover{background:rgba(37,99,235,.12)}.install-map{height:104px;border-radius:8px;margin-bottom:12px;background:linear-gradient(135deg,#d8d2bf,#f3ead9);position:relative;overflow:hidden}.install-map:before,.install-map:after{content:"";position:absolute;background:rgba(148,163,184,.45)}.install-map:before{width:160%;height:2px;left:-20%;top:45%;transform:rotate(-18deg)}.install-map:after{width:2px;height:160%;left:55%;top:-30%;transform:rotate(25deg)}.install-map i{position:absolute;left:52%;top:43%;transform:translate(-50%,-50%);font-size:28px;color:#ef4444;z-index:1}.install-row-input,.install-material-row{display:grid;grid-template-columns:1fr 64px 18px;align-items:center;gap:8px;min-height:34px;border-bottom:1px solid rgba(148,163,184,.12)}.install-row-input input,.install-material-row input{height:30px;text-align:right}.install-check{display:flex;align-items:center;gap:10px;min-height:34px;color:#e2e8f0;font-weight:800;font-size:13px}.install-check input{display:none}.install-check span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid #475569;color:transparent}.install-check input:checked+span{background:#22c55e;border-color:#22c55e;color:#fff}.install-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.install-photo-box{height:82px;border:1px dashed #475569;border-radius:8px;display:grid;place-items:center;text-align:center;color:#cbd5e1;cursor:pointer;overflow:hidden}.install-photo-box i{font-size:18px}.install-photo-box span{font-size:12px}.install-photo-box input{display:none}.install-photo-box img{width:100%;height:100%;object-fit:cover}.install-bottom-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:12px}.install-bottom-grid .install-card textarea{width:100%;min-height:86px;border-radius:8px;border:1px solid #24364d;background:#0b1422;color:#f8fafc;padding:12px;resize:vertical}.install-history{grid-row:span 2}.install-history>div:first-child{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #25364c;padding-bottom:12px;margin-bottom:4px}.install-history a{color:#fbbf24;font-weight:900}.install-history-row{display:grid;grid-template-columns:34px 130px 1fr 110px 165px;gap:12px;align-items:center;border-bottom:1px solid rgba(148,163,184,.13);padding:12px 6px}.install-history-row>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(37,99,235,.18);border:1px solid #1d4ed8;color:#93c5fd}.install-history-row:first-of-type>span{background:rgba(34,197,94,.18);border-color:#22c55e;color:#86efac}.install-history-row b{font-size:12px}.install-history-row small{display:block;color:#94a3b8;font-size:10px}.install-history-row p{margin:0;font-size:12px;color:#e5e7eb}.install-history-row em{justify-self:start;border-radius:5px;background:rgba(37,99,235,.25);color:#60a5fa;font-style:normal;font-weight:900;font-size:11px;padding:5px 8px}.install-history-row:first-of-type em{background:rgba(251,191,36,.14);color:#fbbf24;border:1px solid rgba(251,191,36,.35)}.install-history-row time{font-size:12px;color:#cbd5e1}.install-save-main{height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 16px 28px rgba(245,158,11,.2)}
.install-project-list{display:grid;gap:12px}.install-project-card{position:relative;display:grid;grid-template-columns:72px 1.6fr 1fr 1fr 190px;align-items:center;gap:18px;border:1px solid #263548;border-radius:12px;background:linear-gradient(135deg,rgba(15,30,48,.96),rgba(8,20,34,.96));padding:18px 20px;box-shadow:0 18px 42px rgba(0,0,0,.16);overflow:hidden;color:#f8fafc;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.install-project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#fbbf24,#f59e0b)}.install-project-card:hover{transform:translateY(-2px);border-color:rgba(251,191,36,.5);box-shadow:0 22px 55px rgba(0,0,0,.28)}.install-project-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(251,191,36,.14);color:#fbbf24;font-size:24px}.install-project-card small{display:block;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.install-project-card h2{margin:0 0 7px;font-size:22px}.install-project-card b,.install-project-card strong{display:block;color:#fff;font-size:14px;margin-bottom:10px}.install-project-card p{margin:0;color:#cbd5e1;font-size:13px;display:flex;gap:8px;align-items:center}.install-project-card p i{color:#fbbf24}.install-project-card span{display:inline-flex;border-radius:999px;background:rgba(245,158,11,.14);color:#fbbf24;border:1px solid rgba(245,158,11,.28);font-weight:900;font-size:12px;padding:6px 10px;margin-bottom:12px}.install-project-card.completed span{background:rgba(34,197,94,.14);color:#86efac;border-color:rgba(34,197,94,.32)}.install-project-card.in-progress span{background:rgba(37,99,235,.18);color:#93c5fd;border-color:rgba(37,99,235,.34)}.install-project-card em{display:block;margin-top:5px;color:#cbd5e1;font-style:normal;font-size:12px;text-align:right}.install-project-card button{height:42px;border:0;border-radius:9px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:950;cursor:pointer}
.net-meter-page{color:#f8fafc}.net-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.net-hero small{display:block;color:#fbbf24;font-size:12px;font-weight:950;text-transform:uppercase}.net-hero h1{margin:0 0 8px;font-size:36px;line-height:1}.net-hero p{margin:0;color:#cbd5e1}.net-hero>div:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.net-hero button{height:40px;border-radius:8px;border:1px solid #334155;background:#0b1422;color:#f8fafc;padding:0 18px;font-weight:900}.net-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.net-stats>div,.net-card{border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(15,30,48,.96),rgba(8,20,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.14)}.net-stats>div{position:relative;min-height:100px;padding:18px 16px 14px 92px}.net-stats i{position:absolute;left:22px;top:22px;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-size:23px}.net-stats .blue i{background:rgba(37,99,235,.28);color:#60a5fa}.net-stats .amber i{background:rgba(245,158,11,.22);color:#fbbf24}.net-stats .purple i{background:rgba(124,58,237,.28);color:#c084fc}.net-stats .green i{background:rgba(22,163,74,.26);color:#4ade80}.net-stats small{display:block;color:#dbe4f0;font-size:12px}.net-stats b{display:block;font-size:28px;line-height:1.05;margin:5px 0}.net-stats span{color:#aebbd0;font-size:12px}.net-top-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:12px}.net-card{padding:18px}.net-card h2{margin:0 0 14px;font-size:18px;display:flex;align-items:center;gap:10px}.net-card h2 i{color:#fbbf24}.net-table{display:grid}.net-head,.net-row{display:grid;grid-template-columns:44px 90px 1.2fr 1.15fr 92px 105px 110px 1.2fr 72px;gap:10px;align-items:center}.net-head{border-bottom:1px solid #263548;padding:0 8px 10px;color:#aebbd0;font-size:12px}.net-row{min-height:38px;border-bottom:1px solid rgba(148,163,184,.12);padding:7px 8px;color:#f8fafc;font-size:13px}.net-row:hover{background:rgba(255,255,255,.03)}.net-row b{display:inline-flex;border-radius:5px;padding:4px 8px;font-size:11px}.net-row b.green{background:rgba(34,197,94,.16);color:#4ade80;border:1px solid rgba(34,197,94,.35)}.net-row b.amber{background:rgba(245,158,11,.14);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.net-row b.blue{background:rgba(37,99,235,.16);color:#60a5fa;border:1px solid rgba(37,99,235,.35)}.net-row b.red{background:rgba(244,63,94,.14);color:#fb7185;border:1px solid rgba(244,63,94,.35)}.net-actions{display:flex;gap:12px;color:#94a3b8}.net-view-all{display:flex;justify-content:center;align-items:center;gap:10px;color:#fbbf24;font-weight:950;margin-top:16px}.net-progress-card form button,.net-blue-btn{width:100%;height:38px;border:0;border-radius:7px;background:#1d4ed8;color:#fff;font-weight:950;display:grid;place-items:center}.net-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:22px 0}.net-steps div{position:relative;text-align:center;color:#94a3b8;font-size:11px}.net-steps div:before{content:"";position:absolute;left:-50%;right:50%;top:12px;height:1px;background:#334155}.net-steps div:first-child:before{display:none}.net-steps i{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#0b1422;border:1px solid #475569;color:#64748b}.net-steps .done i{background:#16a34a;border-color:#16a34a;color:#fff}.net-steps .active i{background:#2563eb;border-color:#60a5fa}.net-steps .done:before{background:#16a34a}.net-current-step{border:1px solid #263548;border-radius:8px;padding:13px;margin-bottom:12px}.net-current-step small{color:#aebbd0}.net-current-step b{float:right;color:#60a5fa}.net-current-step p{clear:both;color:#dbe4f0;margin:12px 0}.net-current-step strong{display:block;margin-top:6px}.net-detail-grid{display:grid;grid-template-columns:.9fr 1fr 1.15fr 1.15fr;gap:12px;margin-top:12px}.net-info-line{display:flex;justify-content:space-between;gap:14px;padding:6px 0;color:#cbd5e1;font-size:13px}.net-info-line b{text-align:right;color:#f8fafc}.net-info-line em{font-style:normal;border-radius:5px;padding:3px 8px;font-size:12px}.net-info-line em.yes{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.35)}.net-info-line em.no{background:rgba(244,63,94,.14);color:#fb7185;border:1px solid rgba(244,63,94,.35)}.net-outline-btn{width:100%;height:34px;border-radius:7px;border:1px solid #2563eb;background:transparent;color:#60a5fa;font-weight:900;margin-top:12px}.net-doc-row{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:10px;padding:8px 0}.net-doc-row>i{width:28px;height:28px;border-radius:7px;background:rgba(96,165,250,.15);display:grid;place-items:center;color:#bfdbfe}.net-doc-row b{font-size:13px}.net-doc-row small{display:block;color:#aebbd0;font-size:11px;margin-top:2px}.net-doc-row span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;font-size:10px}.net-bottom-grid{display:grid;grid-template-columns:2.25fr .85fr;gap:12px;margin-top:12px}.net-timeline-row{display:grid;grid-template-columns:28px 150px 1fr 140px;gap:12px;align-items:center;border-bottom:1px solid rgba(148,163,184,.12);padding:9px 0}.net-timeline-row span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:8px}.net-timeline-row .dot1,.net-timeline-row .dot4{background:#22c55e}.net-timeline-row .dot2,.net-timeline-row .dot5{background:#f59e0b}.net-timeline-row .dot3{background:#64748b}.net-timeline-row time{color:#dbe4f0;font-size:13px}.net-timeline-row p{margin:0;font-size:13px}.net-timeline-row b{justify-self:end;border:1px solid #334155;border-radius:5px;padding:4px 9px;color:#cbd5e1;font-size:12px}.net-quick form{margin:0 0 8px}.net-quick button{width:100%;height:34px;border-radius:7px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.08);color:#f8fafc;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;text-align:left;font-weight:850}.net-quick button i:first-child{color:#fbbf24}.net-quick button i:last-child{color:#fbbf24;justify-self:end}
.net-doc-row span.missing{background:rgba(245,158,11,.18);color:#fbbf24}.net-doc-row a{color:#93c5fd}.net-select-hint{display:flex;align-items:center;gap:10px;border:1px dashed #334155;border-radius:10px;background:rgba(15,23,42,.45);color:#cbd5e1;padding:14px 16px;margin-top:12px;font-weight:800}.net-select-hint i{color:#fbbf24}.net-upload-panel{margin-top:12px;border-color:rgba(251,191,36,.35)}.net-upload-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.net-upload-head h2{margin:0 0 6px}.net-upload-head p{margin:0;color:#aebbd0}.net-upload-head button{min-width:160px;height:42px;border:0;border-radius:9px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:950}.net-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.net-upload-field{display:grid;gap:7px}.net-upload-field.wide{grid-column:1/-1}.net-upload-field span{color:#aebbd0;font-size:12px;font-weight:900;text-transform:uppercase}.net-upload-field input,.net-upload-field select,.net-upload-field textarea{width:100%;min-height:40px;border:1px solid #334155;border-radius:8px;background:#0b1422;color:#f8fafc;padding:0 11px;font-weight:800}.net-upload-field textarea{min-height:74px;padding:11px;resize:vertical}.net-upload-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.net-file-box{min-height:110px;border:1px dashed #475569;border-radius:10px;background:rgba(15,23,42,.45);display:grid;place-items:center;text-align:center;padding:14px;cursor:pointer}.net-file-box i{font-size:22px;color:#fbbf24}.net-file-box b{font-size:13px}.net-file-box span{font-size:11px;color:#aebbd0;word-break:break-word}.net-file-box input{display:none}
.net-front-list{display:grid;gap:12px}.net-front-card{position:relative;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 190px;gap:18px;align-items:center;border:1px solid #263548;border-radius:12px;background:linear-gradient(135deg,rgba(15,30,48,.96),rgba(8,20,34,.96));padding:18px 20px 18px 24px;box-shadow:0 18px 42px rgba(0,0,0,.16);overflow:hidden}.net-front-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#fbbf24,#f59e0b)}.net-front-card:hover{border-color:rgba(251,191,36,.45);transform:translateY(-1px)}.net-front-main{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center}.net-front-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(251,191,36,.14);color:#fbbf24;font-size:23px}.net-front-card small{display:block;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.net-front-card h2{margin:0 0 8px;font-size:22px;color:#fff}.net-front-card p{margin:0;color:#cbd5e1;font-size:13px;display:flex;align-items:center;gap:8px}.net-front-info{display:grid;gap:5px}.net-front-info b,.net-front-progress strong{color:#f8fafc;font-size:14px}.net-front-info span{justify-self:start;border-radius:999px;font-weight:900;font-size:12px;padding:6px 10px}.net-front-info span.green{background:rgba(34,197,94,.16);color:#86efac}.net-front-info span.amber{background:rgba(245,158,11,.14);color:#fbbf24}.net-front-info span.blue{background:rgba(37,99,235,.16);color:#93c5fd}.net-front-info span.red{background:rgba(244,63,94,.14);color:#fb7185}.net-front-progress{display:grid;gap:6px}.net-front-progress b{justify-self:end;margin-top:-22px;color:#f8fafc}.net-open-file{height:42px;border-radius:9px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827!important;font-weight:950;display:flex;align-items:center;justify-content:center;gap:9px}.detail-only{margin-top:12px}
.customer-profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.customer-profile-head small{display:block;color:#fbbf24;text-transform:uppercase;font-weight:900;font-size:12px;margin-bottom:6px}.customer-profile-head h1{font-size:32px;margin:0 0 6px}.customer-profile-head p{margin:0;color:#cbd5e1}.customer-profile-head a{display:inline-flex;align-items:center;gap:8px;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:10px 14px;color:#fbbf24;font-weight:900}.customer-success-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(15,23,42,.7));border:1px solid rgba(34,197,94,.32);border-radius:14px;padding:14px 16px;margin-bottom:16px}.customer-success-card span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff}.customer-success-card b{display:block;color:#dcfce7}.customer-success-card small{display:block;color:#a7f3d0;margin-top:3px}.customer-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.customer-tabs a{background:#0f172a;border:1px solid #334155;border-radius:999px;padding:9px 13px;color:#cbd5e1;font-weight:800;font-size:12px}.customer-tabs a:hover{border-color:#fbbf24;color:#fbbf24}
.customer-workspace{display:grid;grid-template-columns:290px minmax(0,1fr) 260px;gap:16px;align-items:start}.customer-panel{border:1px solid #263548;border-radius:12px;background:linear-gradient(135deg,rgba(9,28,45,.96),rgba(7,20,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.16);padding:18px}.customer-left{text-align:left;position:sticky;top:14px}.customer-big-avatar{width:66px;height:66px;border-radius:18px;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.3);color:#fbbf24;display:grid;place-items:center;font-size:30px;margin-bottom:14px}.customer-left h2{margin:0 0 4px;font-size:24px}.customer-left>b{display:block;color:#fbbf24;margin-bottom:10px}.customer-left>span{display:inline-flex;border-radius:999px;background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.3);font-size:12px;font-weight:900;padding:6px 10px;margin-bottom:14px}.customer-side-line{border-top:1px solid rgba(148,163,184,.14);padding:11px 0}.customer-side-line small{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;font-weight:900;margin-bottom:5px}.customer-side-line strong{display:block;color:#f8fafc;font-size:14px;line-height:1.35;word-break:break-word}.customer-center{display:grid;gap:14px}.customer-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.customer-finance-grid>div{min-height:94px;border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(15,30,48,.96),rgba(8,20,34,.96));padding:16px}.customer-finance-grid small{display:block;color:#aebbd0;font-size:12px;font-weight:900;margin-bottom:10px}.customer-finance-grid b{font-size:21px}.customer-finance-grid .green b{color:#4ade80}.customer-finance-grid .red b{color:#fb7185}.customer-finance-grid .amber b{color:#fbbf24}.customer-finance-grid .blue b{color:#93c5fd}.customer-alert-card{display:flex;align-items:center;gap:13px;border:1px solid rgba(251,191,36,.28);border-radius:12px;background:rgba(251,191,36,.08);padding:14px 16px}.customer-alert-card i{width:38px;height:38px;border-radius:10px;background:#f59e0b;color:#111827;display:grid;place-items:center}.customer-alert-card b{display:block;color:#f8fafc}.customer-alert-card span{display:block;color:#fbbf24;margin-top:3px;font-size:13px}.customer-right{display:grid;gap:10px;position:sticky;top:14px}.customer-right h2{margin:0 0 6px;font-size:18px}.customer-right a{height:42px;border-radius:9px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.07);color:#f8fafc;display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:8px;padding:0 10px;font-weight:900}.customer-right a i{color:#fbbf24}.timeline b small{display:block;color:#fbbf24;font-size:10px;margin-top:2px;text-transform:uppercase}

@media(max-width:1200px){.project-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{grid-template-columns:1fr 1fr}.project-progress,.project-actions{border-left:0;padding-left:0}.project-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1}.history-row{grid-template-columns:36px 140px 1fr}.history-row em,.history-row time{justify-self:start}}
@media(max-width:1200px){.install-summary-card{grid-template-columns:1fr 1fr}.install-summary-card>div:nth-child(3){border-left:0;padding-left:0}.install-grid{grid-template-columns:repeat(3,1fr)}.install-history-row{grid-template-columns:34px 120px 1fr}.install-history-row em,.install-history-row time{grid-column:3;justify-self:start}}
@media(max-width:1200px){.install-project-card{grid-template-columns:64px 1.4fr 1fr 1fr}.install-project-card button{grid-column:2/-1}}
@media(max-width:1200px){.net-stats{grid-template-columns:repeat(3,1fr)}.net-top-grid,.net-bottom-grid{grid-template-columns:1fr}.net-detail-grid{grid-template-columns:repeat(2,1fr)}.net-table{overflow:auto}.net-head,.net-row{min-width:900px}.net-upload-grid,.net-upload-docs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.project-hero,.project-toolbar,.project-toolbar>div,.net-hero,.net-hero>div:last-child,.net-upload-head{align-items:stretch;flex-direction:column}.project-search,.project-toolbar select{width:100%}.project-card{grid-template-columns:1fr}.project-facts,.project-progress,.project-actions{border-left:0;padding-left:0}.project-facts div{grid-template-columns:22px 1fr}.project-facts b{grid-column:2}.project-actions{grid-template-columns:1fr}.project-stats,.net-stats{grid-template-columns:1fr}.stage-track{overflow:auto;padding-bottom:4px}.stage-track div{min-width:64px}.history-row{grid-template-columns:34px 1fr}.history-row p,.history-row em,.history-row time{grid-column:2}.project-autofill-card,.project-info-grid,.project-plan-grid{grid-template-columns:1fr}.project-section-card{padding:14px}.project-photo-strip img{width:104px;height:74px}.install-summary-card,.install-grid,.install-bottom-grid,.install-project-card,.net-detail-grid,.net-upload-grid,.net-upload-docs{grid-template-columns:1fr}.install-summary-card>div{border-left:0!important;padding-left:0!important}.install-history{grid-row:auto}.install-history-row{grid-template-columns:30px 1fr}.install-history-row p,.install-history-row em,.install-history-row time{grid-column:2}.install-photo-grid{grid-template-columns:repeat(2,1fr)}.install-project-card button{grid-column:auto}.net-timeline-row{grid-template-columns:24px 1fr}.net-timeline-row time,.net-timeline-row p,.net-timeline-row b{grid-column:2;justify-self:start}.net-steps{overflow:auto}.net-steps div{min-width:80px}}
@media(max-width:1200px){.customer-workspace{grid-template-columns:1fr}.customer-left,.customer-right{position:static}.customer-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.customer-finance-grid{grid-template-columns:1fr}.customer-profile-head{flex-direction:column}.customer-profile-head a{width:100%;justify-content:center}}

.net-steps{grid-template-columns:repeat(7,1fr)}
.net-top-grid.detail-only{grid-template-columns:1.2fr .8fr}
.project-photo-strip a{display:block;flex:0 0 auto}.project-photo-strip a img{display:block}.install-photo-box a{position:relative;width:100%;height:100%;display:block;color:#fbbf24;text-decoration:none}.install-photo-box a img{display:block;width:100%;height:100%;object-fit:cover}.install-photo-box a small{position:absolute;left:5px;bottom:5px;border-radius:999px;background:rgba(2,6,23,.76);color:#fbbf24;font-size:9px;font-weight:900;padding:2px 6px}
.net-file-box a{position:relative;width:100%;height:100%;display:block;color:#fbbf24;text-decoration:none}.net-file-box a img{width:100%;height:100%;min-height:82px;object-fit:cover;border-radius:8px}.net-file-box a small{position:absolute;left:6px;bottom:6px;border-radius:999px;background:rgba(2,6,23,.76);color:#fbbf24;font-size:10px;font-weight:900;padding:3px 7px}
.net-progress-change{display:grid;grid-template-columns:1fr 170px;gap:10px;align-items:end;margin-bottom:10px}.net-progress-change label{display:grid;gap:7px}.net-progress-change label span{color:#aebbd0;font-size:12px;font-weight:900;text-transform:uppercase}.net-progress-change select{height:38px;border:1px solid #334155;border-radius:8px;background:#0b1422;color:#f8fafc;padding:0 10px;font-weight:900}.net-progress-change button{height:38px;border:0;border-radius:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:950}.net-progress-shortcut button{background:#1d4ed8!important;color:#fff!important}
.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px}.pager a,.pager span{min-height:36px;border-radius:999px;border:1px solid #263548;background:#0b1422;color:#dbe4f0;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-weight:900;text-decoration:none}.pager a{border-color:rgba(251,191,36,.36);color:#fbbf24}.pager a:hover{background:rgba(251,191,36,.1)}
.subsidy-page{color:#f8fafc}.subsidy-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.subsidy-hero h1{font-size:36px;line-height:1;margin:0 0 8px}.subsidy-hero p{margin:0;color:#cbd5e1}.subsidy-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.subsidy-stats>div,.subsidy-card{border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(9,28,45,.96),rgba(7,20,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.16)}.subsidy-stats>div{position:relative;min-height:112px;padding:20px 16px 16px 90px}.subsidy-stats i{position:absolute;left:22px;top:22px;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:24px}.subsidy-stats .blue i{background:rgba(37,99,235,.3);color:#60a5fa}.subsidy-stats .amber i{background:rgba(245,158,11,.24);color:#fbbf24}.subsidy-stats .green i{background:rgba(22,163,74,.28);color:#4ade80}.subsidy-stats .purple i{background:rgba(124,58,237,.3);color:#c084fc}.subsidy-stats .red i{background:rgba(244,63,94,.22);color:#fb7185}.subsidy-stats small{display:block;color:#dbe4f0;font-size:12px;font-weight:800}.subsidy-stats b{display:block;font-size:30px;line-height:1;margin:6px 0}.subsidy-stats span{color:#aebbd0;font-size:12px}.subsidy-layout{display:grid;grid-template-columns:1fr 330px;gap:16px}.subsidy-layout.detail{margin-top:16px}.subsidy-card{padding:18px}.subsidy-card h2{margin:0 0 16px;font-size:18px}.subsidy-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.subsidy-list-head h2{margin:0}.subsidy-list-head>div{display:flex;gap:8px}.subsidy-list-head input,.subsidy-list-head select{height:38px;border:1px solid #334155;border-radius:8px;background:#0b1422;color:#f8fafc;padding:0 12px}.subsidy-list-head input{width:290px}.subsidy-list-head button{height:38px;border:1px solid #334155;border-radius:8px;background:#0b1422;color:#f8fafc;padding:0 14px;font-weight:800}.subsidy-list{display:grid}.subsidy-row{display:grid;grid-template-columns:1.35fr .72fr .55fr .85fr 1.2fr 110px;gap:18px;align-items:center;min-height:120px;border-top:1px solid rgba(148,163,184,.14);padding:18px 0}.subsidy-row:first-child{border-top:0}.subsidy-row small{display:block;color:#aebbd0;font-size:12px;margin-bottom:8px}.subsidy-row strong{display:block;color:#fff;font-size:14px;margin-bottom:12px}.subsidy-person{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center}.subsidy-person>span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px}.subsidy-person>span.blue{background:#1d4ed8}.subsidy-person>span.green{background:#15803d}.subsidy-person>span.amber{background:#d97706}.subsidy-person>span.red{background:#be123c}.subsidy-person h3{margin:0 0 7px;font-size:18px}.subsidy-person b{display:block;color:#fbbf24;font-size:17px;margin-bottom:8px}.subsidy-person p{margin:5px 0 0;color:#dbe4f0;font-size:13px}.subsidy-person p i{color:#fbbf24;margin-right:7px}.subsidy-row em{display:inline-flex;border-radius:6px;padding:5px 10px;font-style:normal;font-weight:900;font-size:12px;margin-bottom:14px}.subsidy-row em.amber{background:#f59e0b;color:#fff}.subsidy-row em.green{background:#16a34a;color:#fff}.subsidy-row em.blue{background:#2563eb;color:#fff}.subsidy-row em.red{background:#be123c;color:#fff}.subsidy-progress{height:8px;border-radius:999px;background:#26364b;overflow:hidden;margin-top:2px}.subsidy-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.subsidy-progress.big{height:10px;margin:14px 0}.subsidy-open{display:grid;grid-template-columns:32px 1fr 16px;align-items:center;gap:8px}.subsidy-open b{color:#cbd5e1;font-size:13px}.subsidy-open a{height:34px;border-radius:7px;border:1px solid #f59e0b;color:#fbbf24;display:grid;place-items:center;font-weight:950}.subsidy-side{display:grid;gap:16px;align-content:start}.subsidy-flow{display:grid;gap:18px}.subsidy-flow div{position:relative;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}.subsidy-flow div:before{content:"";position:absolute;left:20px;top:42px;bottom:-18px;width:1px;background:#334155}.subsidy-flow div:last-child:before{display:none}.subsidy-flow span{width:34px;height:34px;border-radius:50%;border:1px solid #475569;background:#0b1422;color:#94a3b8;display:grid;place-items:center}.subsidy-flow span.active,.subsidy-flow .done span{background:#f59e0b;border-color:#fbbf24;color:#111827}.subsidy-flow b{font-size:14px}.subsidy-flow small{grid-column:2;color:#aebbd0;margin-top:-8px}.subsidy-flow.horizontal{grid-template-columns:repeat(5,1fr);gap:8px}.subsidy-flow.horizontal div{display:block;text-align:center}.subsidy-flow.horizontal div:before{left:-50%;right:50%;top:17px;width:auto;height:1px;bottom:auto}.subsidy-flow.horizontal div:first-child:before{display:none}.subsidy-flow.horizontal span{margin:0 auto 8px}.subsidy-flow.horizontal small{display:none}.subsidy-quick form{margin:0 0 8px}.subsidy-quick button,.subsidy-quick a{width:100%;height:38px;border-radius:7px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.08);color:#f8fafc;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;text-align:left;font-weight:850;padding:0 10px}.subsidy-quick i{color:#fbbf24}.subsidy-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.subsidy-file-form{margin-top:16px}.subsidy-file-form>.subsidy-list-head button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;border:0;font-weight:950}.subsidy-doc-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.subsidy-doc-checks label{display:flex;align-items:center;gap:9px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:rgba(15,23,42,.5);padding:10px;font-weight:800;color:#dbe4f0}.subsidy-doc-checks input{display:none}.subsidy-doc-checks span{width:20px;height:20px;border-radius:50%;border:1px solid #475569;color:transparent;display:grid;place-items:center}.subsidy-doc-checks input:checked+span{background:#22c55e;border-color:#22c55e;color:#fff}
.subsidy-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 12px;padding-top:14px;border-top:1px solid rgba(148,163,184,.16)}.subsidy-section-title h3{margin:0;color:#f8fafc;font-size:17px;display:flex;align-items:center;gap:9px}.subsidy-section-title h3 i{color:#fbbf24}.subsidy-section-title p{margin:0;color:#aebbd0;font-size:12px}.subsidy-section-title label{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(251,191,36,.32);border-radius:999px;background:rgba(251,191,36,.09);padding:8px 12px;color:#fbbf24;font-weight:900}.subsidy-section-title input{accent-color:#f59e0b}

.payment-page{color:#f8fafc}.payment-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.payment-hero small{display:block;color:#fbbf24;text-transform:uppercase;font-weight:950;letter-spacing:.02em}.payment-hero h1{font-size:36px;line-height:1;margin:2px 0 8px}.payment-hero p{margin:0;color:#cbd5e1}.payment-hero>div:last-child{display:flex;gap:12px;align-items:center}.payment-hero button,.payment-add{height:44px;border-radius:8px;border:1px solid #263548;background:#0b1422;color:#f8fafc;padding:0 18px;font-weight:950;display:inline-flex;align-items:center;gap:9px;text-decoration:none}.payment-add{border:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;box-shadow:0 12px 28px rgba(245,158,11,.22)}.payment-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.payment-stats>div{position:relative;min-height:116px;padding:20px 16px 16px 94px;border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(9,28,45,.96),rgba(7,20,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.16)}.payment-stats i{position:absolute;left:22px;top:26px;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:24px}.payment-stats .blue i{background:rgba(37,99,235,.35);color:#60a5fa}.payment-stats .green i{background:rgba(22,163,74,.3);color:#86efac}.payment-stats .amber i{background:rgba(245,158,11,.24);color:#fbbf24}.payment-stats .red i{background:rgba(225,29,72,.3);color:#fb7185}.payment-stats small{display:block;color:#dbe4f0;font-size:14px;font-weight:850}.payment-stats b{display:block;font-size:28px;line-height:1.05;margin:8px 0 6px}.payment-stats span{font-size:13px;color:#aebbd0}.payment-stats .green span{color:#4ade80}.payment-stats .amber span{color:#fbbf24}.payment-card{border:1px solid #263548;border-radius:10px;background:linear-gradient(135deg,rgba(9,28,45,.96),rgba(7,20,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.16);padding:18px}.payment-list-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px}.payment-list-head h2{margin:0;font-size:18px}.payment-list-head h2 span{color:#fbbf24}.payment-list-head>div{display:flex;gap:10px;align-items:center}.payment-list-head select,.payment-list-head input{height:38px;border:1px solid #334155;border-radius:8px;background:#0b1422;color:#f8fafc;padding:0 12px;font-weight:800}.payment-list-head label{position:relative;margin:0}.payment-list-head input{width:390px;padding-right:38px}.payment-list-head label i{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#dbe4f0}.payment-list{display:grid}.payment-row{display:grid;grid-template-columns:1.45fr .75fr .75fr .75fr 1.65fr 250px;gap:18px;align-items:center;min-height:128px;border-top:1px solid rgba(148,163,184,.14);padding:20px 0}.payment-row:first-child{border-top:0}.payment-person{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center}.payment-person>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:950;color:#fff}.payment-person>span.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.payment-person>span.green{background:linear-gradient(135deg,#4ade80,#15803d)}.payment-person>span.amber{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.payment-person>span.red{background:linear-gradient(135deg,#f43f5e,#be123c)}.payment-person h3{margin:0 0 5px;font-size:18px}.payment-person b{display:block;color:#fbbf24;font-size:17px;margin-bottom:8px}.payment-person p{margin:5px 0 0;color:#dbe4f0;font-size:13px}.payment-person p i{color:#f8fafc;margin-right:8px}.payment-amount small,.payment-status small{display:block;color:#aebbd0;font-size:13px;margin-bottom:10px}.payment-amount b{font-size:22px}.payment-amount.received b{color:#4ade80}.payment-amount.pending b{color:#fb3768}.payment-status em{display:inline-flex;border-radius:7px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:950;margin-bottom:12px}.payment-status em.green{background:#15803d;color:#fff}.payment-status em.amber{background:#d97706;color:#fff}.payment-status em.red{background:#be123c;color:#fff}.payment-status b{display:block;margin-bottom:12px}.payment-status strong{display:flex;align-items:center;gap:8px;color:#f8fafc}.payment-status strong.danger{color:#fb3768}.payment-status strong i{color:#f8fafc}.payment-open{display:flex;align-items:center;justify-content:flex-end;gap:16px}.payment-open a{height:38px;min-width:190px;border-radius:8px;border:1px solid #f59e0b;color:#fbbf24;background:rgba(251,191,36,.03);display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:950}.payment-open>i{color:#fbbf24}.payment-file-form{margin-bottom:16px}.payment-file-form .payment-list-head button{height:38px;border:0;border-radius:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:950;padding:0 16px}
@media(max-width:1200px){.payment-stats{grid-template-columns:repeat(2,1fr)}.payment-row{grid-template-columns:1.4fr 1fr 1fr}.payment-status,.payment-open{grid-column:auto}.payment-open{justify-content:flex-start}.payment-open a{min-width:180px}}
@media(max-width:900px){.payment-hero,.payment-hero>div:last-child,.payment-list-head,.payment-list-head>div{flex-direction:column;align-items:stretch}.payment-hero button,.payment-add{justify-content:center}.payment-stats{grid-template-columns:1fr}.payment-list-head input{width:100%}.payment-row{grid-template-columns:1fr;gap:12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;margin-top:12px;padding:16px;background:rgba(15,23,42,.28)}.payment-row:first-child{border-top:1px solid rgba(148,163,184,.14)}.payment-open a{width:100%}.payment-open>i{display:none}.payment-amount,.payment-status{border-top:1px solid rgba(148,163,184,.12);padding-top:10px}}
@media(max-width:1200px){.net-front-card{grid-template-columns:1fr 1fr}.net-open-file{grid-column:1/-1}.net-top-grid.detail-only{grid-template-columns:1fr}}
@media(max-width:1200px){.subsidy-stats{grid-template-columns:repeat(3,1fr)}.subsidy-layout,.subsidy-detail-grid{grid-template-columns:1fr}.subsidy-row{grid-template-columns:1fr 1fr}.subsidy-doc-checks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.net-front-card{grid-template-columns:1fr;gap:14px}.net-front-main{grid-template-columns:48px 1fr}.net-front-icon{width:46px;height:46px}.net-front-progress b{justify-self:start;margin-top:0}.net-open-file{width:100%}.net-progress-change{grid-template-columns:1fr}.subsidy-hero,.subsidy-list-head,.subsidy-list-head>div{flex-direction:column;align-items:stretch}.subsidy-stats{grid-template-columns:1fr}.subsidy-row{grid-template-columns:1fr}.subsidy-list-head input{width:100%}.subsidy-doc-checks{grid-template-columns:1fr}.subsidy-flow.horizontal{overflow:auto}.subsidy-flow.horizontal div{min-width:110px}}

.customer-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 2px}.customer-tabs a{white-space:nowrap;min-height:36px;border-radius:999px;border:1px solid #263548;background:#0b1422;color:#cbd5e1;display:inline-flex;align-items:center;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none}.customer-tabs a.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#111827}
.company-brand-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:linear-gradient(135deg,rgba(15,30,48,.94),rgba(8,20,34,.94));padding:16px 18px;margin-bottom:16px}.company-brand-left{display:flex;align-items:center;gap:12px;min-width:0}.company-brand-logo{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#8b6b14);display:grid;place-items:center;color:#111827;overflow:hidden;flex-shrink:0}.company-brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.company-brand-left b{display:block;color:#f8fafc;font-size:18px}.company-brand-left small{display:block;color:#94a3b8;margin-top:4px}.company-brand-right{display:grid;gap:4px;justify-items:end;text-align:right;color:#cbd5e1;font-size:12px}

.settings-page{display:grid;gap:16px}.settings-page .headrow{align-items:flex-start}.settings-page .headrow p{margin:4px 0 0}.settings-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settings-summary-card{min-height:96px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:linear-gradient(135deg,rgba(15,30,48,.94),rgba(8,20,34,.94));padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between}.settings-summary-card small{color:#94a3b8;text-transform:uppercase;font-weight:800;font-size:11px}.settings-summary-card strong{font-size:28px;line-height:1;color:#fff}.settings-summary-card span{color:#cbd5e1;font-size:12px}.settings-menu{display:flex;gap:8px;overflow:auto;padding:6px 0 2px}.settings-menu a{white-space:nowrap;min-height:38px;border-radius:999px;border:1px solid rgba(251,191,36,.22);background:rgba(15,23,42,.58);color:#cbd5e1;display:inline-flex;align-items:center;padding:0 14px;font-weight:900;font-size:13px}.settings-menu a.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#111827}.settings-tab-shell{display:grid}.settings-card{border-color:#263548;background:linear-gradient(135deg,rgba(15,30,48,.94),rgba(8,20,34,.94));scroll-margin-top:18px}.settings-card h2{font-size:19px;margin:0}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-card-head p{margin:5px 0 0}.settings-card-head button{grid-column:auto;min-width:110px}.settings-compact-form .settings-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settings-compact-form .settings-form-grid .full{grid-column:1/-1}.settings-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.settings-role-grid span{display:flex;align-items:center;gap:9px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(15,23,42,.45);padding:12px;color:#dbe4f0;font-weight:850;justify-content:space-between}.settings-role-grid i{color:#fbbf24}.settings-role-grid b{margin-left:auto;color:#fff}.settings-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:9px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-weight:950;padding:0 14px}.settings-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-module-tile{display:flex;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(15,23,42,.45);padding:12px;color:#e2e8f0;font-weight:800}.settings-module-tile input{width:auto}.settings-accordion{border-top:1px solid rgba(148,163,184,.12)}.settings-accordion:first-of-type{border-top:0}.settings-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 0}.settings-accordion summary::-webkit-details-marker{display:none}.settings-accordion summary b{display:block;color:#fff;font-size:15px}.settings-accordion summary small{display:block;color:#94a3b8;margin-top:3px}.settings-accordion summary i{color:#94a3b8;transition:transform .18s ease}.settings-accordion[open] summary i{transform:rotate(180deg)}.settings-accordion-body{padding:0 0 14px}.settings-section-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.settings-table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(15,23,42,.32)}.settings-table{width:100%;border-collapse:collapse}.settings-table th,.settings-table td{padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.12);white-space:nowrap;font-size:13px;text-align:left}.settings-table th{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:900}.settings-table tr:last-child td{border-bottom:0}.settings-table-actions{display:flex;align-items:center;gap:8px}.settings-table-actions a,.settings-table-actions .ghost{min-height:30px;border-radius:7px;border:1px solid rgba(251,191,36,.2);background:rgba(251,191,36,.08);color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none}.settings-table-actions .danger{border-color:rgba(244,63,94,.25);background:rgba(244,63,94,.08);color:#fda4af}.settings-table-actions form{margin:0}.settings-state{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.settings-state.yes{background:rgba(34,197,94,.14);color:#86efac}.settings-state.no{background:rgba(244,63,94,.12);color:#fda4af}.settings-color-chip{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;font-weight:700}.settings-color-chip i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:inline-block}.settings-inline-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(15,23,42,.38);padding:12px;margin:12px 0}.settings-inline-form.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-inline-form button{grid-column:auto;height:40px}.settings-toggle{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(15,23,42,.45);padding:12px;color:#dbe4f0;font-weight:800}.settings-toggle input{width:auto}.settings-foot-note{margin-top:12px;color:#94a3b8;font-size:13px}.cache-refresh-card{border-color:rgba(251,191,36,.32);background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(15,23,42,.72))}.cache-refresh-card .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.cache-refresh-card .detail-actions a{min-height:38px;border-radius:9px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.08);color:#f8fafc;display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-weight:900}.cache-refresh-card .cache-clear-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#111827!important}.settings-modal{max-width:640px}.settings-modal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-modal-form button{grid-column:1/-1}.settings-modal-close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;font-weight:900;color:#fff;text-decoration:none}.settings-modal-close:hover{background:rgba(255,255,255,.1)}.settings-modal .settings-toggle{min-height:46px}
.settings-manager{display:grid;gap:12px}.settings-manager-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.settings-select-all{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:800}.settings-select-all input{width:auto}.settings-manager-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.settings-manager-filters input,.settings-manager-filters select{min-height:38px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.45);color:#e2e8f0;padding:0 12px;font-size:13px}.settings-manager-filters input{min-width:220px}.settings-bulk-bar{position:sticky;top:10px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid rgba(251,191,36,.22);border-radius:12px;background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(15,23,42,.92));padding:12px 14px}.settings-bulk-bar span{color:#fff;font-weight:900}.settings-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-bulk-actions button{min-height:34px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.55);color:#e2e8f0;padding:0 12px;font-weight:900}.settings-bulk-actions .danger{border-color:rgba(244,63,94,.25);background:rgba(244,63,94,.12);color:#fda4af}.settings-manager-table td:first-child,.settings-manager-table th:first-child{width:36px}.settings-manager-table input[type=checkbox]{width:auto}.settings-category-cell{display:flex;align-items:center;gap:10px}.settings-category-cell b{color:#fff;font-size:13px}.settings-subtext{font-size:12px;color:#94a3b8;margin-top:3px}.settings-confirm-backdrop[hidden]{display:none!important}.settings-confirm-card{max-width:420px;margin:10vh auto 0;display:grid;gap:14px}.settings-confirm-card h2{margin:0;font-size:22px}.settings-confirm-card p{margin:0;color:#cbd5e1;line-height:1.6}.settings-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.settings-confirm-actions button{min-height:38px;border-radius:9px;padding:0 14px;font-weight:900;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.55);color:#e2e8f0}.settings-confirm-actions .danger{border-color:rgba(244,63,94,.25);background:rgba(244,63,94,.12);color:#fda4af}
.settings-logo-preview{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(15,23,42,.34);margin-bottom:14px}.settings-logo-preview img{width:56px;height:56px;border-radius:12px;object-fit:cover}.settings-logo-preview b{display:block;color:#fff;font-size:16px}.settings-logo-preview span{display:block;color:#94a3b8;margin-top:4px;font-size:12px}
.auth-reset-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center}.auth-reset-wrap .login-card{width:min(460px,100%)}
.settings-reset-form{display:grid;grid-template-columns:minmax(130px,1fr) 110px auto;gap:8px;align-items:center;min-width:390px}.settings-reset-form input{min-height:32px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.55);color:#e2e8f0;padding:0 10px;font-size:12px}.settings-reset-form button{min-height:32px;border-radius:8px;border:1px solid rgba(251,191,36,.22);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;font-size:12px;font-weight:950;padding:0 12px}
@media(max-width:1100px){.settings-summary-grid,.settings-compact-form .settings-form-grid,.settings-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.settings-summary-grid,.settings-compact-form .settings-form-grid,.settings-role-grid,.settings-module-grid,.settings-inline-form,.settings-inline-form.compact,.settings-modal-form{grid-template-columns:1fr}.settings-inline-form button{grid-column:1}.settings-menu{padding-bottom:8px}.settings-card-head,.settings-manager-toolbar,.settings-bulk-bar{flex-direction:column;align-items:stretch}.settings-card-head button,.settings-action-link{width:100%}.settings-table th,.settings-table td{white-space:normal}.settings-reset-form{grid-template-columns:1fr;min-width:0}.settings-manager-filters{display:grid;grid-template-columns:1fr}.settings-manager-filters input{min-width:0}.settings-bulk-actions{display:grid;grid-template-columns:1fr 1fr}.side{max-height:none}.top{padding:14px 16px}.company-brand-strip{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.company-brand-right{text-align:left;justify-items:start}}
.install-material-row select{height:30px;border-radius:7px;border:1px solid #24364d;background:#0b1422;color:#f8fafc;padding:0 10px;font-weight:800;text-align:right}