.contracts-log-page .main{gap:14px}.contracts-log-page .topbar{background:linear-gradient(#fffffffa,#f8fbfaf2);border-color:#d8e2dceb;min-height:58px;padding:10px 14px;box-shadow:0 16px 34px #061b3412}.contracts-log-page .topbar .search-box{background:#f7faf8;border-color:#d8e2dc;max-width:500px;height:36px;box-shadow:inset 0 1px #ffffffb8}.contracts-log-page .topbar .top-actions{flex-direction:row-reverse}.contracts-log-page .topbar .user,.contracts-log-page .topbar .icon-btn{background:#f9fbfa;border-color:#d8e2dc;box-shadow:0 8px 18px #061b340d}.contracts-log-page .topbar .live{background:#6b8f23;box-shadow:0 8px 18px #6b8f232e}.contracts-log-page .contracts-log-hero{background:linear-gradient(135deg,#061b34fa,#082746f2 58%,#0b3658eb),linear-gradient(90deg,#6b8f2329,#0000);border:1px solid #0e2b4924;justify-content:space-between;align-items:center;gap:18px;min-height:118px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #061b341f}.contracts-log-page .contracts-log-hero:before{content:"";pointer-events:none;background:linear-gradient(118deg,#0000 0 57%,#ffffff14 57.2% 58.2%,#0000 58.4%),linear-gradient(118deg,#0000 0 72%,#6b8f232e 72.2% 73.1%,#0000 73.4%);position:absolute;inset:0}.contracts-log-page .contracts-log-hero>*{z-index:1;position:relative}.contracts-log-page .contracts-log-hero .page-badge{color:#eaf4dc;background:#ffffff14;border-color:#ffffff2e}.contracts-log-page .contracts-log-hero h1{color:#fff;margin:8px 0 6px;font-size:28px;line-height:1.25}.contracts-log-page .contracts-log-hero p{color:#ffffffd1;max-width:720px;margin:0;font-size:13px;line-height:1.8}.contracts-log-hero{border-radius:12px;min-height:92px;padding:14px 20px}.contracts-log-hero h1{margin-bottom:4px;font-size:22px}.contracts-log-hero p{margin-top:4px;line-height:1.5}.contracts-log-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.contracts-log-page .contracts-log-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.contracts-log-page .access-stats.modern{gap:8px}.contracts-log-toolbar{grid-template-columns:minmax(280px,1fr) 170px 170px auto;align-items:center;gap:8px;display:grid}.contracts-log-search{color:#405265;background:#f7faf8;border:1px solid #d8e2dc;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:0 11px;display:flex}.contracts-log-search input,.contracts-log-toolbar select,.transport-contract-form input,.transport-contract-form select,.transport-contract-form textarea{color:#061b34;width:100%;font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:11px}.transport-contract-number-field{color:#6f7682;text-align:center;direction:ltr;font-weight:800;background:#f3f5f7!important}.contracts-log-search input{background:0 0;border:0;outline:0}.contracts-log-table{flex-direction:column;gap:8px;display:flex}.contracts-log-row{background:#f7faf8;border:1px solid #0000;border-radius:12px;grid-template-columns:120px 1fr 1.05fr 1.05fr 110px 110px 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.contracts-log-head{color:#fff;background:linear-gradient(135deg,#061b34,#092642);font-weight:800}.contracts-log-row strong{color:#061b34;overflow-wrap:anywhere}.contracts-log-row strong.type-transport{color:#8a5a00}.contracts-log-row strong.type-station{color:#0b4f8a}.contracts-log-head span,.contracts-log-head strong{color:#fff}.contracts-log-row span{color:#405265;overflow-wrap:anywhere;font-size:12px}.contracts-log-row em{border-radius:999px;justify-self:start;padding:6px 9px;font-size:12px;font-style:normal;font-weight:800}.status-draft{color:#8a5a00;background:#fff5d6}.status-approved{color:#4f741c;background:#eaf4dc}.status-review{color:#0b4f8a;background:#e9f2ff}.status-blocked{color:#b42318;background:#ffe9e9}.contracts-log-page .transport-preview-card{background:#f9fbfa;border:1px solid #d8e2dc;border-radius:14px;padding:16px}.contracts-log-page .transport-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contracts-log-page .transport-preview-grid div{background:#fff;border:1px solid #dce6e1;border-radius:12px;padding:10px 12px}.contracts-log-page .transport-preview-grid span{color:#52647c;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.contracts-log-page .transport-preview-grid strong{color:#061b34;overflow-wrap:anywhere;font-size:13px}.najiz-contracts-page .contracts-log-hero{padding-top:34px;padding-bottom:30px}.najiz-contracts-page .contracts-log-hero h1{color:#fff}.najiz-contracts-page .contracts-log-hero p{color:#ffffffe0;max-width:980px}.najiz-contracts-page .contracts-log-stats{margin-top:14px}.najiz-contracts-page .contracts-log-toolbar{grid-template-columns:minmax(0,1fr) 210px}.najiz-contracts-page .najiz-contracts-panel{padding-top:14px}.najiz-contracts-page .najiz-contracts-row{grid-template-columns:120px 170px 1.1fr 1.1fr 140px 120px 90px}.najiz-contracts-page .najiz-contracts-row.najiz-contracts-row{min-height:72px}.najiz-contracts-page .najiz-contracts-table .contracts-log-head{font-size:12px}.najiz-contracts-page .najiz-contracts-table .contracts-log-row strong,.najiz-contracts-page .najiz-contracts-table .contracts-log-row span,.najiz-contracts-page .najiz-contracts-table .contracts-log-row em{color:#061b34}.najiz-contracts-page .najiz-contracts-table .contracts-log-row strong{font-size:14px}.najiz-contracts-page .najiz-contracts-table .contracts-log-row span{font-size:13px}.najiz-contracts-page .icon-btn{min-width:40px}.najiz-contracts-page .contracts-log-preview-modal{width:min(1600px,100vw - 12px);max-width:1600px;height:min(95vh,1020px);max-height:95vh;padding:16px}.najiz-contracts-page .contracts-log-contract-preview{height:calc(95vh - 168px)}.contracts-log-preview-modal{width:min(1600px,100vw - 12px);max-width:1600px;height:min(95vh,1020px);max-height:95vh;padding:16px}.contracts-log-preview-modal .contracts-log-contract-preview{height:calc(95vh - 168px);max-height:none}.contracts-log-preview-modal .contract-document-preview{width:100%;max-width:none}.contracts-log-preview-modal .albuhaira-contract-document{width:100%;max-width:100%}.contracts-log-preview-modal .albuhaira-contract-page{width:min(100%,860px)}.contracts-log-page .access-stat{background:#fff;border:1px solid #e7ece9;border-radius:14px;min-height:68px;padding:12px 14px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000000d}.contracts-log-page .access-stat:before{content:"";inset-inline-end:-22px;background:#f1f4e3f2;border-radius:999px;width:78px;height:78px;position:absolute;top:-22px}.contracts-log-page .access-stat span{z-index:1;color:#0d2a4f;margin-bottom:6px;font-size:11px;font-weight:800;display:block;position:relative}.contracts-log-page .access-stat strong{z-index:1;color:#061b34;font-size:22px;line-height:1;display:block;position:relative}.contracts-log-page .access-stat small{display:none}.contracts-log-actions,.transport-contract-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.contracts-log-actions a{text-decoration:none}.contracts-log-actions .ghost-light-btn,.transport-contract-actions .ghost-light-btn{min-height:34px}.contracts-log-actions .danger-action{color:#b42318;background:#fff7f7;border-color:#ffd2d2}.contracts-log-preview dl{grid-template-columns:120px 1fr;gap:10px;margin:0 0 16px;display:grid}.contracts-log-preview dt{color:#405265;font-weight:800}.contracts-log-preview dd{color:#061b34;margin:0}.contracts-log-preview{width:min(1180px,94vw);max-width:1180px;max-height:92vh;overflow:auto}.contracts-log-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.contracts-log-preview-meta span,.contracts-log-preview-meta em{color:#061b34;background:#f7faf8;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800}.contracts-log-contract-preview{background:#eef3f1;border:1px solid #d8e2dc;border-radius:14px;max-height:68vh;margin-top:14px;padding:16px;overflow:auto}.contracts-log-contract-preview .contract-document-preview{transform-origin:top}.transport-contract-row{grid-template-columns:.95fr 1.2fr .9fr .7fr .65fr .65fr 1fr}.contracts-log-table .transport-contract-row:not(.contracts-log-head){cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.contracts-log-table .transport-contract-row:not(.contracts-log-head):hover{border-color:#c9d8e4;transform:translateY(-1px);box-shadow:0 12px 28px #061b3414}.contracts-log-table .transport-contract-row:not(.contracts-log-head):focus-visible{outline-offset:2px;outline:2px solid #6b8f23}.transport-contract-row .contracts-log-actions{cursor:default}.transport-contract-builder-page{flex-direction:column;gap:12px;display:flex}.transport-contract-builder-head{background:linear-gradient(#fff,#f8fbfa),linear-gradient(90deg,#6b8f231f,#0000);border:1px solid #d8e2dc;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 16px 38px #061b3414}.transport-contract-builder-head h2{color:#061b34;margin:5px 0;font-size:24px;line-height:1.25}.transport-contract-builder-head p{color:#52647c;margin:0;font-size:13px;line-height:1.7}.transport-contract-builder-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.transport-contract-form-panel,.transport-builder-preview-panel{min-width:0}.transport-contract-form-panel{background:linear-gradient(#fff 0%,#f8fbfa 100%);border:1px solid #d7e0db;max-height:calc(100vh - 190px);overflow:auto;box-shadow:0 18px 42px #061b3414}.transport-builder-preview-panel{max-height:calc(100vh - 190px);position:sticky;top:14px;overflow:hidden}.transport-builder-preview{background:#eef3f1;border:1px solid #d8e2dc;border-radius:12px;max-height:calc(100vh - 270px);padding:14px;overflow:auto}.transport-builder-preview .albuhaira-contract-page{width:min(100%,620px)}.transport-contract-details-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.transport-details-panel{background:linear-gradient(#fff 0%,#f8fbfa 100%);border:1px solid #d7e0db;box-shadow:0 18px 42px #061b3414}.transport-details-panel .panel-head em{border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:800}.transport-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.transport-detail-item{background:#f9fbfa;border:1px solid #d8e2dc;border-radius:12px;min-width:0;padding:12px}.transport-detail-item-wide{grid-column:1/-1}.transport-detail-item span{color:#52647c;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.transport-detail-item strong{color:#061b34;overflow-wrap:anywhere;font-size:13px;line-height:1.7;display:block}.transport-contract-modal{max-width:880px}.transport-contract-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding-top:8px;display:grid}.transport-contract-form label{color:#0b1c33;background:#fff;border:1px solid #dce6e1;border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:12px 12px 10px;font-size:13px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffffbf}.transport-contract-notes,.transport-contract-actions,.transport-first-party-toggle,.transport-first-party-fields,.transport-promissory-toggle,.transport-promissory-fields{grid-column:1/-1}.transport-first-party-toggle,.transport-promissory-toggle{justify-content:flex-start;display:flex}.transport-promissory-fields{background:#f9fbfa;border:1px solid #d8e2dc;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;display:grid}.transport-promissory-fields label:nth-child(8){grid-column:1/-1}.transport-fuel-fields{background:#f9fbfa;border:1px solid #d8e2dc;border-radius:12px;flex-direction:column;grid-column:1/-1;gap:10px;padding:12px;display:flex}.transport-fuel-fields>span{color:#061b34;font-size:13px;font-weight:800}.transport-fuel-options{flex-flow:wrap;gap:10px;display:flex}.transport-fuel-option{cursor:pointer;color:#223;background:#fff;border:1px solid #d8e2dc;border-radius:10px;flex:170px;align-items:center;gap:8px;max-width:240px;min-height:44px;padding:10px 14px;font-size:13px;display:flex}.transport-fuel-option input{margin:0}.transport-date-widget{background:#f9fbfa;border:1px solid #d8e2dc;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.transport-date-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.transport-date-widget-title{color:#0b1c33;text-align:right;font-size:13px;font-weight:800}.transport-date-input{color:#0b1c33;width:100%;height:52px;font:inherit;direction:ltr;padding:0 14px;font-weight:800;background:#fff!important;border:2px solid #1d1d1d!important;border-radius:12px!important}.transport-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.transport-first-party-fields{background:#f9fbfa;border:1px solid #d8e2dc;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;display:grid}.transport-contract-actions{justify-content:flex-start}.transport-template-modal{width:min(960px,94vw);max-width:960px;max-height:92vh;overflow:auto}.transport-template-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.transport-template-actions strong{color:#061b34}.albuhaira-contract-document{flex-direction:column;gap:18px;display:flex}.albuhaira-contract-page{aspect-ratio:1241/1754;background:#fff;width:min(100%,794px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 44px #061b342e}.albuhaira-contract-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.albuhaira-contract-content{color:#172b49;font-family:Segoe UI,Tahoma,Arial,sans-serif;position:absolute;inset:24% 8% 10%}.albuhaira-contract-content--text{text-align:justify;text-align-last:right;font-size:11.5px;line-height:1.9;inset:20% 9% 9.8%}.albuhaira-contract-content h2{text-align:center;color:#1d3760;margin:0 0 18px;font-size:28px}.albuhaira-contract-content--text h2{color:#18345b;background:linear-gradient(135deg,#2c548f29,#223c6721,#467aca1f);border-radius:7px;width:fit-content;margin:0 auto 12px;padding:6px 18px;font-size:18px;line-height:1.35}.albuhaira-contract-number{text-align:center;text-align-last:center;color:#52647c;width:100%;margin:0 0 14px;font-size:11.5px;font-weight:800;display:block}.albuhaira-party-block{break-inside:avoid;page-break-inside:avoid;background:0 0;border:0;flex-direction:column;gap:9px;margin:18px 0;padding:0;display:flex}.albuhaira-party-block p{color:#243b5a;text-align:justify;text-align-last:right;margin:0;font-size:11.5px;line-height:1.9}.albuhaira-contract-grid{background:#ffffffe0;border:1px solid #cbd7e8;grid-template-columns:115px 1fr 115px 1fr;align-items:center;gap:8px;padding:14px;display:grid}.albuhaira-contract-grid span{color:#52647c;font-size:12px;font-weight:800}.albuhaira-contract-grid strong{color:#132944;overflow-wrap:anywhere;font-size:13px}.albuhaira-contract-clause{break-inside:avoid;page-break-inside:avoid;background:0 0;border:0;margin-top:16px;padding:0}.albuhaira-contract-clause h3{color:#1d3760;background:linear-gradient(135deg,#2c548f29,#223c6721,#467aca1f);border-radius:6px;width:fit-content;margin:0 0 9px auto;padding:4px 12px;font-size:13px;line-height:1.35}.albuhaira-contract-clause p{color:#243b5a;text-align:justify;text-align-last:right;margin:0;font-size:11.5px;line-height:1.9}.albuhaira-contract-clause p>span{margin-top:8px;display:block}.albuhaira-contract-signatures{break-inside:avoid;page-break-inside:avoid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.albuhaira-contract-signatures div{background:0 0;border:0;min-height:110px;padding:0}.albuhaira-contract-signatures span,.albuhaira-contract-signatures strong,.albuhaira-contract-signatures b{color:#172b49;display:block}.albuhaira-contract-signatures span{color:#52647c;font-size:12px}.albuhaira-contract-signatures strong{margin-top:8px;font-size:14px}.albuhaira-contract-signatures b{margin-top:28px;font-size:12px}.albuhaira-page-no{color:#6c737f;font-size:14px;position:absolute;bottom:3.2%;right:4.2%}.albuhaira-promissory-note{color:#172b49;text-align:right;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:13.5px;line-height:1.55;inset:17% 8.5% 8%}.albuhaira-promissory-note h2{text-align:center;color:#18345b;margin:0 0 16px;font-size:24px;line-height:1.35}.albuhaira-promissory-no{text-align:center;color:#243b5a;margin:0 0 10px;font-weight:700}.albuhaira-promissory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;margin:8px 0 10px;display:grid}.albuhaira-promissory-field{color:#243b5a;grid-template-columns:max-content minmax(95px,1fr);align-items:baseline;gap:8px;padding:.12rem 0;display:grid}.albuhaira-promissory-field--wide{grid-column:1/-1}.albuhaira-promissory-label{color:#52647c;font-weight:700}.albuhaira-promissory-value{color:#061b34;border-bottom:1px solid #52647ca6;min-height:18px;font-size:12.5px;font-weight:700}.albuhaira-promissory-value--plain{border-bottom:0}.albuhaira-promissory-note p{color:#243b5a;text-align:justify;text-align-last:right;margin:8px 0}.albuhaira-promissory-line{flex-wrap:wrap;align-items:baseline;gap:6px 13px;margin:4px 0;display:flex}.albuhaira-promissory-line strong,.albuhaira-promissory-signature strong{color:#061b34;font-size:12.5px;font-weight:700}.albuhaira-promissory-blank{border-bottom:1px solid #52647c;min-width:145px;display:inline-block;transform:translateY(4px)}.albuhaira-promissory-signature{text-align:right;flex-direction:column;align-items:flex-start;width:48%;margin:20px 0 0 auto;line-height:1.55;display:flex}.albuhaira-promissory-signature-space{border-bottom:1px solid #52647c;width:100%;height:46px;margin-top:4px;display:block}.albuhaira-promissory-legal{color:#243b5a;font-size:10.5px;line-height:1.45;margin-top:14px!important}@media (width<=980px){.contracts-log-stats,.contracts-log-toolbar,.transport-contract-builder-head,.transport-contract-builder-layout,.transport-contract-details-layout{grid-template-columns:1fr}.transport-contract-builder-head{flex-direction:column;align-items:flex-start}.transport-contracts-hero{flex-direction:column;align-items:flex-start;min-height:0}.transport-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:none}.transport-contract-form-panel,.transport-builder-preview-panel{max-height:none;position:static}.contracts-log-row,.transport-contract-row{grid-template-columns:1fr}.contracts-log-head{display:none}.transport-contract-form,.transport-first-party-fields,.transport-promissory-fields{grid-template-columns:1fr}.transport-fuel-options{gap:8px}.transport-fuel-option{flex:100%;max-width:none}.transport-date-widget-title{text-align:right}.transport-date-row,.transport-details-grid,.contracts-log-page .transport-preview-grid{grid-template-columns:1fr}}@media print{body.contracts-log-printing *{visibility:hidden!important}body.contracts-log-printing .contracts-log-print-area,body.contracts-log-printing .contracts-log-print-area *{visibility:visible!important}body.contracts-log-printing .contracts-log-print-area{width:100%!important;box-shadow:none!important;border:0!important;position:absolute!important;inset:0!important}body.contracts-log-printing .contracts-log-actions{display:none!important}body.contracts-log-printing .contracts-log-row{break-inside:avoid;border:1px solid #d8e2dc}body.contract-print-mode .access-modal-backdrop,body.contract-print-mode .access-modal,body.contract-print-mode .contracts-log-preview,body.contract-print-mode .contracts-log-contract-preview{width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}body.contract-print-mode .contracts-log-preview>.access-modal-head,body.contract-print-mode .contracts-log-preview>.contracts-log-preview-meta,body.contract-print-mode .contracts-log-preview>.primary-btn{display:none!important}body.transport-template-print-mode *{visibility:hidden!important}body.transport-template-print-mode .albuhaira-contract-document,body.transport-template-print-mode .albuhaira-contract-document *{visibility:visible!important}body.transport-template-print-mode .access-modal-backdrop,body.transport-template-print-mode .transport-template-modal,body.transport-template-print-mode .transport-contract-builder-page,body.transport-template-print-mode .transport-builder-preview-panel,body.transport-template-print-mode .transport-builder-preview{width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}body.transport-template-print-mode .contracts-log-page,body.transport-template-print-mode .contracts-log-page .main,body.transport-template-print-mode .access-modal-backdrop,body.transport-template-print-mode .transport-template-modal,body.transport-template-print-mode .transport-contract-builder-page,body.transport-template-print-mode .transport-builder-preview-panel,body.transport-template-print-mode .transport-builder-preview{height:0!important;min-height:0!important}body.transport-template-print-mode .albuhaira-contract-document{background:#fff!important;gap:0!important;width:210mm!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0 auto auto 0!important}body.transport-template-print-mode .albuhaira-contract-page{page-break-after:always;break-after:page;width:210mm!important;max-width:none!important;height:297mm!important;box-shadow:none!important;margin:0!important;display:block!important;position:static!important}body.transport-template-print-mode .albuhaira-contract-page:last-child{page-break-after:auto;break-after:auto}}*{box-sizing:border-box}body{color:#061b34;background:#f4f7f6;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:14px;overflow:hidden}html{scroll-behavior:smooth}:root{--sidebar-bg:#061b34}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:#dbe7e2;flex-direction:column;gap:10px;width:270px;height:100vh;padding:14px;transition:width .25s,box-shadow .25s;display:flex}.sidebar.collapsed{width:80px}.sidebar.expanded{width:270px;box-shadow:10px 0 24px #020b1459}.sidebar-topbar{justify-content:flex-end;gap:8px;display:flex}.sidebar-pin{color:#dbe7e2;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:9px;align-items:center;gap:6px;padding:5px 7px;display:inline-flex}.sidebar-pin.active{color:#fff;background:#6b8e23}.sidebar-home{z-index:2;background:0 0;border:1px solid #ffffff24;border-radius:10px;padding:4px;position:sticky;top:0}.brand img{width:195px;height:auto;image-rendering:-webkit-optimize-contrast;margin:auto;display:block;transform:translateZ(0)}.sidebar.collapsed .brand img{width:72px;height:auto}.sidebar.collapsed .brand{justify-content:center;display:flex}.sidebar.collapsed .sidebar-topbar{justify-content:center}.sidebar .brand img{filter:drop-shadow(0 1px 3px #0000002e)}.nav-link{color:#dbe7e2;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.nav-link.active,.nav-link:hover{color:#fff;background:#76972d3d;border-color:#ffffff24}.nav-group{background:#ffffff05;border:1px solid #ffffff1f;border-radius:9px;margin-bottom:8px;padding:2px}.nav-group-toggle{color:#dbe7e2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.nav-group-toggle:hover,.nav-group-toggle.active{color:#fff;background:#76972d3d;border-color:#ffffff24}.nav-group-main{align-items:center;gap:10px;display:flex}.nav-group-arrow{transition:transform .2s}.nav-group.open .nav-group-arrow{transform:rotate(180deg)}.sub-nav{opacity:0;border-right:1px dashed #fff3;flex-direction:column;gap:5px;max-height:0;margin-top:0;padding-right:10px;transition:max-height .28s,opacity .2s,transform .2s,margin-top .2s;display:flex;overflow:hidden;transform:translateY(-4px)}.sub-nav.open{opacity:1;max-height:260px;margin-top:6px;transform:translateY(0)}.sub-nav-link{color:#bfd1c8;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.sub-nav-link.active,.sub-nav-link:hover{color:#fff;background:#76972d33}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;margin-top:auto;padding-top:6px;display:flex}.sidebar-nav{scrollbar-width:none;scroll-behavior:smooth;flex:1;padding-left:2px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0}.sidebar-footer button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff29;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;padding:9px;font-weight:700;display:flex}.sidebar.collapsed .sidebar-footer button,.sidebar.collapsed .sidebar-external-link{justify-content:center;padding:8px}.sidebar-external-link{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff29;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;padding:9px;font-weight:700;text-decoration:none;display:flex}.sidebar-footer button:hover,.sidebar-external-link:hover{background:#6b8e2338;border-color:#6b8e23d9;transform:translateY(-1px);box-shadow:0 8px 16px #00000029}.logout{color:#ffb4b4!important}.main{flex:1;height:100vh;padding:18px;overflow:hidden auto}.topbar{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffffeb;border:1px solid #dfe7e3;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 8px 18px #061b340f}.search-box{background:#f2f6f4;border:1px solid #dce7e1;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:240px;max-width:480px;padding:8px 12px;display:flex}.search-box input{color:#263a4f;background:0 0;border:0;outline:0;width:100%;font-size:12px}.top-actions{align-items:center;gap:8px;display:flex}.live{color:#fff;letter-spacing:.2px;background:#6b8e23;border-radius:50px;padding:5px 10px;font-size:11px;font-weight:800}.icon-btn{color:#061b34;background:#f2f6f4;border:1px solid #dce7e1;border-radius:9px;padding:7px}.user{align-items:center;gap:7px;display:flex}.profile-link{color:#061b34;background:#f9fcfb;border:1px solid #dce7e1;border-radius:9px;padding:7px 9px;font-size:12px;font-weight:700;text-decoration:none}.search-box svg{color:#5f7386}.search-box input::placeholder{color:#6f8190}.hero{background:var(--sidebar-bg);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin-top:18px;padding:22px;display:flex}.hero h1{margin:0;font-size:25px}.hero p{color:#dbe7e2;max-width:640px;font-size:13px;line-height:1.8}.hero button{color:#fff;background:#6b8e23;border:0;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.stat-card{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:16px;box-shadow:0 10px 25px #0000000f}.stat-card p{color:#667;margin:0;font-size:13px}.stat-card h2{color:#061b34;margin:8px 0;font-size:26px}.stat-card span{color:#6b8e23;font-size:12px;font-weight:700}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:14px;margin-top:18px;display:grid}.dashboard-grid.small{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:17px;box-shadow:0 10px 25px #0000000f}.panel h3{margin-top:0;font-size:17px}.fake-map{background:radial-gradient(circle,#6b8e2338,#0000 20%),linear-gradient(135deg,#061b34,#0b2f56);border-radius:14px;height:260px;position:relative;overflow:hidden}.pin{background:#6b8e23;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 6px #6b8e2338}.pin.warn{background:#f6b93b}.pin.danger{background:#e74c3c}.table{flex-direction:column;gap:9px;display:flex}.table-row{background:#f4f7f6;border-radius:10px;grid-template-columns:1fr 2fr 1fr;padding:11px;display:grid}.table-row em{color:#6b8e23;font-style:normal;font-weight:700}.progress-circle{color:#061b34;background:radial-gradient(circle, white 55%, transparent 56%), conic-gradient(#6b8e23 92%, #e8eee9 0);border-radius:50%;place-items:center;width:125px;height:125px;margin:20px auto;font-size:27px;font-weight:700;display:grid}.dashboard-main{background:linear-gradient(#f5f9f7f5,#f8fbfa),radial-gradient(circle at 50% 0,#18a6a724,#0000 34%)}.dashboard-hero{background:linear-gradient(135deg,#061b34fa,#0c4054f0),radial-gradient(circle at 16% 20%,#6b8e2347,#0000 32%)}.dashboard-hero h1{font-weight:900}.dashboard-hero button{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.dashboard-control-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.42fr);align-items:start;gap:14px;margin-top:14px;display:grid}.dashboard-control-main{gap:14px;display:grid}.dashboard-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-metric{background:linear-gradient(145deg,#fff,#f8fbfa),radial-gradient(circle at 12% 16%,#6b8e231f,#0000 34%);border:1px solid #dfe8e3;border-radius:14px;min-height:122px;padding:14px;position:relative;overflow:hidden;box-shadow:0 10px 25px #061b340e}.dashboard-metric:after{content:"";inset-inline-start:-26px;background:#6b8e2314;border-radius:999px;width:110px;height:110px;position:absolute;bottom:-34px}.dashboard-metric svg{color:#6b8e23;background:#edf5e8;border-radius:11px;width:38px;height:38px;padding:8px}.dashboard-metric.cyan svg,.dashboard-metric.cyan:after{color:#0d7280;background:#0d72801a}.dashboard-metric.blue svg,.dashboard-metric.blue:after{color:#0b4c7a;background:#0b4c7a1a}.dashboard-metric span,.dashboard-metric strong,.dashboard-metric small{z-index:1;display:block;position:relative}.dashboard-metric span{color:#667;margin-top:11px;font-size:12px;font-weight:900}.dashboard-metric strong{color:#061b34;margin-top:5px;font-size:28px;line-height:1}.dashboard-metric small{color:#6b8e23;margin-top:9px;font-size:11px;font-weight:900}.dashboard-performance-grid{grid-template-columns:minmax(0,1fr) 230px;gap:14px;display:grid}.dashboard-modern-panel{background:#fffffff0;border:1px solid #dfe8e3;border-radius:16px;padding:15px;box-shadow:0 12px 28px #061b3412}.dashboard-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dashboard-panel-head span{color:#6b8e23;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.dashboard-panel-head h3{color:#061b34;margin:4px 0 0;font-size:17px}.dashboard-panel-head svg{color:#6b8e23;background:#eef5e8;border-radius:11px;width:38px;height:38px;padding:8px}.performance-panel{overflow:hidden}.dashboard-score-card{background:radial-gradient(circle at 50% 35%,#6b8e2329,#0000 40%),linear-gradient(145deg,#fff,#f7faf8);border:1px solid #dfe8e3;border-radius:16px;place-items:center;min-height:272px;padding:16px;display:grid;position:relative;box-shadow:0 12px 28px #061b3412}.dashboard-score-card>div:last-child{place-items:center;gap:5px;display:grid;position:absolute}.dashboard-score-card strong{color:#061b34;font-size:36px;line-height:1}.dashboard-score-card span{color:#667;font-size:12px;font-weight:900}.dashboard-performance-list{gap:9px;display:grid}.dashboard-performance-list>div{background:#f9fbfa;border:1px solid #e2eae5;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.dashboard-performance-list strong,.dashboard-performance-list small{display:block}.dashboard-performance-list strong{color:#061b34;font-size:13px}.dashboard-performance-list small{color:#667;margin-top:3px;font-size:11px;font-weight:800}.dashboard-performance-list b{color:#4f741c;text-align:center;background:#eaf4dc;border-radius:999px;min-width:54px;padding:7px 10px;font-size:12px}.dashboard-map-side{position:sticky;top:18px}.live-map-canvas{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at var(--focus-x,54%) var(--focus-y,48%), #6b8e2342, transparent 28%), linear-gradient(135deg, #061b34, #0d4154 54%, #07131f);background-size:28px 28px,28px 28px,auto,auto;border-radius:16px;height:485px;position:relative;overflow:hidden}.radar-map-canvas{isolation:isolate;background:linear-gradient(#8eced80e 1px, transparent 1px), linear-gradient(90deg, #8eced80e 1px, transparent 1px), radial-gradient(circle at var(--radar-x) var(--radar-y), #d9f99d38 0 1px, transparent 2px), radial-gradient(circle at var(--radar-x) var(--radar-y), #5eead429, transparent 36%), linear-gradient(145deg, #061b34, #0b3a49 48%, #05131f);background-size:26px 26px,26px 26px,auto,auto,auto}.radar-map-canvas:before,.radar-map-canvas:after{content:"";pointer-events:none;position:absolute;inset:0}.radar-map-canvas:before{transform-origin:var(--radar-x) var(--radar-y);opacity:.42;background:linear-gradient(90deg,#0000 49.8%,#d9f99d24 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#d9f99d24 50%,#0000 50.2%)}.radar-map-canvas:after{z-index:5;background:radial-gradient(circle,#0000 64%,#05131f8f)}.radar-zoom-layer{z-index:1;position:absolute;inset:0}.saudi-map-model{z-index:1;opacity:.92;filter:drop-shadow(0 22px 42px #00000047)drop-shadow(0 0 28px #d9f99d2e);pointer-events:none;width:min(96%,470px);height:min(88%,420px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saudi-map-model img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.radar-rings{left:var(--radar-x);top:var(--radar-y);z-index:2;filter:drop-shadow(0 0 22px #5eead429);background:radial-gradient(circle,#0000 0 23%,#d9f99d33 23.4% 23.8%,#0000 24.2% 45%,#d9f99d29 45.4% 45.8%,#0000 46.2% 68%,#d9f99d1f 68.4% 68.8%,#0000 69.2%),radial-gradient(circle,#d9f99d2e,#0000 12%);border-radius:999px;width:420px;height:420px;margin:-210px 0 0 -210px;animation:3.2s ease-in-out infinite radarPulse;position:absolute}.radar-sweep{left:var(--radar-x);top:var(--radar-y);z-index:4;mix-blend-mode:screen;transform-origin:50%;background:conic-gradient(from -16deg,#d9f99d80,#5eead438 9%,#0000 22%,#0000);border-radius:999px;width:520px;height:520px;margin:-260px 0 0 -260px;animation:4.8s linear infinite radarSweep;position:absolute}.map-orbit{left:var(--orbit-x);top:var(--orbit-y);z-index:3;border:1px solid #e6f4da47;border-radius:999px;width:210px;height:210px;margin:-105px 0 0 -105px;animation:10s linear infinite mapOrbit;position:absolute}.map-orbit:before{content:"";background:#d9f99d;border-radius:999px;width:12px;height:12px;position:absolute;top:-6px;left:50%;box-shadow:0 0 22px #d9f99dd9}.map-scan{z-index:1;background:conic-gradient(#0000,#6b8e2314,#0000 17%);animation:12s linear infinite mapScan;position:absolute;inset:-40%}.radar-station-target{z-index:6;min-width:88px;color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:4px;padding:0;animation:3.4s ease-in-out infinite radarTargetFloat;display:grid;position:absolute;transform:translate(-50%,-50%)}.live-station-pin{background:#ffffff29;border:0;border-radius:999px;place-items:center;width:17px;height:17px;margin:0;animation:2.8s ease-in-out infinite livePinPulse;display:grid;position:relative}.live-station-pin span{background:#d9f99d;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 7px #d9f99d24,0 0 24px #d9f99dbf}.radar-station-target.petro .live-station-pin span{background:#5eead4;box-shadow:0 0 0 7px #5eead424,0 0 24px #5eead4b8}.radar-station-label{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fff;text-align:right;max-width:72px;transform:translateY(var(--label-offset,0));background:#061b3485;border:1px solid #d9f99d2e;border-radius:7px;padding:3px 5px;box-shadow:0 8px 16px #0000002e}.radar-station-label strong,.radar-station-label span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.radar-station-label strong{font-size:9px;line-height:1.2}.radar-station-label span{color:#d9f99d;margin-top:1px;font-size:8px;font-weight:900}.map-live-caption{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#061b34b8;border:1px solid #ffffff29;border-radius:12px;min-width:132px;padding:10px 12px;position:absolute;bottom:14px;right:14px}.map-live-caption strong,.map-live-caption span{display:block}.map-live-caption strong{font-size:24px}.map-live-caption span{color:#dce8df;font-size:11px;font-weight:900}.dashboard-map-list{gap:8px;margin-top:10px;display:grid}.dashboard-map-list div{background:#f9fbfa;border:1px solid #e2eae5;border-radius:10px;padding:9px}.dashboard-map-list strong,.dashboard-map-list span{display:block}.dashboard-map-list strong{color:#061b34;font-size:12px}.dashboard-map-list span{color:#667;margin-top:3px;font-size:11px;font-weight:800}@keyframes mapOrbit{to{transform:rotate(360deg)}}@keyframes mapScan{to{transform:rotate(360deg)}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes radarPulse{0%,to{opacity:.78;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes radarTargetFloat{0%,to{translate:0}50%{translate:0 -3px}}@keyframes livePinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.login-page{background:radial-gradient(circle at top,#6b8e2359,#0000 35%),linear-gradient(135deg,#061b34,#03111f);place-items:center;min-height:100vh;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;width:360px;padding:26px}.login-card img{width:145px}.login-card h1{font-size:23px}.login-card input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:11px;outline:none;width:100%;margin-top:12px;padding:12px}.login-card button{color:#fff;background:#6b8e23;border:0;border-radius:11px;width:100%;margin-top:15px;padding:12px;font-weight:700}.auth-link{color:#dbe7e2;margin-top:14px;font-weight:700;text-decoration:none;display:inline-flex}.form-error{color:#ffb4b4;margin:10px 0 0;font-size:13px;line-height:1.6}.empty-state,.map-empty{color:#667;margin:0;line-height:1.8}.map-empty{color:#dbe7e2;text-align:center;place-items:center;height:100%;padding:18px;display:grid}.empty-wide{grid-column:1/-1}.public-page{color:#061b34;background:radial-gradient(circle at 18% 10%,#6b8e231f,#0000 28%),linear-gradient(#f7faf8 0%,#eef3f1 100%);height:100vh;overflow-y:auto}.landing-nav{justify-content:space-between;align-items:center;gap:18px;width:min(1160px,100% - 32px);margin:76px auto 0;padding:18px 0 10px;display:flex}.landing-brand{color:#061b34;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.landing-brand span{background:#061b34;border-radius:14px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 12px 24px #061b342e}.landing-brand img{width:46px}.landing-nav nav,.landing-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-nav a,.landing-actions a{color:#061b34;border-radius:9px;padding:10px 13px;font-weight:800;text-decoration:none}.public-primary,.public-secondary{border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:10px 15px;font-weight:900;text-decoration:none;display:inline-flex}.public-primary{background:#6b8e23;box-shadow:0 12px 22px #6b8e233d;color:#fff!important}.public-secondary{background:#fff;border:1px solid #cfdad4}.landing-hero,.landing-section{width:min(1160px,100% - 32px);margin:0 auto}.landing-hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:44px;min-height:560px;display:grid}.landing-copy{max-width:620px}.landing-kicker,.section-head span{color:#6b8e23;letter-spacing:0;font-weight:800}.landing-hero h1{color:#061b34;margin:8px 0 12px;font-size:64px;font-weight:900;line-height:1}.landing-hero p{color:#405265;max-width:610px;margin:0 0 22px;font-size:16px;line-height:2}.landing-preview{color:#fff;background:linear-gradient(145deg,#ffffff14,#0000 32%),linear-gradient(135deg,#061b34,#0a2747);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:16px;min-height:390px;padding:22px;display:flex;box-shadow:0 24px 60px #061b3442}.preview-top,.preview-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-top span,.preview-status span{color:#dbe7e2;font-weight:800}.preview-top b{background:#6b8e23;border-radius:999px;padding:8px 12px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preview-grid div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:13px}.preview-grid small{color:#b9c9d6;margin-bottom:8px;display:block}.preview-grid strong{font-size:25px}.preview-chart{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:end;gap:12px;height:150px;padding:18px;display:flex}.preview-chart i{background:linear-gradient(#9dbc4b,#6b8e23);border-radius:999px 999px 4px 4px;flex:1;display:block}.preview-status{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:8px}.preview-status strong{color:#9dbc4b}.landing-section{padding:24px 0 42px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.landing-section h2{color:#061b34;margin:2px 0 0;font-size:26px}.landing-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.landing-grid article,.work-steps div,.public-message{background:#fff;border:1px solid #e7ece9;border-radius:10px;padding:20px;box-shadow:0 16px 34px #061b3412}.landing-grid svg{color:#6b8e23;background:#eef5e8;border-radius:10px;width:32px;height:32px;padding:7px}.landing-grid h3{margin:12px 0 8px}.landing-grid p,.work-steps span,.public-message p{color:#667;line-height:1.8}.work-steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.work-steps b{color:#6b8e23;background:#eaf4dc;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}@media (width<=900px){.landing-nav{flex-direction:column;align-items:flex-start}.landing-hero,.landing-grid,.work-steps{grid-template-columns:1fr}.landing-hero{min-height:auto;padding:42px 0 24px}.landing-hero h1{font-size:44px}}.public-center{place-items:center;padding:20px;display:grid}.public-message{text-align:center;max-width:520px}.records-list{flex-direction:column;gap:10px;display:flex}.record-item{background:#f4f7f6;border-radius:12px;grid-template-columns:1fr 130px 90px;align-items:center;gap:10px;padding:12px;display:grid}.record-item span,.record-item em{color:#667;text-align:center;font-size:12px;font-style:normal;font-weight:700}.operations-hero{color:#fff;background:var(--sidebar-bg);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:22px;display:flex;position:relative;overflow:hidden}.operations-hero:after{content:none}.operations-hero>div,.hero-actions{z-index:1;position:relative}.page-badge{background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-size:12px;display:inline-block}.operations-hero h1{margin:0;font-size:25px}.operations-hero p{color:#dce8df;max-width:690px;font-size:13px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-btn,.ghost-btn{cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:700}.primary-btn{color:#fff;background:#6b8e23;box-shadow:0 10px 20px #6b8e2347}.ghost-btn{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.ops-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.ops-card{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:16px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000f}.ops-card:after{content:"";background:#6b8e2314;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-42px;left:-42px}.ops-icon{color:#6b8e23;background:#eef5e8;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.ops-card p{color:#667;margin-bottom:0;font-size:13px}.ops-card h2{color:#061b34;margin:7px 0;font-size:26px}.ops-card span{color:#6b8e23;font-size:12px;font-weight:700}.ops-grid{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.ops-panel{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:17px;box-shadow:0 10px 25px #0000000f}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-head h3{color:#061b34;margin:0;font-size:17px}.shift-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shift-card{background:#f4f7f6;border:1px solid #e2ebe4;border-radius:12px;padding:13px}.shift-card h4{margin:0;font-size:14px}.shift-card p{color:#667;font-size:12px}.shift-card strong{color:#061b34;margin-bottom:8px;display:block}.shift-card span{color:#6b8e23;background:#eaf4dc;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.big-meter{background:radial-gradient(circle, white 56%, transparent 57%), conic-gradient(#6b8e23 92%, #e8eee9 0);border-radius:50%;place-items:center;width:145px;height:145px;margin:6px auto 12px;display:grid}.big-meter div{color:#061b34;font-size:31px;font-weight:700}.center-text{text-align:center;color:#667;font-size:13px}.tasks-table{flex-direction:column;gap:9px;display:flex}.task-row{background:#f4f7f6;border-radius:12px;grid-template-columns:36px 1fr 82px 86px;align-items:center;gap:10px;padding:11px;display:grid}.task-row strong{font-size:13px}.task-row p{color:#667;margin:4px 0 0;font-size:12px}.done-dot,.pending-dot{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.done-dot{color:#6b8e23;background:#eaf4dc}.pending-dot{color:#d88900;background:#fff1dc}.priority{color:#667;text-align:center;background:#eef3f1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.priority.high{color:#d88900;background:#fff1dc}.task-row button{color:#fff;cursor:pointer;background:#061b34;border:0;border-radius:10px;padding:8px;font-size:12px}.check-list{flex-direction:column;gap:10px;display:flex}.check-list div{color:#061b34;background:#f4f7f6;border-radius:11px;align-items:center;gap:9px;padding:11px;font-size:13px;font-weight:700;display:flex}.stations-score{flex-direction:column;gap:10px;display:flex}.station-score{background:#f4f7f6;border-radius:12px;grid-template-columns:170px 1fr 48px;align-items:center;gap:12px;padding:11px;display:grid}.station-score strong{font-size:13px}.station-score p{color:#667;margin:4px 0 0;font-size:12px}.score-bar{background:#e0e8e3;border-radius:999px;height:8px;overflow:hidden}.score-bar span{background:linear-gradient(90deg,#6b8e23,#0b3a63);border-radius:999px;height:100%;display:block}.alert-box{border-radius:12px;margin-bottom:10px;padding:12px;font-size:13px;font-weight:700}.alert-box.danger{color:#b42318;background:#ffe9e9}.alert-box.warning{color:#b76b00;background:#fff4dc}.alert-box.success{color:#4f741c;background:#eaf4dc}.stations-hero{color:#fff;background:var(--sidebar-bg);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:22px;display:flex}.stations-hero h1{margin:0;font-size:25px}.stations-hero p{color:#dce8df;max-width:690px;font-size:13px;line-height:1.8}.stations-hero .primary-btn{align-items:center;gap:8px;display:flex}.station-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.station-stat-card{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:16px;box-shadow:0 10px 25px #0000000f}.station-stat-icon{color:#6b8e23;background:#eef5e8;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.station-stat-card p{color:#667;margin-bottom:0;font-size:13px}.station-stat-card h2{color:#061b34;margin:7px 0;font-size:26px}.station-stat-card span{color:#6b8e23;font-size:12px;font-weight:700}.station-tools{gap:12px;margin-top:18px;display:flex}.station-search{background:#fff;border:1px solid #e7ece9;border-radius:14px;flex:1;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 10px 25px #0000000d}.station-search input{background:0 0;border:0;outline:0;width:100%}.station-tools button{color:#fff;background:#061b34;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:flex}.stations-layout{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.stations-map-panel,.station-side-panel,.stations-table-panel,.feature-box{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:17px;box-shadow:0 10px 25px #0000000f}.stations-map{background:radial-gradient(circle at 30% 25%,#6b8e233d,#0000 20%),radial-gradient(circle at 75% 70%,#ffffff14,#0000 18%),linear-gradient(135deg,#061b34,#0b2f56);border-radius:14px;height:310px;position:relative;overflow:hidden}.google-map-frame{border:0;border-radius:14px;width:100%;height:100%;display:block}.map-station{color:#fff;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute}.map-station span{background:#6b8e23;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 6px #6b8e233d}.map-station.warning span{background:#f6b93b;box-shadow:0 0 0 6px #f6b93b3d}.map-station.danger span{background:#e74c3c;box-shadow:0 0 0 6px #e74c3c3d}.network-meter{background:radial-gradient(circle, white 56%, transparent 57%), conic-gradient(#6b8e23 87%, #e8eee9 0);border-radius:50%;place-items:center;width:145px;height:145px;margin:6px auto 12px;display:grid}.network-meter div{color:#061b34;font-size:31px;font-weight:700}.mini-status{color:#667;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.green-dot,.yellow-dot,.red-dot{border-radius:50%;width:9px;height:9px;margin-left:5px;display:inline-block}.green-dot{background:#6b8e23}.yellow-dot{background:#f6b93b}.red-dot{background:#e74c3c}.stations-table-panel{margin-top:18px}.stations-table{flex-direction:column;gap:9px;display:flex}.stations-row{background:#f4f7f6;border-radius:12px;grid-template-columns:1.45fr .65fr 1.15fr .95fr .65fr .78fr .88fr;align-items:center;gap:10px;padding:11px;font-size:13px;display:grid}.stations-row.head{color:#fff;background:#061b34;font-weight:700}.stations-row p{color:#667;margin:4px 0 0;font-size:12px}.stations-row.head p{color:#fff}.fuel-level{align-items:center;gap:8px;display:flex}.fuel-level div{background:#dde7df;border-radius:999px;flex:1;height:8px;overflow:hidden}.fuel-level div span{background:linear-gradient(90deg,#6b8e23,#0b3a63);height:100%;display:block}.quality{color:#6b8e23;font-weight:700}.station-status{text-align:center;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.station-status.active{color:#4f741c;background:#eaf4dc}.station-status.warning{color:#b76b00;background:#fff4dc}.station-status.danger{color:#b42318;background:#ffe9e9}.stations-row button{color:#fff;cursor:pointer;background:#061b34;border:0;border-radius:10px;padding:8px;font-size:12px}.station-features-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.feature-box svg{color:#6b8e23}.feature-box h3{margin-bottom:8px;font-size:16px}.feature-box p{color:#667;font-size:13px;line-height:1.8}@media (width<=1100px){.sidebar{display:none}.stats-grid,.dashboard-grid,.dashboard-grid.small,.dashboard-control-layout,.dashboard-metrics-grid,.dashboard-performance-grid,.ops-stats,.ops-grid,.shift-list,.station-stats,.stations-layout,.station-features-grid{grid-template-columns:1fr}.topbar,.operations-hero,.stations-hero,.station-tools{flex-direction:column;align-items:stretch;gap:12px}.search-box{width:100%}.task-row,.station-score,.stations-row,.stations-row.head{grid-template-columns:1fr}.station-tools button{justify-content:center;padding:12px}}.maintenance-hero{color:#fff;background:var(--sidebar-bg);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:22px;display:flex}.maintenance-hero h1{margin:0;font-size:25px}.maintenance-hero p{color:#dce8df;max-width:690px;font-size:13px;line-height:1.8}.maintenance-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.maintenance-card{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:16px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000f}.maintenance-card:after{content:"";background:#6b8e2314;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-42px;left:-42px}.maintenance-icon{color:#6b8e23;background:#eef5e8;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.maintenance-card p{color:#667;margin-bottom:0;font-size:13px}.maintenance-card h2{color:#061b34;margin:7px 0;font-size:26px}.maintenance-card span{color:#6b8e23;font-size:12px;font-weight:700}.maintenance-grid{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.maintenance-panel{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:17px;box-shadow:0 10px 25px #0000000f}.maintenance-table{flex-direction:column;gap:9px;display:flex}.maintenance-row{background:#f4f7f6;border-radius:12px;grid-template-columns:36px 1fr 105px 70px 95px;align-items:center;gap:10px;padding:11px;display:grid}.maintenance-row p{color:#667;margin:4px 0 0;font-size:12px}.maintenance-row span{color:#061b34;text-align:center;background:#eef3f1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.maintenance-row button{color:#fff;cursor:pointer;background:#061b34;border:0;border-radius:10px;padding:8px;font-size:12px}.maintenance-status-icon{color:#6b8e23;background:#eaf4dc;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.danger-text{color:#b42318}.maintenance-meter{background:radial-gradient(circle, white 56%, transparent 57%), conic-gradient(#6b8e23 91%, #e8eee9 0);border-radius:50%;place-items:center;width:145px;height:145px;margin:6px auto 12px;display:grid}.maintenance-meter div{color:#061b34;font-size:31px;font-weight:700}.pump-list,.schedule-list,.safety-list{flex-direction:column;gap:10px;display:flex}.pump-item{background:#f4f7f6;border-radius:12px;grid-template-columns:105px 1fr 48px 96px;align-items:center;gap:10px;padding:11px;display:grid}.pump-item p{color:#667;margin:4px 0 0;font-size:12px}.pump-bar{background:#e0e8e3;border-radius:999px;height:8px;overflow:hidden}.pump-bar span{background:linear-gradient(90deg,#6b8e23,#0b3a63);height:100%;display:block}.pump-item em{color:#6b8e23;font-size:12px;font-style:normal;font-weight:700}.tank-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tank-card{background:#f4f7f6;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.tank-visual{background:#dfe8e3;border-radius:10px;align-items:flex-end;width:36px;height:95px;display:flex;overflow:hidden}.tank-visual span{background:linear-gradient(#6b8e23,#123d28);border-radius:10px 10px 0 0;width:100%;display:block}.tank-card p{color:#667;margin:6px 0;font-size:12px}.schedule-item{background:#f4f7f6;border-radius:12px;grid-template-columns:70px 1fr 70px;align-items:center;gap:10px;padding:11px;display:grid}.schedule-day{color:#6b8e23;text-align:center;background:#eaf4dc;border-radius:10px;padding:8px;font-size:12px;font-weight:700}.schedule-item p{color:#667;margin:4px 0 0;font-size:12px}.schedule-item span{color:#061b34;font-size:12px;font-weight:700}.safety-list div{color:#061b34;background:#f4f7f6;border-radius:11px;align-items:center;gap:9px;padding:11px;font-size:13px;font-weight:700;display:flex}.reports-hero{color:#fff;background:var(--sidebar-bg);border-radius:26px;justify-content:space-between;align-items:center;gap:22px;margin-top:18px;padding:26px 30px;display:flex}.reports-hero h1{margin:0;font-size:28px;font-weight:800;line-height:1.4}.reports-hero p{color:#dce8df;max-width:720px;margin:10px 0 0;font-size:14px;line-height:1.8}.reports-toolbar{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.reports-toolbar button,.hero-actions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.reports-toolbar button{color:#061b34;cursor:pointer;background:#fff;border:1px solid #e1e8e4;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700}.reports-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.report-card{background:#fff;border:1px solid #e7ece9;border-radius:20px;padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000000e}.report-card:after{content:"";background:#6b8e2312;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-42px;left:-42px}.report-icon,.report-file-icon{color:#6b8e23;background:#eef5e8;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.report-card p{color:#667;margin:12px 0 0;font-size:13px}.report-card h2{color:#061b34;margin:6px 0;font-size:28px;line-height:1.2}.report-card span{color:#6b8e23;font-size:12.5px;font-weight:700}.reports-grid{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.reports-panel{background:#fff;border:1px solid #e7ece9;border-radius:22px;padding:20px;box-shadow:0 8px 22px #0000000e}.panel-head h3{font-size:17px;font-weight:800}.reports-table{flex-direction:column;gap:10px;display:flex}.report-row{background:#f4f7f6;border-radius:16px;grid-template-columns:40px 1fr 78px 96px 104px 78px;align-items:center;gap:10px;padding:12px;display:grid}.report-row strong{font-size:13.5px}.report-row p{color:#667;margin:4px 0 0;font-size:12px}.report-row span,.report-row em{text-align:center;border-radius:999px;padding:7px 10px;font-size:11.5px;font-weight:700}.report-row span{color:#061b34;background:#eef3f1}.report-row em{font-style:normal}.report-row em.approved{color:#4f741c;background:#eaf4dc}.report-row em.pending{color:#b76b00;background:#fff4dc}.report-row em.danger{color:#b42318;background:#ffe9e9}.report-row b{color:#334;font-size:12px}.report-row button{color:#fff;cursor:pointer;background:#061b34;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:inline-flex}.report-alert{border-radius:15px;margin-bottom:10px;padding:13px 14px;font-size:13px;font-weight:700;line-height:1.7}.report-alert.warning{color:#b76b00;background:#fff4dc}.report-alert.success{color:#4f741c;background:#eaf4dc}.report-alert.danger{color:#b42318;background:#ffe9e9}.compliance-list{flex-direction:column;gap:12px;display:flex}.compliance-item{background:#f4f7f6;border-radius:16px;padding:12px}.compliance-item strong{font-size:13.5px}.compliance-item p{color:#6b8e23;margin:4px 0 9px;font-size:12px;font-weight:700}.compliance-bar{background:#e0e8e3;border-radius:999px;height:8px;overflow:hidden}.compliance-bar span{background:linear-gradient(90deg,#6b8e23,#0b3a63);border-radius:999px;height:100%;display:block}.quick-report{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-report div{background:#f4f7f6;border-radius:16px;padding:15px}.quick-report span{color:#667;margin-bottom:6px;font-size:12px;display:block}.quick-report strong{color:#061b34;font-size:15px}.module-hero{color:#fff;background:var(--sidebar-bg);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:22px;display:flex}.module-hero h1{margin:0;font-size:25px;line-height:1.4}.module-hero p{color:#dce8df;max-width:700px;margin:8px 0 0;font-size:13px;line-height:1.8}.module-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.module-card{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:16px;box-shadow:0 8px 22px #0000000e}.module-card svg{color:#6b8e23;background:#eef5e8;border-radius:12px;width:36px;height:36px;padding:8px}.module-card p{color:#667;margin:10px 0 0;font-size:13px}.module-card h2{color:#061b34;margin:6px 0;font-size:26px}.module-card span{color:#6b8e23;font-size:12px;font-weight:700}.module-grid{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.module-panel{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:17px;box-shadow:0 8px 22px #0000000e}.client-files,.visit-list,.atg-list{flex-direction:column;gap:9px;display:flex}.client-file,.visit-row,.atg-row{background:#f4f7f6;border-radius:12px;grid-template-columns:38px 1fr 1fr 70px 105px 85px;align-items:center;gap:9px;padding:10px;display:grid}.atg-row{grid-template-columns:40px 1fr 1fr 58px 92px}.file-icon{color:#6b8e23;background:#eef5e8;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.client-file strong,.visit-row strong,.atg-row strong{font-size:13px}.client-file p,.visit-row p,.atg-row p{color:#667;margin:4px 0 0;font-size:12px}.client-file em,.visit-row em,.atg-row em{color:#4f741c;text-align:center;background:#eaf4dc;border-radius:999px;padding:6px 8px;font-size:11px;font-style:normal;font-weight:700}.client-file b,.visit-row b,.atg-row b{color:#061b34;font-size:12px}.client-file button,.visit-row button{color:#fff;cursor:pointer;background:#061b34;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:inline-flex}.module-progress{background:#dfe8e3;border-radius:999px;height:8px;overflow:hidden}.module-progress span{background:linear-gradient(90deg,#6b8e23,#0b3a63);border-radius:999px;height:100%;display:block}.requirements-list div{color:#061b34;background:#f4f7f6;border-radius:11px;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:700;display:flex}.requirements-list svg{color:#6b8e23}.module-alert{border-radius:11px;margin-bottom:9px;padding:11px 12px;font-size:13px;font-weight:700;line-height:1.7}.module-alert.warning{color:#b76b00;background:#fff4dc}.module-alert.success{color:#4f741c;background:#eaf4dc}.module-alert.danger{color:#b42318;background:#ffe9e9}.hero-actions .primary-btn,.hero-actions .ghost-btn{text-decoration:none}.upload-box{text-align:center;color:#061b34;background:#f4f7f6;border:1px dashed #b8c7be;border-radius:12px;place-items:center;min-height:185px;padding:16px;display:grid}.upload-box svg{color:#6b8e23}.upload-box p{color:#667;margin:0;font-size:12px}.upload-box button{color:#fff;cursor:pointer;background:#6b8e23;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.tank-cylinder{background:#dfe8e3;border-radius:10px;align-items:flex-end;width:34px;height:70px;display:flex;overflow:hidden}.tank-cylinder span{background:linear-gradient(#6b8e23,#123d28);border-radius:10px 10px 0 0;width:100%}.atg-hero{background:linear-gradient(135deg,#061b34f5,#093748eb),radial-gradient(circle at 12% 20%,#6b8e2338,#0000 34%);min-height:118px}.atg-hero h1{font-size:22px}.atg-hero p{max-width:760px;font-size:12px;line-height:1.6}.atg-tank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.atg-tank-card{background:#fff;border:1px solid #e0e7e3;border-radius:10px;padding:11px;box-shadow:0 7px 18px #0000000b}.atg-tank-card.warning{border-color:#f2bd66}.atg-tank-card.danger{border-color:#ef8b83}.atg-tank-head,.atg-tank-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.atg-tank-head span,.atg-tank-foot span{color:#667;font-size:11px;font-weight:700}.atg-tank-head h3{color:#061b34;margin:3px 0 0;font-size:15px}.atg-tank-head b,.atg-tank-foot em{color:#4f741c;background:#eaf4dc;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal}.warning .atg-tank-foot em{color:#b76b00;background:#fff4dc}.danger .atg-tank-foot em{color:#b42318;background:#ffe9e9}.real-tank{place-items:center;min-height:104px;margin:12px 0 10px;display:grid}.real-tank-shell{background:linear-gradient(#ffffffd1,#d2dbda57 35%,#56606a2e),#eef3f1;border:5px solid #52606a;border-radius:999px;width:min(100%,360px);height:104px;position:relative;overflow:hidden;box-shadow:inset 0 9px 18px #ffffffbf,inset 0 -12px 24px #0000002e}.real-tank-liquid{inset-block:0;background:linear-gradient(#ffffff52,#0000 38%),linear-gradient(90deg,#7a9f2d,#0f7c73);transition:width .35s;position:absolute;right:0}.product-91 .real-tank-liquid{background:linear-gradient(#ffffff52,#0000 38%),linear-gradient(90deg,#7ca329,#167a4f)}.product-95 .real-tank-liquid{background:linear-gradient(#ffffff57,#0000 38%),linear-gradient(90deg,#d94841,#8f1f1b)}.product-diesel .real-tank-liquid{background:linear-gradient(#ffffff5c,#0000 38%),linear-gradient(90deg,#f0c43c,#b78308)}.real-tank-water{z-index:2;background:#187dc3b8;height:18px;position:absolute;bottom:0;right:0}.real-tank-probe{z-index:4;background:#111827;border-radius:999px;width:5px;position:absolute;top:-3px;bottom:8px;left:26%}.real-tank-probe:before{content:"";background:#111827;border-radius:999px;width:19px;height:7px;position:absolute;top:12px;right:-7px}.real-tank-label{color:#061b34;z-index:5;text-shadow:0 1px 8px #ffffffbf;place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;inset:0}.tank-shadow{filter:blur(1px);background:#061b3421;border-radius:999px;width:min(82%,300px);height:12px}.atg-meter-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.atg-metric{background:#f7faf8;border:1px solid #e3ebe7;border-radius:9px;min-height:56px;padding:7px}.atg-metric svg{color:#6b8e23}.atg-metric span{color:#667;margin-top:3px;font-size:10px;display:block}.atg-metric strong{color:#061b34;margin-top:2px;font-size:12px;display:block}.atg-tank-foot{margin-top:10px}.atg-bind-form{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.atg-bind-form label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.atg-bind-form input,.atg-bind-form select{color:#061b34;min-width:0;font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;padding:10px}.atg-bind-form button{border:0;justify-content:center;align-self:end}.atg-station-picker{grid-template-columns:minmax(260px,420px) auto 1fr;align-items:end;gap:12px;margin-top:12px;display:grid}.atg-station-picker label{color:#223;flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.atg-station-picker select{color:#061b34;font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;padding:10px}.atg-station-picker button{border:0;justify-content:center}.atg-station-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.atg-station-card{color:#061b34;text-align:start;cursor:pointer;background:#fff;border:1px solid #dfe8e3;border-radius:10px;grid-template-columns:42px 1fr auto auto auto;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:0 6px 16px #0000000a}.atg-station-card.active{border-color:#6b8e23;box-shadow:0 0 0 2px #6b8e231f,0 10px 24px #00000012}.atg-station-icon{color:#6b8e23;background:#eef5e8;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.atg-station-card strong{font-size:13px;display:block}.atg-station-card span{color:#667;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:inline-flex}.atg-station-stats{text-align:center;min-width:54px}.atg-station-stats b{font-size:16px;display:block}.atg-station-stats span{margin-top:0;font-size:11px;display:block}.atg-station-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.atg-station-status.stable{color:#4f741c;background:#eaf4dc}.atg-station-status.warning{color:#b76b00;background:#fff4dc}.atg-station-detail{margin-top:12px}.atg-station-detail .panel-head p{color:#667;margin:4px 0 0;font-size:12px}.atg-empty-state{text-align:center;color:#061b34;background:#f7faf8;border:1px dashed #c7d2cc;border-radius:12px;place-items:center;min-height:190px;padding:22px;display:grid}.atg-empty-state svg{color:#6b8e23}.atg-empty-state strong{margin-top:8px;display:block}.atg-empty-state p{color:#667;max-width:520px;margin:6px auto 0;font-size:13px}.atg-bind-modal{border-radius:18px;width:min(980px,100vw - 48px);max-width:980px;padding:26px 28px;overflow-x:hidden}.atg-bind-modal .atg-bind-form{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-top:14px}.atg-bind-modal .access-modal-head{margin-bottom:10px}.atg-bind-modal .access-modal-head h3{margin:0;font-size:20px}.atg-bind-modal .access-modal-head button{flex:none}.atg-bind-modal .atg-bind-form label{min-width:0;font-size:12px}.atg-bind-modal .atg-bind-form input,.atg-bind-modal .atg-bind-form select{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:8px 10px;font-size:13px}.atg-bind-modal .atg-bind-form button{grid-column:span 1;align-self:end;height:40px;box-shadow:0 10px 20px #6b8e2338}.professional-tank{position:relative}.professional-tank .real-tank-shell{background:linear-gradient(#ffffffeb,#dee5e28c 42%,#41505b33),#eef3f1;border-width:6px;border-color:#41505b;height:96px}.tank-gloss{z-index:5;background:#ffffff73;border-radius:999px;height:20px;position:absolute;top:12px;left:16%;right:16%}.tank-level-scale{z-index:6;flex-direction:column;justify-content:space-between;width:1px;display:flex;position:absolute;top:16px;bottom:16px;right:56px}.tank-level-scale span{background:#061b345c;width:22px;height:1px}.tank-pipe.top{z-index:8;background:#dfe7e4;border:4px solid #41505b;border-bottom:0;border-radius:10px 10px 0 0;width:52px;height:14px;margin-bottom:-3px}.tank-saddles{z-index:2;justify-content:space-between;width:min(72%,270px);margin-top:-6px;display:flex}.tank-saddles span{background:#41505b;border-radius:0 0 8px 8px;width:54px;height:17px}.atg-tank-card.pending{border-color:#d5ded9}.pending .atg-tank-foot em{color:#667;background:#eef1f0}.atg-alerts-panel{margin-top:18px}.atg-alert-list{flex-direction:column;gap:10px;display:flex}.atg-alert-row{background:#f7faf8;border:1px solid #e5ece8;border-radius:12px;grid-template-columns:1fr 88px 92px;align-items:center;gap:12px;padding:12px;display:grid}.atg-alert-row.danger{background:#fff6f5;border-color:#f1aaa4}.atg-alert-row.warning{background:#fffbf2;border-color:#f2bd66}.atg-alert-row strong{color:#061b34;font-size:14px}.atg-alert-row p{color:#223;margin:5px 0;font-size:13px;font-weight:700}.atg-alert-row span{color:#667;font-size:12px}.atg-alert-row em{text-align:center;color:#b76b00;background:#fff4dc;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:800}.atg-alert-row.danger em{color:#b42318;background:#ffe9e9}.atg-alert-row button{color:#fff;cursor:pointer;background:#061b34;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:inline-flex}.petro-stations-hero{background:linear-gradient(135deg,#061b34f5,#144d44e6),radial-gradient(circle at 16% 18%,#6b8e2338,#0000 30%)}.petro-compact-stats{gap:10px}.petro-station-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;margin-top:12px;display:grid}.petro-form-panel,.petro-pumps-panel,.petro-tanks-panel,.petro-saved-panel{border-radius:12px}.petro-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.petro-form-grid label,.petro-tank-input{color:#223;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.petro-form-grid input,.petro-tank-input input,.petro-tank-input select,.hose-control select{color:#061b34;min-width:0;font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;padding:9px 10px}.petro-pumps-panel{grid-row:span 2}.petro-pumps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pump-config-card{background:#fbfdfc;border:1px solid #e2eae5;border-radius:12px;padding:12px}.pump-config-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pump-config-head strong{color:#061b34;font-size:13px}.pump-config-head span{color:#6b8e23;font-size:11px;font-weight:800}.pump-visual{grid-template-columns:minmax(112px,1fr) 150px minmax(112px,1fr);place-items:center;gap:14px;display:grid}.pump-body{color:#061b34;width:142px;min-height:188px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;justify-self:center;align-items:center;display:flex;position:relative}.pump-body img{object-fit:contain;filter:drop-shadow(0 12px 18px #061b342e);width:142px;max-height:188px;display:block}.pump-body>span{color:#6b8e23;background:#ffffffdb;border-radius:999px;place-items:center;min-width:28px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:12px;right:14px;box-shadow:0 5px 12px #061b3424}.hose-bank{flex-direction:column;gap:9px;width:100%;display:flex}.hose-control{grid-template-columns:34px 54px;justify-content:end;align-items:center;gap:7px;min-height:46px;display:grid}.hose-control.left{grid-template-columns:54px 34px;justify-content:start}.hose-control.left small{grid-area:1/2}.hose-control.left button{grid-area:1/1}.hose-control.right small{text-align:left}.hose-control button{cursor:pointer;background:0 0;border:0;border-radius:0;width:64px;height:42px;position:relative;overflow:visible}.hose-control.active button{background:0 0}.hose-line{opacity:.96;border:4px solid #737f80;border-bottom:0;border-radius:20px 20px 0 0;width:34px;height:20px;position:absolute;top:4px}.hose-control.right .hose-line{right:16px}.hose-control.left .hose-line{left:16px}.hose-gun{background:#1d2727;border-radius:7px 9px 6px 5px;width:27px;height:17px;position:absolute;bottom:3px;box-shadow:inset -3px -3px #0000002e}.hose-control.right .hose-gun{right:14px;transform:rotate(-14deg)}.hose-control.left .hose-gun{left:14px;transform:rotate(14deg)scaleX(-1)}.hose-gun-handle{background:inherit;border-radius:3px 3px 5px 5px;width:10px;height:20px;position:absolute;bottom:-16px;right:5px;transform:rotate(-18deg)}.hose-control.right .hose-gun-handle,.hose-control.left .hose-gun-handle{right:5px}.hose-gun-spout{background:#95a0a0;border-radius:999px;width:18px;height:6px;position:absolute;top:3px}.hose-control.right .hose-gun-spout,.hose-control.left .hose-gun-spout{left:-15px}.hose-control.active.product-91 .hose-gun,.hose-control.active.product-91 .hose-gun-handle{background:#15934f}.hose-control.active.product-95 .hose-gun,.hose-control.active.product-95 .hose-gun-handle{background:#d33f38}.hose-control.active.product-diesel .hose-gun,.hose-control.active.product-diesel .hose-gun-handle{background:#dba51b}.hose-control small{color:#667;font-size:10px;font-weight:800}.hose-control select{grid-column:1/-1;padding:7px 8px;font-size:11px}.petro-tanks-panel{grid-column:1/-1}.petro-tanks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.petro-tank-input{background:#fbfdfc;border:1px solid #e2eae5;border-radius:11px;padding:10px}.petro-tank-preview{grid-template-columns:118px 1fr;align-items:center;gap:10px;margin-bottom:4px;display:grid}.petro-tank-preview-shell{background:linear-gradient(#ffffffdb,#dde6e28c),#eef3f1;border:3px solid #40515d;border-radius:999px;height:46px;position:relative;overflow:hidden;box-shadow:inset 0 7px 12px #ffffffb8,inset 0 -8px 16px #061b3424}.petro-tank-preview-liquid{inset-block:0;background:linear-gradient(#ffffff52,#0000 40%),linear-gradient(90deg,#9aa6a0,#5f6b66);width:72%;position:absolute;right:0}.petro-tank-preview.product-91 .petro-tank-preview-liquid{background:linear-gradient(#ffffff52,#0000 40%),linear-gradient(90deg,#7ca329,#167a4f)}.petro-tank-preview.product-95 .petro-tank-preview-liquid{background:linear-gradient(#ffffff57,#0000 40%),linear-gradient(90deg,#d94841,#8f1f1b)}.petro-tank-preview.product-diesel .petro-tank-preview-liquid{background:linear-gradient(#ffffff5c,#0000 40%),linear-gradient(90deg,#f0c43c,#b78308)}.petro-tank-preview-shell b{color:#061b34;z-index:2;text-shadow:0 1px 6px #fffc;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.petro-tank-preview small{color:#667;font-size:11px;font-weight:800}.petro-saved-panel{margin-top:12px}.petro-saved-list{flex-direction:column;gap:8px;display:flex}.petro-saved-row{background:#f7faf8;border:1px solid #e2eae5;border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.petro-saved-row strong{color:#061b34;font-size:13px}.petro-saved-row span{color:#667;font-size:12px}.petro-saved-row em{color:#4f741c;background:#eaf4dc;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800}.stations-directory-hero{background:linear-gradient(135deg,#061b34f5,#0d4154eb),radial-gradient(circle at 14% 22%,#6b8e2338,#0000 32%)}.stations-directory-stats{gap:10px}.station-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.station-folder-card{color:#061b34;text-align:right;cursor:pointer;background:#fff;border:1px solid #dce8e2;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:14px;display:grid}.station-folder-card:hover,.station-folder-card.active{background:#f6fbef;border-color:#6b8e23;box-shadow:0 12px 26px #061b3414}.station-folder-icon{color:#6b8e23;background:#eef5e8;border-radius:10px;grid-row:span 2;place-items:center;width:44px;height:44px;display:grid}.station-folder-card strong{font-size:15px}.station-folder-card b{color:#fff;text-align:center;background:#061b34;border-radius:999px;justify-self:end;min-width:36px;padding:5px 10px;font-size:13px}.station-folder-card p{color:#667;grid-column:2/4;margin:0;font-size:12px;line-height:1.6}.stations-directory-panel{margin-top:12px}.stations-directory-list{flex-direction:column;gap:9px;display:flex}.station-directory-card{background:#f9fbfa;border:1px solid #e2eae5;border-radius:11px;grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(80px,.5fr)) minmax(150px,auto);align-items:center;gap:10px;padding:10px;display:grid}.station-directory-main{align-items:center;gap:9px;display:flex}.station-directory-icon{color:#6b8e23;background:#eef5e8;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.station-directory-card strong{color:#061b34;font-size:13px;display:block}.station-directory-card p,.station-directory-card span{color:#667;margin:3px 0 0;font-size:11px}.station-directory-card b{color:#061b34;margin-top:3px;font-size:13px;display:block}.station-directory-card em{color:#4f741c;background:#eaf4dc;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:800}.station-directory-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.station-follow-btn{color:#fff;background:#061b34;border:1px solid #d8e2dc;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.station-follow-btn:hover{background:#6b8e23;border-color:#6b8e23}.station-follow-btn:disabled,.station-icon-action:disabled{opacity:.45;cursor:not-allowed}.station-contract-btn{color:#061b34;background:#fff}.station-icon-action{color:#061b34;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.station-icon-action.danger-action{color:#b42318;background:#fff7f7;border-color:#ffd2d2}.station-contract-preview-modal{width:min(1180px,94vw);max-width:1180px;max-height:92vh;overflow:auto}.station-contract-preview-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.station-contract-preview-actions strong{color:#061b34}.station-contract-preview-canvas{background:#eef3f1;border:1px solid #d8e2dc;border-radius:14px;max-height:68vh;padding:16px;overflow:auto}.station-add-choice-modal{border-radius:18px;width:min(640px,100vw - 28px);padding:20px}.station-add-choice-modal .access-modal-head h3{margin:0;font-size:20px}.station-add-choice-modal .access-modal-head p{color:#667;margin:6px 0 0;font-size:12px;font-weight:700}.station-add-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.station-add-choice-card{color:#061b34;background:#f9fbfa;border:1px solid #dce8e2;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:130px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.station-add-choice-card:hover{border-color:#6b8e23;transform:translateY(-2px);box-shadow:0 14px 30px #061b341f}.station-add-choice-card svg{color:#6b8e23}.station-add-choice-card strong{font-size:15px}.station-add-choice-card span{color:#667;font-size:12px;line-height:1.7}.stations-map-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px;margin-top:12px;display:grid}.stations-live-map{background:linear-gradient(135deg,#eef5e8f2,#deebe6eb),radial-gradient(circle at 35% 38%,#6b8e232e,#0000 18%),radial-gradient(circle at 70% 56%,#0b3a631f,#0000 22%);border:1px solid #dfe8e3;border-radius:14px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000000e}.stations-live-map.real-map{cursor:zoom-in;background:#dce9e2}.stations-live-map.google-live-map{cursor:zoom-in;background:#e8efe9}.google-live-map-frame{z-index:0;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.real-map-tiles{z-index:0;background:#dce9e2;position:absolute;inset:0;overflow:hidden}.real-map-tiles img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:256px;height:256px;position:absolute}.real-map-controls{z-index:4;background:#fffffff0;border:1px solid #d8e2dceb;border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 10px 22px #061b3424}.real-map-controls button{color:#061b34;cursor:pointer;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.real-map-controls span{text-align:center;color:#061b34;min-width:28px;font-size:12px;font-weight:900}.map-grid-lines{opacity:.32;background-image:linear-gradient(#061b3414 1px,#0000 1px),linear-gradient(90deg,#061b3414 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.station-map-pin{color:#b42318;filter:drop-shadow(0 8px 10px #061b3447);cursor:default;z-index:2;position:absolute;transform:translate(-50%,-100%)}.station-image-pin{cursor:pointer;z-index:3;background:0 0;border:0;padding:0}.station-pin-image{background:#fff;border:2px solid #fff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:visible;box-shadow:0 12px 26px #061b3438}.station-pin-image:after{content:"";background:#fff;border-bottom:2px solid #fff;border-right:2px solid #fff;width:18px;height:18px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:8px 8px 18px #061b342e}.station-pin-image img{z-index:1;object-fit:cover;object-position:center;width:78px;height:78px;position:relative}.station-map-pin svg{fill:#fff;stroke-width:2.7px}.station-map-tooltip{opacity:0;pointer-events:none;text-align:start;background:#fff;border:1px solid #dfe8e3;border-radius:10px;min-width:190px;padding:9px;transition:opacity .2s,transform .2s;position:absolute;bottom:22px;right:18px;transform:translateY(6px);box-shadow:0 12px 26px #061b3424}.station-map-pin:hover .station-map-tooltip,.station-map-pin:focus-visible .station-map-tooltip{opacity:1;transform:translateY(0)}.station-map-tooltip strong,.station-map-tooltip span,.station-map-tooltip small{display:block}.station-map-tooltip strong{color:#061b34;font-size:13px}.station-map-tooltip span,.station-map-tooltip small{color:#667;margin-top:4px;font-size:11px}.map-empty-message{color:#667;z-index:3;background:#ffffff7a;place-items:center;gap:8px;font-weight:800;display:grid;position:absolute;inset:0}.map-empty-message svg{color:#6b8e23}.stations-map-list{flex-direction:column;gap:8px;display:flex}.stations-map-list button{text-align:start;cursor:pointer;background:#f7faf8;border:1px solid #e2eae5;border-radius:10px;width:100%;padding:9px}.stations-map-list button:hover{background:#eef5e8;border-color:#6b8e23}.stations-map-list button.missing-location{opacity:.7;cursor:not-allowed}.stations-map-list strong,.stations-map-list span,.stations-map-list small{display:block}.stations-map-list strong{color:#061b34;font-size:13px}.stations-map-list span{color:#667;margin-top:4px;font-size:11px}.stations-map-list small{color:#6b8e23;margin-top:5px;font-size:10px;font-weight:900}.stations-map-page{background:#07131f}.stations-map-main{background:radial-gradient(circle at 22% 0,#6b8e2329,#0000 28%),linear-gradient(#07131f 0%,#0b1722 100%)}.stations-map-hero{color:#fff;background:linear-gradient(135deg,#051625f5,#124352e6),radial-gradient(circle at 16% 12%,#6b8e233d,#0000 30%);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:118px;margin-top:12px;padding:20px;display:flex;box-shadow:0 18px 42px #0000003d}.stations-map-hero h1{color:#fff;margin:10px 0 0;font-size:28px}.stations-map-hero p{color:#ffffffc7;margin:8px 0 0;font-size:13px}.stations-map-workspace{grid-template-columns:340px minmax(0,1fr);gap:12px;height:calc(100vh - 210px);min-height:620px;margin-top:12px;display:grid}.station-location-filters{background:#ffffff14;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(0,1fr) 240px;gap:10px;margin-top:12px;padding:10px;display:grid}.station-location-filters label{color:#6b8e23;background:#ffffffeb;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:0 10px;display:grid}.station-location-filters input,.station-location-filters select{color:#061b34;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:10px 0;font-size:13px;font-weight:700}.station-location-filters select{background:#ffffffeb;border:1px solid #ffffff1f;border-radius:10px;padding:10px}.map-list-empty{color:#cbd7de;text-align:center;border:1px dashed #ffffff2e;border-radius:10px;margin:0;padding:12px;font-size:12px;font-weight:800}.stations-map-side.dark-panel{color:#fff;background:#091723f0;border:1px solid #ffffff14;border-radius:16px;height:100%;padding:14px;overflow:hidden;box-shadow:0 18px 42px #0003}.stations-map-side.dark-panel .panel-head h3{color:#fff}.stations-map-side.dark-panel .panel-head svg{color:#9cc45b}.stations-map-summary{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.stations-map-summary div{background:#ffffff0e;border:1px solid #ffffff14;border-radius:12px;padding:10px}.stations-map-summary strong,.stations-map-summary span{display:block}.stations-map-summary strong{color:#fff;font-size:20px}.stations-map-summary span{color:#ffffffad;margin-top:4px;font-size:11px;font-weight:800}.stations-map-side.dark-panel .stations-map-list{max-height:calc(100% - 110px);padding-inline-end:2px;overflow:auto}.stations-map-side.dark-panel .stations-map-list button{background:#ffffff0b;border-color:#ffffff14}.stations-map-side.dark-panel .stations-map-list button:hover,.stations-map-side.dark-panel .stations-map-list button.active{background:#6b8e232e;border-color:#9cc45bb3}.stations-map-side.dark-panel .stations-map-list strong{color:#fff}.stations-map-side.dark-panel .stations-map-list span{color:#ffffffa8}.stations-map-side.dark-panel .stations-map-list small{color:#9cc45b}.stations-map-canvas{background:#07131f;border:1px solid #ffffff14;border-radius:16px;min-width:0;height:100%;position:relative;overflow:hidden;box-shadow:0 18px 42px #0000003d}.stations-google-map-shell,.stations-google-map{width:100%;height:100%}.stations-google-map-shell{position:relative}.stations-google-map-shell .map-empty-message{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07131fe6;border:1px solid #ffffff1f;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;max-width:min(420px,100% - 36px);min-height:0;padding:12px 14px;display:inline-flex;inset:auto 18px 18px auto;box-shadow:0 18px 40px #00000047}.stations-google-map-shell .map-empty-message svg{color:#9cc45b;flex:none}.stations-google-map-shell .station-map-fallback{background:#f7faf8;border:0;border-radius:0;width:100%;max-width:none;height:100%;padding:0;display:block;inset:0}.station-map-fallback iframe{border:0;width:100%;height:100%}.station-map-fallback span{color:#061b34;text-align:center;background:#ffffffeb;border-radius:10px;padding:10px;font-size:12px;font-weight:900;position:absolute;bottom:14px;left:14px;right:14px}.station-monitor-hero,.station-sales-hero,.camera-settings-hero{background:linear-gradient(135deg,#061b34f5,#0d4154eb),radial-gradient(circle at 14% 22%,#6b8e2338,#0000 32%)}.station-live-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.station-live-stats div{background:#fff;border:1px solid #dfe8e3;border-radius:12px;padding:14px}.station-live-stats svg{color:#6b8e23}.station-live-stats span,.station-live-stats strong{display:block}.station-live-stats span{color:#667;margin-top:10px;font-size:12px;font-weight:800}.station-live-stats strong{color:#061b34;margin-top:5px;font-size:18px}.station-monitor-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:start;gap:12px;margin-top:12px;display:grid}.station-camera-wall,.station-analysis-panel{grid-column:span 1}.camera-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.camera-wall-grid.single{grid-template-columns:1fr}.camera-tile{background:#07131f;border:1px solid #dfe8e3;border-radius:12px;position:relative;overflow:hidden}.camera-tile iframe,.camera-tile video,.camera-tile img{aspect-ratio:16/9;object-fit:cover;background:#07131f;border:0;width:100%;display:block}.camera-tile>div:last-child{background:#fff;padding:9px 10px}.camera-tile strong,.camera-tile span{display:block}.camera-tile span{color:#667;margin-top:3px;font-size:11px;font-weight:800}.camera-empty{aspect-ratio:16/9;color:#fff;place-items:center;gap:8px;display:grid}.camera-fullscreen-btn{z-index:2;color:#fff;cursor:pointer;background:#061b34b3;border:1px solid #ffffff38;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:8px;left:8px}.camera-view-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.camera-view-toolbar select,.camera-view-toolbar button{color:#061b34;min-height:38px;font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:900}.camera-view-toolbar button{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.camera-view-toolbar button:disabled,.camera-view-toolbar select:disabled{opacity:.6;cursor:not-allowed}.camera-mode-switch{flex-wrap:wrap;gap:8px;margin-top:10px;display:inline-flex}.camera-mode-switch button{color:#061b34;min-height:38px;font:inherit;cursor:pointer;background:#f7faf8;border:1px solid #d8e2dc;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.camera-mode-switch button.active{color:#fff;background:linear-gradient(135deg,#6b8e23,#86a63a);border-color:#6b8e23}.camera-system-wizard{gap:12px;margin-top:12px;display:grid}.camera-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.camera-step{background:#f9fbfa;border:1px solid #e1ebe6;border-radius:12px;padding:10px}.camera-step span{color:#fff;background:#061b34;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-grid}.camera-step strong,.camera-step small{display:block}.camera-step strong{color:#061b34;margin-top:8px;font-size:13px}.camera-step small{color:#667;margin-top:3px;font-size:11px;font-weight:800}.camera-step.active{background:#f3faea;border-color:#6b8e23}.camera-step.done span{background:#6b8e23}.camera-connection-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.camera-connection-cards button{text-align:right;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:12px;padding:12px}.camera-connection-cards button.active{background:#f3faea;border-color:#6b8e23}.camera-connection-cards strong,.camera-connection-cards span{display:block}.camera-connection-cards span{color:#667;margin-top:4px;font-size:11px;font-weight:800}.camera-preview-summary{background:#f9fbfa;border:1px solid #e1ebe6;border-radius:12px;padding:11px}.camera-preview-summary strong,.camera-preview-summary span{display:block}.camera-preview-summary strong{color:#061b34;font-size:14px}.camera-preview-summary span{color:#667;margin-top:4px;font-size:12px;font-weight:800}.camera-channel-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.camera-preview-card{background:#fff;border:1px solid #e1ebe6;border-radius:12px;overflow:hidden}.camera-preview-card iframe,.camera-preview-card video,.camera-preview-card img{aspect-ratio:16/9;object-fit:cover;background:#07131f;border:0;width:100%;display:block}.camera-preview-card div{padding:10px}.camera-preview-card strong,.camera-preview-card span{display:block}.camera-preview-card span{color:#667;margin-top:4px;font-size:11px;font-weight:800}.camera-form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.camera-form-actions button{min-width:120px}.camera-form-actions .ghost-btn,.camera-form-actions .primary-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.camera-log-floating-btn{color:#061b34;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:999px;place-self:end start;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:900;display:inline-flex}.empty-state a{color:#6b8e23;margin-inline-start:8px;font-weight:900;display:inline-flex}.camera-bind-form{gap:9px;display:grid}.camera-bind-form label{color:#061b34;flex-direction:column;gap:5px;font-size:12px;font-weight:900;display:flex}.camera-bind-form input,.camera-bind-form select,.station-sales-filters input,.station-sales-filters select{font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;padding:9px}.camera-bind-form button{align-items:center;gap:6px;width:fit-content;display:inline-flex}.camera-source-list{gap:8px;margin-top:12px;display:grid}.camera-source-list div{background:#f9fbfa;border:1px solid #e1ebe6;border-radius:10px;grid-template-columns:1fr 32px 32px;align-items:center;gap:6px;padding:8px;display:grid}.camera-source-list strong,.camera-source-list small{display:block}.camera-source-list small{color:#667;font-size:11px}.camera-source-list a,.camera-source-list button{color:#061b34;background:#fff;border:1px solid #d8e2dc;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.analysis-bars{gap:12px;display:grid}.analysis-bars div{gap:7px;display:grid}.analysis-bars span{color:#667;font-size:12px;font-weight:900}.analysis-bars b{background:linear-gradient(90deg,#6b8e23,#0d4154);border-radius:999px;height:10px}.camera-settings-layout{grid-template-columns:1fr;align-items:start;gap:12px;margin-top:12px;display:grid}.camera-filter-row{grid-template-columns:1fr;gap:8px;display:grid}.camera-filter-row input,.camera-filter-row select{font:inherit;background:#f7faf8;border:1px solid #d8e2dc;border-radius:9px;padding:9px}.camera-station-list{gap:8px;max-height:620px;margin-top:10px;padding-inline-end:2px;display:grid;overflow:auto}.camera-station-list button{color:#061b34;text-align:right;cursor:pointer;background:#f9fbfa;border:1px solid #e1ebe6;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.camera-station-list button.active,.camera-station-list button:hover{background:#f3faea;border-color:#6b8e23}.camera-station-list strong,.camera-station-list small{display:block}.camera-station-list small{color:#667;margin-top:4px;font-size:11px;font-weight:800}.camera-station-list b{color:#fff;text-align:center;background:#061b34;border-radius:999px;min-width:34px;padding:5px 9px}.camera-settings-form{background:#fbfdfc;border:1px solid #e1ebe6;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}.camera-settings-form .full{grid-column:span 3}.camera-log-toggle{align-items:center;gap:6px;width:fit-content;display:inline-flex}.selected-camera-summary{background:#f9fbfa;border:1px solid #e1ebe6;border-radius:12px;margin-top:12px;padding:11px}.selected-camera-summary strong,.selected-camera-summary span{display:block}.selected-camera-summary strong{color:#061b34;font-size:14px}.selected-camera-summary span{color:#667;margin-top:4px;font-size:12px;font-weight:800}.camera-log-panel{margin-top:0}.camera-enabled-toggle{align-items:center;flex-direction:row!important}.camera-enabled-toggle input{width:16px;height:16px}.camera-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.camera-settings-card{background:#fff;border:1px solid #dfe8e3;border-radius:12px;overflow:hidden}.camera-settings-card iframe,.camera-settings-card video,.camera-settings-card img{aspect-ratio:16/9;object-fit:cover;background:#07131f;border:0;width:100%;display:block}.camera-settings-card-body{grid-template-columns:1fr auto;align-items:start;gap:9px;padding:10px;display:grid}.camera-settings-card-body strong,.camera-settings-card-body span{display:block}.camera-settings-card-body span{color:#667;margin-top:4px;font-size:11px;font-weight:800}.camera-settings-card-body em{color:#4f741c;background:#eaf4dc;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.camera-settings-card-body em.disabled{color:#9b2c2c;background:#f3e8e8}.camera-card-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.camera-card-actions a,.camera-card-actions button{color:#061b34;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:900;display:inline-flex}.station-sales-filters{background:#fff;border:1px solid #dfe8e3;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;padding:10px;display:grid}.station-sales-filters label{color:#061b34;gap:6px;font-size:12px;font-weight:900;display:grid}.station-sales-panel{margin-top:12px}.station-sales-table{gap:7px;display:grid}.station-sales-table>div{background:#f9fbfa;border:1px solid #e1ebe6;border-radius:10px;grid-template-columns:1fr .7fr .9fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:9px 10px;font-size:12px;display:grid}.station-sales-table>div.head{color:#fff;background:#061b34;border-color:#061b34;font-weight:900}.station-sales-table strong{color:#061b34}.selected-station-card{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07131feb;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 18px 40px #0000004d}.selected-station-card strong,.selected-station-card span{display:block}.selected-station-card strong{font-size:14px}.selected-station-card span{color:#ffffffad;margin-top:4px;font-size:11px}.selected-station-card a{color:#fff;background:#6b8e23;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.google-map-warning{color:#fff;background:#07131fe0;pointer-events:auto!important;border-radius:0!important;place-items:center!important;width:auto!important;max-width:none!important;display:grid!important;inset:0!important}.contracts-workspace .main{background:linear-gradient(90deg,#061b3409 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#061b3408 1px,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#f6faf8 0%,#eef5f1 46%,#f9fbf7 100%)}.contracts-hero{isolation:isolate;background:linear-gradient(135deg,#061b34fa 0%,#0c3a41f5 56%,#658126eb 100%);border:1px solid #ffffff24;min-height:142px;position:relative;overflow:hidden;box-shadow:0 18px 48px #061b3424}.contracts-hero:before{content:"";opacity:.75;z-index:-2;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(0deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 100%)}.contracts-hero:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 8%,#ffffff29 18%,#0000 30%);animation:7s ease-in-out infinite contractHeroSweep;position:absolute;inset:0;transform:translate(-120%)}.contracts-hero-orbit{border:1px solid #d6e7b84d;opacity:.9;pointer-events:none;border-inline-color:#ffffff14;width:210px;height:84px;position:absolute;top:22px;left:28px;transform:rotate(-12deg)}.contracts-hero h1{text-shadow:0 8px 28px #0000002e;font-size:30px}.contracts-hero p{color:#ffffffe6}.contracts-stats{gap:16px}.contracts-stat{background:linear-gradient(135deg,#fffffff0 0%,#f8fcfae6 100%);border:1px solid #d8e2dcd9;min-height:96px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 14px 34px #061b3413}.contracts-stat:before{content:"";opacity:.9;background:linear-gradient(#6b8e23,#d2b76f);width:8px;position:absolute;inset:0 auto 0 0}.contracts-stat:after{content:"";border:1px solid #6b8e2324;width:94px;height:94px;position:absolute;top:-28px;left:-36px;transform:rotate(22deg)}.contracts-stat:hover{border-color:#6b8e2359;transform:translateY(-3px);box-shadow:0 20px 44px #061b341c}.contracts-stat strong{margin-top:10px;font-size:26px}.contracts-stat small{color:#6b8e23;font-size:11px;font-weight:900}.contracts-layout{grid-template-columns:minmax(420px,.82fr) minmax(500px,1.05fr);align-items:start;gap:18px;margin-top:18px;display:grid}.contract-builder-controls{gap:12px;display:grid}.contract-builder-controls .module-panel{min-width:0}.contract-builder-page{margin-top:16px;animation:.26s both contractPanelIn}.contract-builder-head{background:linear-gradient(135deg,#fffffff5,#f7fbf9eb);border:1px solid #d8e2dcdb;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #061b3413}.contract-builder-head:before{content:"";inset-block:0;background:linear-gradient(#6b8e23,#d2b76f);width:6px;position:absolute;right:0}.contract-builder-head h2{color:#061b34;margin:8px 0 0;font-size:22px}.contract-builder-head p{color:#667;margin:5px 0 0;font-size:12px;font-weight:800}.contract-builder-form,.contract-clause-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contract-form-panel,.contract-clauses-panel,.contract-live-preview-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-color:#d8e2dce6;box-shadow:0 18px 46px #061b3414}.contract-panel-head{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:12px}.contract-panel-head span{color:#dceeb8;background:linear-gradient(135deg,#061b34,#19434a);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-grid;box-shadow:0 10px 22px #061b3429}.contract-panel-head h3{margin:0}.contract-builder-form label,.contract-clause-editor label{color:#061b34;flex-direction:column;gap:6px;font-size:12px;font-weight:900;transition:color .16s;display:flex}.contract-builder-form input,.contract-builder-form select,.contract-clause-editor input,.contract-clause-editor textarea{color:#061b34;font:inherit;background:linear-gradient(#fff 0%,#f6faf8 100%);border:1px solid #d4dfd9;border-radius:12px;padding:11px 12px;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}.contract-builder-form input:focus,.contract-builder-form select:focus,.contract-clause-editor input:focus,.contract-clause-editor textarea:focus{background:#fff;border-color:#6b8e23ad;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #6b8e231c,0 10px 22px #061b340d}.contract-clause-editor label:nth-child(2),.contract-form-actions{grid-column:1/-1}.contract-payment-fields,.contract-financial-editor{background:linear-gradient(135deg,#fffffff2,#f7fbf9eb);border:1px solid #d8e2dce6;border-radius:16px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.contract-exclusivity-fields{background:linear-gradient(135deg,#fffffff5,#f7fbf9eb);border:1px solid #d8e2dce6;border-radius:16px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.contract-exclusivity-fields .contract-section-title,.contract-subsection-title{grid-column:1/-1}.contract-section-title span{color:#6b8e23;font-size:11px;font-weight:900}.contract-subsection-title{color:#061b34;background:#eef5e8b8;border-right:3px solid #6b8e23;margin-top:4px;padding:7px 10px;font-size:12px;font-weight:900}.contract-elevated-section{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #061b340b}.contract-elevated-section:before{content:"";inset-block:12px;background:linear-gradient(#6b8e23,#d2b76f);border-radius:999px 0 0 999px;width:3px;position:absolute;right:0}.contract-financial-editor>p{color:#596b7d;margin:0;font-size:12px;font-weight:700}.switch-line{align-items:center;gap:8px;width:auto;margin:0;flex-direction:row!important;display:inline-flex!important}.contract-financial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.contract-financial-rows{background:#f7fbf9;border:1px dashed #cbd8d0;border-radius:12px;gap:8px;padding:10px;display:grid}.contract-financial-rows h5{color:#6b8e23;margin:0;font-size:13px}.contract-financial-row{border-top:1px solid #e2eae5;grid-template-columns:repeat(auto-fit,minmax(120px,1fr)) 38px;align-items:end;gap:8px;padding-top:8px;display:grid}.contract-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.contract-section-title h4{color:#061b34;margin:0;font-size:15px}.contract-payment-row{border-top:1px solid #e2eae5f2;grid-template-columns:34px minmax(180px,1.2fr) minmax(140px,.8fr) minmax(180px,1fr) 38px;align-items:end;gap:8px;padding-top:12px;transition:background .16s,transform .16s;display:grid}.contract-payment-row:hover{background:#eef5e847;transform:translate(-2px)}.contract-payment-row>strong{color:#6b8e23;background:#eef5e8;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:inline-flex}.contract-appendix-payment-settings{background:#ffffffb8;border:1px solid #6b8e233d;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:10px;padding:12px;display:grid}.contract-appendix-payment-settings strong{color:#061b34;grid-column:1/-1}.contract-appendix-payment-settings label{color:#6d7680;text-align:center;grid-template-rows:30px 38px;align-items:end;gap:6px;min-width:0;font-size:11px;font-weight:800;line-height:1.25;display:grid}.contract-appendix-payment-settings input{text-align:center;width:100%;min-width:0;height:38px}.contract-signature-fields{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contract-signature-fields .contract-section-title{grid-column:1/-1}.contract-signature-party{background:linear-gradient(#fffffff5,#f9fafbfa);border:1px solid #b6bdc4a6;border-radius:16px;gap:8px;min-width:0;padding:12px;display:grid;position:relative;overflow:visible;box-shadow:0 10px 28px #061b340d}.contract-signature-party:before{content:"";inset-inline:0;background:linear-gradient(90deg,#9aa3ad,#d1d6db);height:4px;position:absolute;top:0}.contract-signature-party strong{color:#6d7680;font-size:14px;font-weight:900}.contract-signature-party label{color:#6d7680;flex-direction:column;gap:6px;min-width:0;font-size:11px;font-weight:800;display:flex}.contract-signature-label{color:#7a848d;letter-spacing:.01em}.contract-signature-party input{text-overflow:ellipsis;color:#061b34;direction:rtl;background:linear-gradient(#fff 0%,#f8fafb 100%);border-color:#d7dce1;width:100%;min-width:0;padding-inline:8px;font-size:10.5px;font-weight:700}.contract-signature-party input::placeholder{color:#97a0aa}.contract-card-fields{background:linear-gradient(135deg,#fffffff2,#f7fbf9eb);border:1px solid #d8e2dce6;border-radius:16px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.contract-card-fields h4,.contract-checkbox-group{grid-column:1/-1}.contract-card-fields h4{color:#061b34;margin:0;font-size:14px}.contract-product-metrics{background:#f7fbf9;border:1px dashed #cbd8d0;border-radius:12px;grid-column:1/-1;gap:10px;padding:10px;display:grid}.contract-product-metrics h5{color:#6b8e23;margin:0;font-size:13px}.contract-product-metric{border-top:1px solid #e2eae5;grid-template-columns:58px repeat(2,minmax(95px,1fr));align-items:end;gap:8px;padding-top:8px;display:grid}.contract-product-metric strong{color:#061b34;font-size:14px}.contract-system-fields{background:#f7fbf9;border:1px dashed #cbd8d0;border-radius:12px;grid-column:1/-1;gap:8px;padding:10px;display:grid}.contract-system-fields h5{color:#6b8e23;margin:0;font-size:13px}.contract-system-field{grid-template-columns:minmax(230px,.55fr) minmax(180px,1fr);align-items:center;gap:8px;display:grid}.contract-system-field label{flex-direction:row;align-items:center;gap:8px}.contract-checkbox-group{flex-wrap:wrap;gap:10px;display:flex}.contract-checkbox-group label{flex-direction:row;align-items:center;width:auto}.contract-live-preview-panel{border-radius:18px;flex-direction:column;min-width:0;height:calc(100vh - 96px);max-height:calc(100vh - 96px);display:flex;position:sticky;top:82px;overflow:hidden}.contract-live-preview-head{z-index:4;background:linear-gradient(135deg,#fffffffa 0%,#f4f8f6f0 100%);border:1px solid #d8e2dceb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:-4px -4px 12px;padding:12px;display:flex;position:sticky;top:0;box-shadow:0 12px 26px #061b340e}.contract-live-preview-head h3{color:#061b34;margin:4px 0 0}.contract-preview-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.contract-zoom-slider{accent-color:#6b8e23;cursor:pointer;width:118px}.contract-preview-tools b{color:#061b34;text-align:center;background:linear-gradient(#fff,#f7faf8);border:1px solid #d8e2dc;border-radius:999px;min-width:44px;padding:7px 9px;font-size:12px}.contract-preview-tools .primary-btn,.contract-preview-tools .ghost-light-btn{border-radius:9px;min-height:34px;padding:8px 12px}.contract-live-preview{direction:ltr;background-color:#0000;background-image:linear-gradient(90deg,#061b340a 1px,#0000 1px),linear-gradient(0deg,#061b3409 1px,#0000 1px),linear-gradient(135deg,#edf4f0,#f7faf7);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d8e2dceb;border-radius:18px;flex:1;height:auto;min-height:0;padding:18px;overflow:auto;box-shadow:inset 0 1px #ffffffe6,inset 0 -40px 80px #061b3409}.contract-live-preview .contract-document-preview{background:0 0;border-radius:0;justify-items:center;gap:10mm;height:auto;max-height:none;padding:0;overflow:visible}.contract-live-preview .contract-paper{zoom:var(--contract-preview-zoom,.64);width:210mm;height:297mm;min-height:297mm;transition:transform .18s,box-shadow .18s;box-shadow:0 18px 42px #061b3429}.contract-live-preview .contract-paper:hover{transform:translateY(-2px);box-shadow:0 24px 54px #061b3433}.contract-form-actions{justify-content:flex-end;gap:8px;display:flex}.contract-clause-list{gap:8px;margin-top:12px;display:grid}.contract-clause-list article{background:linear-gradient(135deg,#fff,#f8fbfa);border:1px solid #e2eae5;border-radius:12px;grid-template-columns:1fr 38px;align-items:start;gap:10px;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.contract-clause-list article:hover{border-color:#6b8e2352;transform:translateY(-2px);box-shadow:0 12px 24px #061b340f}.contract-clause-list strong{color:#061b34;font-size:13px}.contract-clause-list p{color:#667;margin:5px 0 0;font-size:12px;line-height:1.8}.contract-free-editor{border-top:1px solid #e2eae5;gap:10px;margin-top:12px;padding-top:12px;display:grid}.panel-head.compact{margin:0}.contract-editor-toolbar,.contract-editor-files{flex-wrap:wrap;gap:7px;display:flex}.contract-editor-toolbar button{color:#061b34;cursor:pointer;background:linear-gradient(#fff,#f7faf8);border:1px solid #d8e2dc;border-radius:8px;min-width:38px;padding:8px 10px;font-weight:900;transition:transform .15s,border-color .15s,box-shadow .15s}.contract-editor-toolbar button:hover{border-color:#6b8e2366;transform:translateY(-2px);box-shadow:0 10px 20px #061b3412}.contract-free-editor-box{color:#061b34;background:#fff;border:1px solid #d8e2dc;border-radius:12px;outline:none;min-height:160px;padding:12px;line-height:1.8;transition:border-color .16s,box-shadow .16s}.contract-free-editor-box:focus{border-color:#6b8e239e;box-shadow:0 0 0 4px #6b8e231a}@keyframes contractHeroSweep{0%,56%{transform:translate(-120%)}82%,to{transform:translate(120%)}}@keyframes contractPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.contracts-hero{min-height:128px}.contracts-hero h1{font-size:24px}.contracts-hero-orbit{display:none}.contracts-stat{min-height:84px}.contract-builder-head{align-items:flex-start}.contract-live-preview{min-height:520px}}@media (width<=720px){.contracts-stats{gap:10px}.contracts-stat strong{font-size:22px}.contract-builder-head,.contract-live-preview-head{flex-direction:column;align-items:stretch}.contract-preview-tools{justify-content:flex-start}}.contract-free-editor-box:empty:before{content:"اكتب هنا أي بنود أو ملاحظات إضافية بحرية...";color:#94a3b8}.contract-inserted-image-list{gap:8px;display:grid}.contract-inserted-image-list article{cursor:grab;background:#f9fbfa;border:1px solid #e2eae5;border-radius:10px;grid-template-columns:54px 1fr auto 34px;align-items:center;gap:8px;padding:7px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.contract-inserted-image-list article:hover{border-color:#6b8e235c;transform:translateY(-2px);box-shadow:0 10px 20px #061b3411}.contract-inserted-image-list article:active{cursor:grabbing}.contract-inserted-image-list img{object-fit:cover;border-radius:6px;width:54px;height:42px}.contract-inserted-image-list small{color:#5f7f21;background:#eef5e8;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.contract-preview-modal{background:#eef2f0;width:min(1720px,100vw - 6px);height:calc(100vh - 6px);max-height:calc(100vh - 6px);padding:8px;overflow:hidden}.contract-preview-modal .access-modal-head{z-index:3;background:#eef2f0;margin-bottom:8px;position:sticky;top:0}.contract-document-preview{direction:ltr;background:#fff;border-radius:14px;gap:25mm;height:calc(100% - 56px);max-height:none;padding:0 10px;display:grid;overflow:auto}.access-modal.contract-preview-modal{border-radius:16px;width:calc(100vw - 6px);max-width:none;height:calc(100vh - 6px);max-height:calc(100vh - 6px);padding:8px}.contract-paper{color:#111827;width:min(230mm,100vw - 54px);height:297mm;min-height:297mm;box-shadow:none;page-break-after:always;direction:rtl;background:#fff;border:1px solid #d8e2dc;flex:none;margin:0 auto;padding:0;font-family:Arial,sans-serif;line-height:2;position:relative;overflow:hidden}.contract-paper-dropzone:after{content:"اسحب الصورة هنا";z-index:4;opacity:0;color:#4f741c;pointer-events:none;background:#eef5e8d1;border:1px dashed #6b8e2399;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;transition:opacity .14s;position:absolute;bottom:8mm;left:10mm}.contract-paper-dropzone:hover:after{opacity:1}.contract-floating-image{z-index:5;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff9e;border:1px solid #6b8e237a;transition:box-shadow .14s,border-color .14s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 30px #061b3429}.contract-floating-image:hover{border-color:#6b8e23d9;box-shadow:0 16px 40px #061b3438}.contract-floating-image img{pointer-events:none;width:100%;display:block}.contract-floating-resize{cursor:nwse-resize;background:#6b8e23;border:2px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;bottom:-8px;left:-8px;box-shadow:0 4px 12px #061b343d}.contract-document-preview.has-custom-template .contract-paper:before{content:"";z-index:0;background:var(--contract-template-url) center / cover no-repeat;pointer-events:none;position:absolute;inset:0}.contract-document-preview.has-custom-template .contract-template-image{display:none}.contract-template-image{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.contract-template-content{z-index:1;margin-top:46mm;padding:0 16mm 44mm;position:relative}.contract-template-content.single-unit-signature-page{flex-direction:column;min-height:207mm;display:flex}.single-unit-signature-content{min-height:inherit;flex-direction:column;display:flex}.contract-bottom-signatures{direction:rtl;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:18mm;margin-top:auto;margin-bottom:22mm;padding-top:8mm;display:grid}.contract-bottom-signature{min-height:18mm;padding:0;font-size:14px;line-height:1.8}.contract-bottom-signature p{font-weight:inherit;margin:4px 0 0}.contract-bottom-signature strong{margin-top:4px;font-weight:900;display:block}.contract-appendix-signatures .contract-bottom-signature p{margin:4px 0 0}.contract-appendix-signatures .contract-bottom-signature p:first-child{background:#f3f8efe6;border-right:3px solid #6b8e23;padding:2px 8px;font-weight:900;display:block}.contract-appendix-signatures .contract-bottom-signature p:last-child{margin-bottom:0}.contract-bottom-signature-first{text-align:right;grid-column:1}.contract-bottom-signature-second{text-align:right;grid-column:2}.contract-qr{z-index:2;background:#fff;border:1px solid #111827;width:32mm;padding:2mm;position:absolute}.contract-qr img{aspect-ratio:1;width:100%;display:block}.contract-verify-qr-shell{width:160px;height:160px;position:relative}.contract-qr small{display:none}.contract-qr-bottom-center{bottom:18mm;right:50%;transform:translate(50%)}.contract-page-footer{z-index:2;pointer-events:none;direction:ltr;justify-content:flex-start;width:auto;display:flex;position:absolute;bottom:8mm;left:16mm;right:auto}.contract-page-footer span{display:none}.contract-page-footer b{color:#061b34;text-align:center;background:#ffffffc2;border-radius:999px;min-width:22mm;padding:1mm 4mm;font-size:10px;line-height:1.4}.contract-paper a,.contract-paper a:visited{color:inherit;text-decoration:none}.contract-paper a:after{content:""}.contract-paper h2{text-align:center;color:#061b34;margin:0;font-size:22px}.contract-index-card{background:#ffffffd1;border:1px solid #1f2937;width:min(520px,100%);margin:28px auto 0;padding:18px;font-size:15px}.contract-index-card strong,.contract-index-card li{color:#061b34}.contract-index-card ul{margin:12px 0 0;padding-inline-start:24px}.contract-platform-note{color:#6b8e23;text-align:center;width:min(520px,100%);margin:22px auto 0;font-weight:900}.contract-toc-heading{text-align:center;border-bottom:2px solid #6b8e23;width:min(590px,100%);margin:18px auto 14px;padding-bottom:10px}.contract-toc-heading span,.contract-toc-heading small{color:#6b8e23;letter-spacing:0;font-size:10px;font-weight:900;display:block}.contract-toc-heading h3{color:#061b34;margin:4px 0;font-size:20px}.contract-toc{gap:5px;width:min(590px,100%);margin:0 auto;font-size:11px;display:grid}.contract-toc-row{background:#ffffffc7;border:1px solid #d8e2dc;border-radius:8px;grid-template-columns:34px 1fr 42px;align-items:center;gap:9px;min-height:28px;padding:4px 6px;display:grid}.contract-toc-row em{color:#fff;background:#061b34;border-radius:7px;place-items:center;width:26px;height:22px;font-size:10px;font-style:normal;font-weight:900;display:grid}.contract-toc-row span{color:#061b34;font-size:11px;font-weight:800;line-height:1.45}.contract-toc-row b{color:#4f741c;text-align:center;background:#eef5e8;border-radius:999px;padding:4px 8px;font-size:10px}.contract-meta{text-align:center;color:#667;margin:8px 0 18px;font-size:13px}.contract-paper h3{color:#c2571b;margin:18px 0 8px;font-size:16px}.contract-paper table{border-collapse:collapse;width:100%;font-size:12px}.contract-paper th,.contract-paper td{vertical-align:top;border:1px solid #1f2937;padding:7px}.contract-paper th{background:#f3f7f5;width:120px}.contract-clause{margin-top:8px}.contract-clause strong{color:#061b34}.contract-clause p{margin:4px 0 0;font-size:14px}.intellectual-property-followup-clause p{margin-top:3px;font-size:12px;line-height:1.65}.compact-disclosure-clause{margin-top:5px}.compact-disclosure-clause p{margin-top:2px;font-size:11px;line-height:1.45}.single-unit-agreement-intro p{margin-top:3px;font-size:11px;line-height:1.45}.single-unit-agreement-intro .contract-fixed-heading{color:#061b34;text-align:right;background:#f1f8ed;border-right:3px solid #6b8e23;margin:7px 0 4px;padding:5px 10px;font-size:12px;font-weight:900;line-height:1.35}.single-unit-agreement-intro .contract-section-subtitle{text-align:center;color:#061b34;margin:2px 0 6px;font-weight:900}.contract-clause.variable{border-right:3px solid #6b8e23;padding-right:10px}.agreement-text-page{margin-top:0}.agreement-clause{margin-top:6px}.agreement-clause strong{background:#eef5e8b8;border-right:3px solid #6b8e23;padding:4px 8px 4px 0;display:block}.agreement-clause p{text-align:justify;margin:3px 0 0;font-size:11.8px;line-height:1.52}.primary-appendix-page .agreement-clause p{font-size:11.5px;line-height:1.5}.station-definition-card{margin-top:-16mm}.station-definition-card h2{margin-bottom:2px}.station-card-subtitle{text-align:center;color:#061b34;margin:0 0 6px;font-size:11px;font-weight:900}.station-definition-card table{border-collapse:collapse;background:#ffffffe0;width:100%;font-size:9.4px;line-height:1.25}.station-definition-card th,.station-definition-card td{text-align:center;vertical-align:middle;border:1px solid #111827;min-height:8mm;padding:5px}.station-definition-card th{color:#111827;background:#f1f5f9;font-weight:900}.station-definition-card .station-card-section th{color:#061b34;background:#dff8f7;font-size:9.8px}.station-card-signature th,.station-card-signature td{height:30mm}.station-card-signature td{color:#3154d4;font-family:Segoe Script,Brush Script MT,cursive;font-size:18px;font-weight:900}.custom-contract-content{gap:14px;display:grid}.custom-contract-rich-text{color:#111827;text-align:start;background:#ffffffd1;border:1px solid #d8e2dc;padding:12px;font-size:14px;line-height:1.8}.custom-contract-rich-text h2,.custom-contract-rich-text h3{color:#061b34}.custom-contract-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.custom-contract-images figure{background:#fff;border:1px solid #d8e2dc;margin:0;padding:8px}.custom-contract-images img{object-fit:contain;width:100%;max-height:95mm;display:block}.custom-contract-images figcaption{color:#667;text-align:center;margin-top:5px;font-size:10px}.disclosure-detail{margin-top:5px}.disclosure-detail strong{background:#eef5e8b8;border-right:3px solid #6b8e23;padding:3px 8px 3px 0;display:block}.disclosure-detail p{text-align:justify;margin:3px 0 0;font-size:12px;line-height:1.54}.practice-site-clause p{margin:0;font-size:11.5px;line-height:1.3}.practice-site-clause p:first-of-type{margin-top:0}.practice-site-clause strong{margin-bottom:1px;font-size:14px}.practice-site-clause--continued strong{display:none}.practice-site-clause--continued{margin-top:0}.current-franchisees-clause{margin-top:4px}.current-franchisees-clause strong{margin-bottom:2px}.contract-definition-list{gap:3px;margin:5px 0 0;padding:0;list-style:none;display:grid}.contract-definition-list li{background:#ffffffad;border:1px solid #d8e2dc;grid-template-columns:minmax(116px,.24fr) minmax(0,1fr);align-items:start;gap:0;padding:0;font-size:9.5px;line-height:1.55;display:grid}.contract-definition-list b{color:#061b34;background:#eef5e8e0;border-left:1px solid #d8e2dc;justify-content:flex-start;align-items:flex-start;height:100%;padding:6px 8px;display:flex}.contract-definition-list span{color:#111827;text-align:justify;padding:6px 8px}.contract-disclosure-table{border-collapse:collapse;width:100%;margin-top:7px;font-size:9.5px;line-height:1.45}.disclosure-detail,.contract-disclosure-table{break-inside:avoid;page-break-inside:avoid}.contract-dynamic-facts{background:#ffffffc7;border:1px solid #d8e2dc;border-radius:4px;margin:0 0 8px;overflow:hidden}.contract-dynamic-facts-head{color:#061b34;background:#eef5e8db;justify-content:space-between;gap:10px;padding:6px 9px;font-size:10.2px;font-weight:800;display:flex}.contract-dynamic-facts-head b{color:#6b8e23;font-size:9px}.contract-dynamic-facts table{border-collapse:collapse;width:100%;font-size:10.2px;line-height:1.45}.contract-dynamic-facts th,.contract-dynamic-facts td{vertical-align:top;border:1px solid #d8e2dc;padding:4px 6px}.contract-dynamic-facts th{color:#334155;background:#f8fbf7e6;width:18%;font-weight:800}.contract-dynamic-facts td{color:#061b34;width:32%;font-weight:700}.contract-disclosure-table th,.contract-disclosure-table td{text-align:center;vertical-align:middle;border:1px solid #1f2937;padding:5px 6px}.contract-disclosure-table th{color:#061b34;background:#eef5e8;font-weight:900}.contract-disclosure-note{color:#c2571b;font-weight:900}.contract-certificate-page{margin:0 0 5px;display:block}.contract-certificate-page--inline{margin-top:8px}.contract-disclosure-certificate{object-fit:contain;background:#fff;border:0;width:100%;max-height:128mm;margin:0 auto 5px;display:block}.financial-summary-block{margin-top:2px}.financial-summary-table{border-collapse:collapse;color:#111827;direction:rtl;background:#ffffffd1;width:100%;font-size:8.8px;line-height:1.18}.financial-summary-table td,.financial-summary-table th{text-align:center;vertical-align:middle;border:1px solid #111827;padding:2px 4px}.financial-summary-table th{background:#eef5e8;font-weight:900}.financial-summary-table .financial-title{color:#fff;letter-spacing:0;background:#10221d;font-size:11px}.financial-summary-table .financial-subtitle{color:#111827;background:#dfe8df;font-size:10px}.financial-summary-table .financial-section-row{color:#061b34;text-align:right;background:#f3f6ef}.financial-summary-table .financial-total th,.financial-summary-table .financial-total td{background:#f8fafc;font-weight:900}.financial-summary-table .financial-grand th,.financial-summary-table .financial-grand td{background:#e9efe6;font-size:10px;font-weight:900}.financial-attestation{text-align:center;color:#111827;margin-top:8px;padding:0 8mm;font-size:14px;line-height:1.55}.financial-attestation-page{margin-top:2mm;padding-top:0}.financial-attestation p{margin:4px 0}.financial-signature{text-align:center;gap:6px;width:42mm;margin:12px auto 0 0;display:grid}.financial-signature span{font-weight:800}.financial-signature strong{color:#31548f;min-height:12mm;font-size:13px;font-weight:900}.contract-verify-page{background:radial-gradient(circle at 15% 15%,#6b8e233d,#0000 35%),linear-gradient(135deg,#061b34,#0d4154);place-items:center;min-height:100vh;padding:24px;display:grid}.contract-verify-card{background:#fffffff7;border:1px solid #ffffff3d;border-radius:20px;width:min(860px,100%);min-height:520px;padding:26px;box-shadow:0 20px 60px #0000003d}.contract-verify-header{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.contract-verify-header img{width:78px;height:auto}.contract-verify-card.ok .contract-verify-header svg{color:#2f7d32}.contract-verify-card.invalid .contract-verify-header svg{color:#a94442}.contract-verify-header h1{color:#061b34;margin:0;font-size:30px;line-height:1.3}.contract-verify-header p{color:#445;margin-top:6px;font-size:14px;line-height:1.8}.contract-verify-qr-wrap{background:#f7faf8;border:1px solid #dce7e1;border-radius:14px;justify-items:center;gap:10px;min-height:196px;margin-top:18px;padding:16px;display:grid}.contract-verify-qr{background:#fff;border:1px solid #cfdcd4;border-radius:10px;width:100%;height:100%;padding:6px}.qr-logo-overlay{aspect-ratio:1;pointer-events:none;background:#ffffffe0;border-radius:999px;place-items:center;width:20%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-logo-overlay img{object-fit:contain;opacity:.42;width:70%;height:70%}.contract-verify-qr-wrap small{color:#445;font-size:12px;font-weight:800}.contract-verify-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.contract-verify-meta div{background:#f7faf8;border:1px solid #dce7e1;border-radius:10px;padding:11px}.contract-verify-meta span,.contract-verify-meta strong{display:block}.contract-verify-meta span{color:#667;font-size:12px;font-weight:800}.contract-verify-meta strong{color:#061b34;margin-top:4px;font-size:13px}.station-request-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.station-request-form label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.station-request-form input,.station-request-form textarea{font:inherit;color:#061b34;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:10px}.station-request-form textarea{resize:vertical}.station-request-form .full{grid-column:1/-1}.api-key-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.api-key-form label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.api-key-form input{font:inherit;color:#061b34;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:10px}.api-key-form .full{grid-column:1/-1}.api-keys-list{flex-direction:column;gap:10px;display:flex}.api-key-item{background:#f4f7f6;border:1px solid #e7ece9;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.api-key-main{align-items:flex-start;gap:8px;display:flex}.api-key-main strong{font-size:13px}.api-key-main p{color:#405265;margin:4px 0;font-size:12px}.api-key-main small{color:#667}.api-key-actions{gap:8px;display:flex}.profile-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.profile-avatar{color:#6b8e23;background:#eef5e8;border-radius:50%;place-items:center;width:74px;height:74px;display:grid}.profile-head h3{margin:0;font-size:18px}.profile-head p{color:#667;margin:6px 0 0;font-size:13px}.profile-details{margin-top:10px}.profile-completion{align-items:center;gap:10px;margin-bottom:12px;display:flex}.profile-progress{background:#dfe8e3;border-radius:999px;flex:1;height:10px;overflow:hidden}.profile-progress span{background:#6b8e23;height:100%;display:block}.profile-hero{color:#fff;background:linear-gradient(135deg,#6b8e2338,#0000 42%),linear-gradient(135deg,#061b34,#0b2f56);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:24px;display:flex}.profile-hero-main{align-items:center;gap:16px;display:flex}.profile-hero h1{margin:8px 0 6px;font-size:30px}.profile-hero p{color:#dbe7e2;margin:0}.profile-avatar.large{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;width:92px;height:92px}.profile-score{text-align:center;background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;min-width:138px;padding:16px}.profile-score strong{font-size:34px;display:block}.profile-score span{color:#dbe7e2;font-weight:700}.profile-grid{grid-template-columns:.75fr 1.25fr;gap:14px;margin-top:18px;display:grid}.profile-card{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:18px;box-shadow:0 10px 25px #0000000f}.identity-card{grid-row:span 2}.profile-kpis{gap:10px;margin:14px 0;display:grid}.profile-kpis div,.profile-timeline div{background:#f4f7f6;border-radius:12px;padding:11px}.profile-kpis span,.profile-timeline span{color:#667;margin-bottom:5px;font-size:12px;display:block}.profile-kpis strong,.profile-timeline strong{color:#061b34}.profile-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-form-grid label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.profile-form-grid input{font:inherit;color:#061b34;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:11px}.profile-form-grid input:disabled{color:#667;background:#eef3f1}.profile-form-grid .full{grid-column:1/-1}.profile-checks{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.profile-checks label{color:#4f741c;background:#eef5e8;border-radius:999px;align-items:center;gap:8px;padding:9px 11px;font-weight:800;display:inline-flex}.profile-timeline{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-timeline div{grid-template-columns:22px 1fr;align-items:center;gap:5px 8px;display:grid}.profile-timeline strong{overflow-wrap:anywhere;grid-column:2}.profile-actions-bar{background:linear-gradient(#0000,#f4f7f6 42%);justify-content:flex-start;margin-top:14px;padding:14px 0 0;display:flex;position:sticky;bottom:0}.profile-actions-bar button{align-items:center;gap:8px;display:inline-flex}.access-hero svg{color:#9dbc4b}.access-hero-modern{color:#fff;background:radial-gradient(circle at 14% 30%,#9dbc4b47,#0000 28%),linear-gradient(135deg,#061b34 0%,#08233f 58%,#102f37 100%);border:1px solid #ffffff26;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:190px;margin-top:18px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 44px #061b3429}.access-hero-modern:after{content:"";inset-inline-start:28%;background:#ffffff14;border-radius:999px;width:230px;height:230px;position:absolute;top:-80px}.access-hero-copy{z-index:1;max-width:720px;position:relative}.access-hero-copy h1{color:#fff;margin:16px 0 10px;font-size:34px;line-height:1.2}.access-hero-copy p{color:#ffffffd1;max-width:620px;margin:0 0 22px;font-weight:700}.access-create-btn{align-items:center;gap:8px;display:inline-flex}.access-hero-mark{z-index:1;background:#ffffff14;border:1px solid #ffffff24;border-radius:26px;align-content:center;place-items:center;gap:12px;width:150px;height:150px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff29}.access-hero-mark svg{color:#9dbc4b}.access-hero-mark span{color:#ffffffc7;font-size:12px;font-weight:800}.access-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.access-stats.modern{gap:16px}.access-stat{background:#fff;border:1px solid #e7ece9;border-radius:18px;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000f}.access-stat:before{content:"";inset-inline-end:-30px;background:#9dbc4b1f;border-radius:999px;width:90px;height:90px;position:absolute;top:-30px}.access-stat svg{color:#6b8e23;margin-bottom:12px}.access-stat span{color:#667;margin-bottom:8px;font-size:13px;display:block}.access-stat strong{color:#061b34;font-size:26px}.access-stat small{inset-inline-end:16px;color:#9aa7ad;font-size:12px;font-weight:900;position:absolute;top:14px}.access-records-panel{border-radius:18px;min-height:380px;margin-top:18px}.access-records-head{align-items:flex-start;margin-bottom:18px}.access-records-head p{color:#667;margin:6px 0 0;font-size:13px;font-weight:700}.access-records-head .ghost-light-btn{align-items:center;gap:8px;display:inline-flex}.access-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.access-layout{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.access-table{flex-direction:column;gap:9px;display:flex}.access-row{background:#f7faf8;border:1px solid #0000;border-radius:12px;grid-template-columns:1.1fr 1.35fr .75fr .6fr .95fr;align-items:center;gap:10px;padding:12px;display:grid}.access-row.users{grid-template-columns:1fr 1.35fr .75fr .6fr .9fr 108px}.access-row.roles{grid-template-columns:.8fr 1.7fr .8fr}.access-row.permissions{grid-template-columns:1fr 1.2fr .8fr}.access-row.head{color:#fff;background:linear-gradient(135deg,#061b34,#092642);font-weight:800;box-shadow:0 12px 24px #061b3421}.access-row strong{color:#061b34;overflow-wrap:anywhere}.access-row.head strong,.access-row.head span{color:#fff}.access-row span,.access-row em,.access-row b,.access-row small{color:#405265;overflow-wrap:anywhere;font-size:12px;font-style:normal}.access-row em,.access-row b{color:#4f741c;background:#eaf4dc;border-radius:999px;justify-self:start;padding:6px 9px;font-weight:800}.access-row b.blocked{color:#b42318;background:#ffe9e9}.access-actions{justify-content:flex-start;gap:6px;display:flex}.access-actions button{color:#061b34;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:9px;place-items:center;width:30px;height:30px;padding:0;display:grid}.access-actions .danger-action{color:#b42318;border-color:#ffd2d2}.access-form{flex-direction:column;gap:12px;display:flex}.access-form label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.access-form input,.access-form select,.access-form textarea{font:inherit;color:#061b34;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:11px}.access-form textarea{resize:vertical;min-height:96px}.access-form-actions{flex-wrap:wrap;gap:8px;display:flex}.access-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04111f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.access-modal{background:#fff;border:1px solid #ffffff5c;border-radius:22px;width:min(560px,100%);max-height:min(760px,100vh - 40px);padding:22px;overflow:auto;box-shadow:0 28px 80px #00000042}.clickable-row{cursor:pointer}.clickable-row:hover{background:#eef5e8}.station-details-modal{width:min(1120px,100vw - 28px);max-height:calc(100vh - 28px)}.station-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.station-details-block{background:#f8fbfa;border:1px solid #dce7e1;border-radius:12px;padding:14px}.station-details-block h4{color:#061b34;margin:0 0 12px;font-size:14px}.station-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.station-detail-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.station-detail-item{background:#fff;border:1px solid #e1ebe6;border-radius:10px;min-width:0;padding:9px 10px}.station-detail-item span{color:#667;margin-bottom:4px;font-size:11px;display:block}.station-detail-item strong{color:#061b34;overflow-wrap:anywhere;font-size:12px;display:block}.station-location-link,.attachment-file-btn{color:#061b34;width:100%;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.station-location-link{align-items:flex-start;gap:6px;padding:0;display:flex}.station-location-link svg{color:#6b8e23;flex:none;margin-top:1px}.station-location-link:hover strong,.attachment-file-btn:hover{color:#5d7f16;text-decoration:underline}.attachment-file-btn{overflow-wrap:anywhere;justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding:0;display:inline-flex}.attachment-file-btn svg{color:#6b8e23;flex:none}.attachment-choice-modal{width:min(440px,100vw - 32px)}.attachment-choice-name{color:#061b34;overflow-wrap:anywhere;background:#f8fbfa;border:1px solid #e1ebe6;border-radius:10px;margin:0 0 14px;padding:10px;font-size:13px;font-weight:800}.attachment-choice-actions{justify-content:flex-end;gap:8px;display:flex}.attachment-choice-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.detail-chip-list{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.detail-chip-list span,.detail-chip-list em{color:#061b34;background:#fff;border:1px solid #dce7e1;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:700}.detail-chip-list.muted span,.detail-chip-list.muted em{color:#4d6174;background:#f2f6f4}.detail-chip-list.quantities{margin:10px 0 0}.details-mini-table{gap:6px;display:grid}.details-mini-table>div{background:#fff;border:1px solid #e1ebe6;border-radius:10px;grid-template-columns:80px 1fr 120px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}.details-mini-table.two-col>div{grid-template-columns:100px 1fr}.details-mini-table>div:first-child{color:#fff;background:#061b34;border-color:#061b34}.details-mini-table p{color:#667;text-align:center;background:#fff;border:1px dashed #dce7e1;border-radius:10px;margin:0;padding:12px}.access-modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.access-modal-head span{color:#5d7f16;background:#eaf4dc;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.access-modal-head h3{color:#061b34;margin:12px 0 0;font-size:22px}.access-modal-head button{color:#061b34;cursor:pointer;background:#f7faf8;border:1px solid #d8e2dc;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.modal-form{gap:14px}.ghost-light-btn{color:#061b34;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:10px;padding:10px 14px;font-weight:800}.accounting-hero svg{color:#9dbc4b}.accounting-stats{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px;display:grid}.accounting-stats div{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:14px;box-shadow:0 10px 25px #0000000e}.accounting-stats span{color:#667;margin-bottom:8px;font-size:12px;display:block}.accounting-stats strong{color:#061b34;font-size:18px}.accounting-layout{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:18px;display:grid}.accounting-table,.accounting-list{flex-direction:column;gap:9px;display:flex}.accounting-row{background:#f4f7f6;border-radius:12px;grid-template-columns:1.1fr .9fr .6fr .8fr .9fr .9fr;align-items:center;gap:10px;padding:12px;display:grid}.accounting-row.head{color:#fff;background:#061b34;font-weight:800}.accounting-row strong,.accounting-row b{color:#061b34}.accounting-row span,.accounting-row b{font-size:12px}.accounting-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.accounting-tabs button{color:#061b34;cursor:pointer;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:9px;font-weight:800}.accounting-tabs button.active{color:#fff;background:#6b8e23;border-color:#6b8e23}.accounting-form{gap:10px;display:grid}.accounting-form label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.accounting-form input,.accounting-form select{font:inherit;color:#061b34;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:10px}.accounting-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.accounting-list div{color:#061b34;background:#f4f7f6;border-radius:11px;padding:10px;font-size:13px;font-weight:700}.hr-hero svg{color:#9dbc4b}.hr-stats{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px;display:grid}.hr-stats div{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:14px;box-shadow:0 10px 25px #0000000e}.hr-stats span{color:#667;margin-bottom:8px;font-size:12px;display:block}.hr-stats strong{color:#061b34;font-size:18px}.hr-layout{grid-template-columns:1.4fr .6fr;align-items:start;gap:14px;margin-top:18px;display:grid}.hr-table,.hr-list{flex-direction:column;gap:9px;display:flex}.hr-row{background:#f4f7f6;border-radius:12px;grid-template-columns:1.1fr .7fr .9fr .8fr .8fr .7fr .55fr;align-items:center;gap:10px;padding:12px;display:grid}.hr-row.head{color:#fff;background:#061b34;font-weight:800}.hr-row strong,.hr-row b{color:#061b34}.hr-row span,.hr-row b,.hr-row em{font-size:12px}.hr-row em{color:#5a7f15;background:#eaf4d7;border-radius:999px;width:fit-content;padding:6px 10px;font-style:normal;font-weight:800}.hr-tabs{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.hr-tabs button{color:#061b34;cursor:pointer;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:9px 7px;font-weight:800}.hr-tabs button.active{color:#fff;background:#6b8e23;border-color:#6b8e23}.hr-form{gap:10px;display:grid}.hr-form label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.hr-form input,.hr-form select{font:inherit;color:#061b34;background:#f7faf8;border:1px solid #d8e2dc;border-radius:10px;padding:10px}.hr-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.hr-list div{color:#061b34;background:#f4f7f6;border-radius:11px;padding:10px;font-size:13px;font-weight:700}.wizard-steps{background:linear-gradient(#f9fcfb,#f3f7f5);border:1px solid #dce6e1;border-radius:14px;gap:8px;margin-top:12px;padding:6px;display:flex}.wizard-steps button{color:#061b34;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:10px;padding:8px 12px;font-weight:800;transition:all .24s}.wizard-steps button.active{color:#fff;background:#6b8e23;border-color:#6b8e23;box-shadow:0 8px 20px #6b8e2340}.wizard-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wizard-grid label,.full{flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.wizard-grid input,.wizard-grid select,.full textarea,.full input{font:inherit;border:1px solid #d8e2dc;border-radius:10px;padding:9px}.wizard-grid input.station-number-field,.contract-builder-form input.station-number-field{color:#061b34;cursor:not-allowed;background:#e5e7eb;border-color:#c8ced4;font-weight:900}.owner-info-grid .location-field{grid-column:1/-1}.phone-input-wrap{grid-template-columns:78px 1fr;align-items:center;gap:6px;display:grid}.phone-input-wrap span{color:#061b34;text-align:center;background:#e5e7eb;border:1px solid #c8ced4;border-radius:10px;padding:9px;font-weight:900}.location-input-wrap{grid-template-columns:1fr 38px;gap:6px;display:grid}.location-input-wrap button{color:#6b8e23;cursor:pointer;background:#eef5e8;border:1px solid #d8e2dc;border-radius:10px;place-items:center;display:grid}.location-picker-modal{width:min(840px,100vw - 40px);max-width:840px;overflow-x:hidden}.location-picker-actions{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.location-picker-actions label{color:#223;flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.location-picker-actions input{font:inherit;border:1px solid #d8e2dc;border-radius:10px;padding:10px}.location-picker-actions button,.location-picker-footer button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.location-map-preview{background:#f7faf8;border:1px solid #d8e2dc;border-radius:12px;height:360px;margin-top:12px;position:relative;overflow:hidden}.location-map-preview iframe{border:0;width:100%;height:100%}.google-location-map{width:100%;height:100%}.location-map-key-warning{z-index:3;color:#061b34;text-align:center;background:#ffffffe6;place-items:center;padding:24px;font-size:13px;font-weight:900;line-height:1.8;display:grid;position:absolute;inset:0}.location-map-mode-switch{z-index:4;background:#07131fc7;border:1px solid #ffffff38;border-radius:12px;gap:6px;padding:5px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 12px 28px #0003}.location-map-mode-switch button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:900}.location-map-mode-switch button.active{background:#6b8e23}.location-map-click-layer{z-index:2;cursor:crosshair;background:#061b340f;border:0;width:100%;height:100%;position:absolute;inset:0}.location-map-click-layer:hover{background:#061b3405}.location-map-pin{z-index:3;color:#d22f2f;filter:drop-shadow(0 7px 10px #00000047);pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-100%)}.location-map-click-layer:hover .location-map-pin svg,.location-map-pin svg{color:#d22f2f!important}.location-picker-status{color:#5d7f16;margin:8px 2px 0;font-size:12px;font-weight:800}.location-picker-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.wizard-dual{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.wizard-dual>div{background:#f9fcfb;border:1px solid #dfe8e3;border-radius:14px;padding:12px}.wizard-dual h3{color:#061b34;margin:0 0 10px}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip-check{background:#fff;border:1px solid #d8e2dc;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;transition:all .2s;display:inline-flex}.chip-check:hover{background:#f2f9e8;border-color:#6b8e23}.inline-row{grid-template-columns:90px 1fr 140px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.inline-row select,.inline-row input{background:#fff;border:1px solid #d8e2dc;border-radius:9px;padding:8px}.wizard-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.score-badge{color:#456a15;background:#eaf4dc;border-radius:999px;align-items:center;gap:6px;margin-inline-end:auto;padding:7px 11px;font-weight:900;display:inline-flex}.requirements-list{flex-direction:column;gap:8px;display:flex}.requirement-row{background:#f7faf8;border:1px solid #e3ebe7;border-radius:10px;grid-template-columns:1fr 200px 180px;align-items:center;gap:8px;padding:8px;transition:border-color .2s,box-shadow .2s;display:grid}.requirement-row:hover{border-color:#c3d7cd;box-shadow:0 8px 16px #061b340a}.requirement-row input{border:1px solid #d8e2dc;border-radius:9px;padding:8px}.upload-inline{background:#fff;border:1px dashed #b8c8bf;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.upload-inline input[type=file]{border:0;padding:0}.wizard-actions .primary-btn,.wizard-actions .ghost-light-btn{align-items:center;gap:6px;display:inline-flex}.myreq-panel{border-radius:16px}.myreq-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.myreq-row{text-align:right;cursor:pointer;border:1px solid #0000;width:100%;transition:transform .2s,box-shadow .2s,border-color .2s}.myreq-row:hover{border-color:#d6e2dc;transform:translateY(-1px);box-shadow:0 10px 18px #061b340f}.myreq-row.active{border-color:#6b8e23;box-shadow:0 12px 24px #6b8e2333}.inline-link-btn{color:#061b34;background:#fff;border:1px solid #d8e2dc;border-radius:9px;place-items:center;width:30px;height:30px;text-decoration:none;display:grid}.missing-list{flex-direction:column;gap:8px;display:flex}.missing-list div{color:#8a2020;background:#fff6f6;border:1px solid #ffe0e0;border-radius:10px;padding:9px 10px;font-weight:700}.warning-yellow{color:#6b4e00;background:#fff8dd;border:1px solid #f6e2a5;align-items:flex-start;gap:10px;display:flex}.warning-yellow strong{align-items:center;gap:6px;min-width:135px;display:inline-flex}.missing-inline{flex-wrap:wrap;gap:6px;display:flex}.missing-inline span{background:#ffeeb3;border:1px solid #f2d980;border-radius:999px;padding:5px 10px;font-weight:700}.missing-actions{gap:8px;margin-inline-start:auto;display:flex}.status-pill{border-radius:999px;padding:6px 10px;font-weight:800}.status-pill.status-draft{color:#9a6b00;background:#fff3d6}.status-pill.status-review{color:#1f4f9e;background:#e8f0ff}.status-pill.status-approved{color:#1c7c35;background:#e7f6e9}.status-pill.status-rejected{color:#b42318;background:#ffe8e8}.status-pill.status-default{color:#4f5b66;background:#eef1ef}.hero,.operations-hero,.stations-hero,.maintenance-hero,.reports-hero,.module-hero,.profile-hero,.access-hero-modern{min-height:unset;border-radius:14px;padding:18px 20px}.access-hero-modern{min-height:150px}.hero h1,.operations-hero h1,.stations-hero h1,.maintenance-hero h1,.reports-hero h1,.module-hero h1,.profile-hero h1,.access-hero-copy h1{margin-bottom:8px;font-size:24px;line-height:1.25}.hero p,.operations-hero p,.stations-hero p,.maintenance-hero p,.reports-hero p,.module-hero p,.profile-hero p,.access-hero-copy p{font-size:13px;line-height:1.65}.access-hero-copy h1{margin-top:12px}.access-hero-copy p{margin-bottom:14px}.access-hero-mark{border-radius:16px;width:116px;height:116px}.stats-grid,.ops-stats,.station-stats,.maintenance-stats,.reports-stats,.module-stats,.access-stats,.accounting-stats,.hr-stats{gap:10px;margin-top:12px}.stat-card,.ops-card,.station-stat-card,.maintenance-card,.report-card,.module-card,.access-stat,.accounting-stats div,.hr-stats div,.panel,.ops-panel,.station-side-panel,.station-tools,.stations-table-panel,.maintenance-panel,.reports-panel,.module-panel,.profile-card,.identity-card{border-radius:12px;padding:12px}.stat-card h2,.ops-card h2,.station-stat-card h2,.maintenance-card h2,.report-card h2,.module-card h2,.access-stat strong,.accounting-stats strong,.hr-stats strong{font-size:20px}.stat-card p,.ops-card p,.station-stat-card p,.maintenance-card p,.report-card p,.module-card p,.access-stat span,.accounting-stats span,.hr-stats span{font-size:12px}.panel-head h3,.panel h3,.module-panel h3,.access-modal-head h3{font-size:17px}.access-records-panel,.accounting-layout,.accounting-grid,.hr-layout,.hr-grid,.access-layout{margin-top:12px}.access-row,.accounting-row,.hr-row{border-radius:10px;padding:9px 10px}.access-actions button{border-radius:8px;width:28px;height:28px}.access-modal{border-radius:16px;padding:18px}.access-form input,.access-form select,.access-form textarea,.accounting-form input,.accounting-form select,.hr-form input,.hr-form select{border-radius:8px;padding:9px 10px;font-size:13px}.primary-btn,.ghost-light-btn,.hero-actions .primary-btn,.hero-actions .ghost-btn{border-radius:9px;padding:9px 13px;font-size:13px}button,a,.nav-link,.sub-nav-link,.nav-group-toggle,.icon-btn,.profile-link,.sidebar-pin{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .2s}button:hover,a:hover,.icon-btn:hover,.profile-link:hover{background-color:#6b8e23;border-color:#6b8e23;color:#fff!important}button:hover svg,a:hover svg,.icon-btn:hover svg,.profile-link:hover svg{color:#fff!important}@media (width<=1100px){.reports-hero{flex-direction:column;align-items:flex-start;gap:16px}.reports-stats,.reports-grid,.quick-report,.report-row{grid-template-columns:1fr}.reports-hero h1{font-size:24px}.sidebar{display:none}.stats-grid,.dashboard-grid,.dashboard-grid.small,.ops-stats,.ops-grid,.shift-list,.station-stats,.stations-layout,.station-features-grid,.maintenance-stats,.maintenance-grid,.tank-list,.module-stats,.module-grid,.access-stats,.access-layout,.accounting-stats,.accounting-layout,.accounting-grid,.hr-stats,.hr-layout,.hr-grid,.petro-station-layout,.petro-pumps-grid,.petro-tanks-grid,.stations-map-layout,.stations-map-workspace,.station-location-filters,.atg-tank-grid,.atg-station-grid,.atg-station-picker,.atg-bind-form{grid-template-columns:1fr}.dashboard-map-side{position:static}.live-map-canvas{height:360px}.camera-settings-form .full{grid-column:auto}.topbar,.operations-hero,.stations-hero,.station-tools,.maintenance-hero,.module-hero{flex-direction:column;align-items:stretch;gap:12px}.search-box{width:100%;max-width:unset;min-width:0}.top-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.profile-link{margin-inline-start:auto}.task-row,.station-score,.stations-row,.stations-row.head,.maintenance-row,.pump-item,.schedule-item,.client-file,.visit-row,.atg-row,.access-row,.access-row.users,.access-row.roles,.access-row.permissions,.accounting-row,.hr-row{grid-template-columns:1fr}.station-tools button{justify-content:center;padding:12px}.station-request-form,.api-key-form{grid-template-columns:1fr}.api-key-item{flex-direction:column;align-items:stretch}.atg-meter-row{grid-template-columns:1fr 1fr}.real-tank-shell{height:88px}.atg-bind-modal{width:min(760px,100vw - 24px);padding:18px}.atg-bind-modal .atg-bind-form,.atg-station-card,.station-directory-card,.atg-alert-row{grid-template-columns:1fr}.atg-station-stats,.atg-alert-row em{text-align:start}.pump-visual,.petro-form-grid,.petro-tank-preview,.location-picker-actions,.petro-saved-row,.station-add-choice-grid,.station-folder-grid,.contracts-layout,.station-live-stats,.station-monitor-grid,.camera-wall-grid,.camera-settings-layout,.camera-settings-form,.camera-settings-grid,.camera-stepper,.camera-connection-cards,.camera-channel-preview,.station-sales-filters,.contract-builder-form,.contract-clause-editor,.contract-exclusivity-fields,.contract-appendix-payment-settings,.contract-signature-fields{grid-template-columns:1fr}.camera-form-actions{flex-direction:column;align-items:stretch}.camera-form-actions button{width:100%}.contract-payment-row{grid-template-columns:30px 1fr}.contract-payment-row label{grid-column:1/-1}.petro-pumps-panel,.petro-tanks-panel{grid-area:auto}.stations-map-workspace{height:auto;min-height:0}.stations-map-canvas{height:620px}.contract-preview-modal{width:calc(100vw - 12px);padding:10px}.contract-document-preview{padding:8px}.stations-map-side.dark-panel{height:auto}.stations-map-hero,.selected-station-card{flex-direction:column;align-items:stretch}}.automation-page .main{background:radial-gradient(circle at 100% 0,#6b8e2314,#0000 28%),radial-gradient(circle at 0 100%,#18a6a714,#0000 26%),#f4f7f5}.automation-hero{background:linear-gradient(135deg,#061b34fa,#10424ef0),radial-gradient(circle at 22% 18%,#6b8e2340,#0000 28%);box-shadow:0 18px 40px #061b3429}.automation-hero h1{max-width:780px}.automation-hero p{color:#ffffffd6;max-width:860px}.automation-stats{gap:10px}.automation-workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:12px;margin-top:12px;display:grid}.automation-core,.automation-side{gap:12px;display:grid}.automation-picker-panel,.automation-config-panel,.automation-pumps-panel,.automation-tanks-panel,.automation-summary-panel,.automation-pulse-panel,.automation-links-panel,.automation-legend-panel{border-radius:14px}.automation-station-picker{gap:7px;margin-bottom:12px;display:grid}.automation-station-picker span,.automation-config-grid label,.automation-pump-config label,.automation-tank-card label{color:#243448;font-size:12px;font-weight:800}.automation-station-picker select,.automation-config-grid input,.automation-config-grid select,.automation-pump-config input,.automation-pump-config select,.automation-tank-card input{color:#061b34;min-width:0;font:inherit;background:#fbfdfc;border:1px solid #d5e1db;border-radius:10px;padding:10px 12px}.automation-station-card{background:linear-gradient(#ffffffeb,#f7faf8e6);border:1px solid #e1e9e5;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.automation-station-card strong,.automation-station-card b{color:#061b34;display:block}.automation-station-card span,.automation-station-card small{color:#67737e;margin-top:4px;font-size:12px;display:block}.automation-warning{margin-top:12px}.automation-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.automation-config-grid label{gap:6px;display:grid}.automation-config-grid .automation-full{grid-column:1/-1}.automation-connection-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.automation-connection-summary div,.automation-summary-grid div{background:#fff;border:1px solid #e2eae5;border-radius:12px;padding:12px}.automation-connection-summary span,.automation-summary-grid span{color:#69757f;margin-bottom:6px;font-size:11px;display:block}.automation-connection-summary strong,.automation-summary-grid strong{color:#061b34;font-size:14px;font-weight:900;display:block}.automation-pump-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.automation-empty-state{color:#62707a;text-align:center;background:#f8faf9db;border:1px dashed #69757f59;border-radius:16px;grid-column:1/-1;padding:18px;font-size:13px}.automation-pump-card{background:linear-gradient(#fffffffa,#f7faf8ed);border:1px solid #dfe8e3;border-radius:16px;padding:14px;box-shadow:0 12px 30px #061b340f}.automation-pump-card.active{border-color:#6b8e2352}.automation-pump-card.offline{opacity:.88}.automation-pump-head,.automation-tank-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.automation-pump-head strong,.automation-tank-head strong{color:#061b34;font-size:14px;display:block}.automation-pump-head span{color:#6a7680;margin-top:4px;font-size:11px;display:block}.automation-pill{color:#fff;cursor:pointer;border:0;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}.automation-pill.live{background:linear-gradient(135deg,#6b8e23,#0f7f57)}.automation-pill.warning{background:linear-gradient(135deg,#c48b1b,#9d4325)}.automation-pump-config{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.automation-pump-config .automation-full{grid-column:1/-1}.automation-pump-config label,.automation-tank-card label{gap:6px;display:grid}.automation-pump-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.automation-pump-metrics div{background:#f5f8f6;border:1px solid #e2eae5;border-radius:12px;padding:10px}.automation-pump-metrics span,.automation-hose-code span{color:#73808b;margin-bottom:4px;font-size:11px;display:block}.automation-pump-metrics strong,.automation-hose-row strong{color:#061b34;font-size:13px;font-weight:900;display:block}.automation-hose-list{gap:10px;margin-top:12px;display:grid}.automation-hose-row{background:#fcfefd;border:1px solid #e1e9e5;border-radius:12px;grid-template-columns:minmax(92px,.85fr) minmax(0,1fr) minmax(0,.8fr) repeat(3,minmax(72px,.6fr));align-items:center;gap:10px;padding:12px;display:grid}.automation-hose-row.live{border-color:#6b8e2342}.automation-hose-row.idle{border-color:#616b7438}.automation-hose-row.disabled{opacity:.72}.automation-hose-row>div{min-width:0}.automation-hose-row label{gap:5px;display:grid}.automation-hose-code strong{word-break:break-word}.automation-hose-row>div>span{color:#73808b;margin-bottom:4px;font-size:11px;display:block}.automation-tank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.automation-tank-card{background:linear-gradient(#fffffffa,#f7faf8f2);border:1px solid #dfe8e3;border-radius:14px;padding:14px}.automation-tank-card label+label{margin-top:10px}.automation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.automation-summary-note{background:linear-gradient(135deg,#0d728014,#6b8e230f);border:1px solid #dfe8e3;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.automation-summary-note svg{color:#0f7f57;flex:none}.automation-summary-note strong,.automation-summary-note span{display:block}.automation-summary-note span{color:#62707a;margin-top:4px;font-size:12px}.automation-pulse-list{gap:10px;display:grid}.automation-pulse-list>div{gap:8px;display:grid}.automation-pulse-list>div>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.automation-pulse-list>div>div strong,.automation-pulse-list>div>div span{color:#061b34}.automation-pulse-list>div>b{background:linear-gradient(90deg,#6b8e23,#18a6a7);border-radius:999px;height:10px;display:block;box-shadow:0 8px 16px #18a6a729}.automation-link-list,.automation-legend-list{gap:10px;display:grid}.automation-link-card{color:#061b34;background:#fff;border:1px solid #e2eae5;border-radius:12px;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}.automation-link-card strong,.automation-link-card span{display:block}.automation-link-card span{color:#66747d;margin-top:4px;font-size:12px}.automation-legend-list div{color:#263547;background:#fff;border:1px solid #e2eae5;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}@media (width<=1180px){.automation-workspace{grid-template-columns:1fr}.automation-side{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-summary-panel,.automation-pulse-panel,.automation-links-panel,.automation-legend-panel{grid-column:span 1}}@media (width<=960px){.automation-station-card,.automation-connection-summary,.automation-config-grid,.automation-pump-grid,.automation-tank-grid,.automation-summary-grid,.automation-pump-config,.automation-hose-row,.automation-side{grid-template-columns:1fr}}@media (width<=720px){.automation-hero{padding-inline:18px}.automation-pump-head,.automation-tank-head,.automation-summary-note{flex-direction:column;align-items:flex-start}}@media print{@page{size:A4 portrait;margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;height:auto!important;overflow:visible!important}.app-layout,.main{height:auto!important;overflow:visible!important}.sidebar,.topbar,.hero-actions,.reports-toolbar,.access-modal-backdrop{display:none!important}body:before{content:"";z-index:-1;opacity:1;background-image:url(/print/petrob-template.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body.contract-print-mode:before{display:none!important}body.contract-print-mode *{visibility:hidden!important}body.contract-print-mode .contract-document-preview,body.contract-print-mode .contract-document-preview *{visibility:visible!important}body.contract-print-mode .app-layout,body.contract-print-mode .main,body.contract-print-mode .contract-builder-page,body.contract-print-mode .contracts-layout,body.contract-print-mode .contract-live-preview-panel,body.contract-print-mode .contract-live-preview{background:0 0!important;border:0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}body.contract-print-mode .access-modal-backdrop,body.contract-print-mode .access-modal,body.contract-print-mode .station-contract-preview-modal,body.contract-print-mode .station-contract-preview-canvas{width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}body.contract-print-mode .topbar,body.contract-print-mode .sidebar,body.contract-print-mode .module-hero,body.contract-print-mode .module-alert,body.contract-print-mode .access-stats,body.contract-print-mode .contract-builder-head,body.contract-print-mode .contract-builder-controls,body.contract-print-mode .contract-live-preview-head,body.contract-print-mode .station-contract-preview-modal>.access-modal-head,body.contract-print-mode .station-contract-preview-actions{display:none!important}body.contract-print-mode .contract-document-preview{direction:rtl!important;background:0 0!important;border:0!important;border-radius:0!important;width:210mm!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}body.contract-print-mode .contract-paper{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;box-shadow:none!important;zoom:1!important;page-break-after:always!important;break-after:page!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:0!important;border-radius:0!important;margin:0!important;display:block!important;overflow:hidden!important}body.contract-print-mode .contract-paper:last-child{page-break-after:auto!important;break-after:auto!important}}