:root{--navy:#071d33;--navy2:#0b2b49;--teal:#07988b;--gold:#c98b18;--red:#d73d36;--green:#218b48;--ink:#122231;--muted:#657684;--line:#dbe4e8;--soft:#f3f6f7;--white:#fff;--shadow:0 14px 34px rgba(7,29,51,.08);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--soft);font-size:13px}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;display:flex;flex-direction:column;background:linear-gradient(180deg,#061a2c,#082d4e);color:#fff}.brand{display:flex;align-items:center;gap:10px;padding:20px 14px;border-bottom:1px solid rgba(255,255,255,.16)}.brand-mark{display:grid;place-items:center;width:52px;height:48px;border:2px solid #fff;font-size:25px;font-weight:800}.brand strong{font-size:14px}.brand small{display:block;margin-top:3px;color:#b8cad6;font-size:9px}.nav{display:grid;gap:2px;padding:8px}.nav button{display:flex;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:#dce7ed;text-align:left;font-size:11px;font-weight:600}.nav button svg{width:17px}.nav button:hover,.nav button.active{background:var(--teal);color:#fff}.office-foot{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.16);color:#c5d5df;font-size:9px}.office-foot strong{display:block;color:#fff;font-size:11px}.main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:230px minmax(300px,1fr) auto;align-items:center;gap:22px;height:70px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}.office-select,.search,.icon-btn,.profile{height:40px;border:1px solid var(--line);border-radius:4px;background:#fff}.office-select{display:flex;align-items:center;gap:8px;padding:0 10px}.office-select select{width:100%;border:0;outline:0;background:transparent;font-weight:600}.search{display:flex;align-items:center;gap:8px;padding:0 12px}.search input{width:100%;border:0;outline:0}.actions{display:flex;align-items:center;gap:8px}.icon-btn{display:grid;place-items:center;min-width:40px;padding:0 11px}.lang{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.lang button{height:38px;padding:0 12px;border:0;background:#fff}.lang button.active{background:var(--teal);color:#fff}.profile{display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:600}.content{padding:22px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.head h1{margin:0;font-size:26px}.head p{margin:4px 0 0;color:var(--muted)}.head-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:11px;font-weight:700}.btn.primary{border-color:var(--teal);background:var(--teal);color:#fff}.btn svg{width:15px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.kpi{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:95px;padding:14px;border:1px solid var(--line);background:#fff}.kpi i{color:var(--teal)}.kpi svg{width:31px;height:31px}.kpi.warn i{color:var(--gold)}.kpi span{display:block;color:#43515d;font-size:9px}.kpi strong{display:block;margin:4px 0;font-size:20px}.kpi small{color:var(--muted);font-size:8px}.kpi small.alert{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(330px,.8fr);gap:12px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 13px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:14px}.panel-head a{color:#087f75;font-size:9px;font-weight:700}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:9px}.table th{background:#f7f9fa;color:#40505c}.table td:first-child{color:#087f75;font-weight:700}.progress{width:72px;height:5px;margin-top:5px;background:#e4e9eb}.progress i{display:block;height:100%;background:var(--teal)}.status{display:inline-flex;align-items:center;gap:5px;font-weight:700}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.good{color:var(--green)}.status.warn{color:var(--gold)}.status.bad{color:var(--red)}.attention-group{border-bottom:1px solid var(--line)}.attention-title{display:flex;justify-content:space-between;padding:10px 12px;font-weight:700}.attention-title b{padding:2px 6px;border-radius:3px;background:var(--gold);color:#fff}.attention-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 12px;border-top:1px solid var(--line);font-size:9px}.attention-row span{color:var(--muted)}.attention-row time{color:var(--gold)}.bottom-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:12px;margin-top:12px}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);padding:14px}.stage{min-height:120px;padding:0 12px;border-right:1px solid var(--line)}.stage:last-child{border:0}.stage strong{display:flex;justify-content:space-between;font-size:9px}.stage strong b{padding:2px 5px;background:var(--teal);color:#fff}.stage p{margin:10px 0 0;color:var(--muted);font-size:8px}.workload{padding:12px}.work-row{display:grid;grid-template-columns:1fr 80px 28px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:9px}.bar{height:5px;background:#e6ebed}.bar i{display:block;height:100%;background:var(--teal)}.bar.over i{background:var(--red)}.filters{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.filters input,.filters select,.form input,.form select,.form textarea{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:#fff}.filters input{min-width:260px}.module-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px}.form{display:grid;gap:11px;padding:15px}.form label{display:grid;gap:5px;color:#465663;font-size:9px;font-weight:700}.form textarea{min-height:80px;resize:vertical}.timeline{padding:14px}.timeline article{display:grid;grid-template-columns:110px 18px 1fr;gap:10px;min-height:65px}.timeline i{position:relative;width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--teal)}.timeline i:after{content:"";position:absolute;top:10px;left:4px;width:2px;height:55px;background:var(--line)}.timeline article:last-child i:after{display:none}.timeline time{color:var(--muted);font-size:9px}.timeline strong{font-size:10px}.timeline p{margin:4px 0;color:var(--muted);font-size:9px}.portal-preview{padding:18px}.portal-preview h3{margin:0}.portal-preview .portal-project{margin-top:16px;padding:16px;border:1px solid var(--line)}.drawing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.drawing{padding:14px;border:1px solid var(--line)}.drawing svg{color:var(--teal)}.drawing strong{display:block;margin-top:12px}.drawing span{display:block;margin-top:5px;color:var(--muted);font-size:9px}.mobile-menu{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(4,18,31,.55)}.modal[hidden]{display:none}.modal-card{width:min(520px,100%);background:#fff;border-radius:5px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{border:0;background:none;font-size:22px}.toast{position:fixed;right:22px;bottom:22px;z-index:60;padding:13px 16px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}[dir="rtl"] body{font-family:"Noto Sans Arabic",Arial,sans-serif}[dir="rtl"] .sidebar{left:auto;right:0}[dir="rtl"] .shell{grid-template-columns:minmax(0,1fr) 220px}[dir="rtl"] .main{grid-column:1}[dir="rtl"] .table th,[dir="rtl"] .table td{text-align:right}
.integration-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.integration-list{display:grid}.integration-row{display:grid;grid-template-columns:48px minmax(0,1fr) 175px 82px;align-items:center;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.integration-row:last-child{border:0}.integration-logo{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8d9d6;background:#eff9f7;color:var(--teal)}.integration-logo svg{width:23px}.integration-row strong{font-size:12px}.integration-row p{margin:5px 0 0;color:var(--muted);font-size:9px}.connection-state{color:var(--gold);font-size:9px;font-weight:700}.connector-body{padding:22px}.connector-body>svg{width:36px;height:36px;color:var(--teal)}.connector-body h3{margin:14px 0 8px;font-size:16px}.connector-body p,.connector-body li{color:var(--muted);font-size:10px;line-height:1.6}.connector-body ul{padding-left:18px;margin:14px 0}.import-preview{margin-top:12px}.import-empty{display:grid;gap:0;padding:10px 14px}.import-empty div{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.import-empty svg{width:15px;color:var(--teal)}.import-empty small{color:var(--muted)}
.workspace-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr) minmax(240px,.8fr);align-items:end;gap:16px;padding:16px;margin-bottom:12px}.workspace-filter label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:700}.workspace-filter select{height:42px;padding:0 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700}.workspace-summary{display:grid;gap:4px;padding:0 4px}.workspace-summary span{color:var(--teal);font-size:10px;font-weight:800}.workspace-summary strong{font-size:13px}.workspace-summary small{color:var(--muted)}.workspace-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.workspace-kpis article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:70px;padding:12px;border:1px solid var(--line);background:#fff}.workspace-kpis i{color:var(--teal)}.workspace-kpis svg{width:23px}.workspace-kpis span{font-size:9px}.workspace-kpis strong{font-size:20px}.workspace-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-group:first-child{grid-column:1/-1}.record-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.record-row:last-child{border-bottom:0}.record-row:hover{background:#f6fbfa}.record-row>i,.record-row>svg{color:var(--teal)}.record-row svg{width:18px}.record-row span{display:grid;gap:4px}.record-row strong{font-size:10px}.record-row small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.empty-related{display:flex;align-items:center;justify-content:center;gap:8px;min-height:92px;color:var(--muted);font-size:10px}.empty-related svg{width:20px}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.module-grid,.integration-layout{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.topbar{grid-template-columns:210px 1fr}.profile{display:none}.integration-row{grid-template-columns:48px minmax(0,1fr) 150px 82px}.workspace-filter{grid-template-columns:1fr 1fr}.workspace-summary{grid-column:1/-1}.workspace-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.shell{display:block}.sidebar{z-index:40;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}[dir="rtl"] .sidebar{transform:translateX(100%)}[dir="rtl"] .sidebar.open{transform:none}.main{grid-column:auto}.topbar{grid-template-columns:auto 1fr auto;height:62px;padding:0 12px;gap:8px}.mobile-menu{display:grid}.office-select,.actions .icon-btn,.actions .lang{display:none}.content{padding:14px}.head{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr 1fr}.pipeline{grid-template-columns:1fr 1fr;gap:18px}.stage{border:0}.drawing-grid{grid-template-columns:1fr}.table{min-width:820px}.integration-row{grid-template-columns:42px 1fr}.connection-state,.integration-row>.btn{grid-column:2}.connector-body{padding:18px}.workspace-filter,.workspace-groups{grid-template-columns:1fr}.workspace-summary,.record-group:first-child{grid-column:auto}.workspace-kpis{grid-template-columns:1fr 1fr}.record-row{grid-template-columns:26px minmax(0,1fr)}.record-row .status{grid-column:2;justify-self:start}}
@media(max-width:720px){html:not([dir="rtl"]) .sidebar{transform:translateX(calc(-100% - 2px))}html:not([dir="rtl"]) .sidebar.open{transform:none}}
.live-sync{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #a7d8d1;background:#eff9f7;color:#087f75;font-size:10px;font-weight:800}.live-sync svg{width:16px}.field-layout{display:grid;grid-template-columns:minmax(0,1.45fr) 340px;gap:12px}.field-form{display:grid;gap:15px;padding:18px}.field-form>label,.field-form .form-pair>label{display:grid;gap:6px;color:#465663;font-size:9px;font-weight:700}.field-form input,.field-form select,.field-form textarea{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:4px;background:#fff}.field-form textarea{min-height:110px;resize:vertical}.form-pair,.upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-control{display:grid;grid-template-columns:1fr auto;gap:8px}.upload-zone{display:grid!important;place-items:center;min-height:145px;padding:18px;border:1px dashed #8fc6c0;background:#f7fbfa;text-align:center;cursor:pointer}.upload-zone svg{width:28px;color:var(--teal)}.upload-zone strong{color:var(--ink);font-size:11px}.upload-zone span{color:var(--muted);font-weight:400}.upload-zone input{width:100%;min-height:auto;padding:6px;border:0;background:transparent;font-size:8px}.attachment-preview{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:9px}.attachment-preview span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);background:#fff}.attachment-preview svg{width:13px}.submit-field{min-height:46px}.field-guide{align-self:start}.field-flow{padding:8px 18px}.field-flow article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.field-flow article:last-child{border:0}.field-flow>article>i,.field-flow>article>svg{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:1px solid #b8d9d6;color:var(--teal)}.field-flow b{margin-right:8px;color:var(--gold);font-size:9px}.field-flow strong{font-size:11px}.field-flow p{margin:5px 0 0;color:var(--muted);font-size:9px}.project-notices{margin-top:12px;border-color:#8fc6c0}.project-notices .panel-head h2{display:flex;align-items:center;gap:7px}.project-notices .panel-head svg{width:17px;color:var(--teal)}.project-notices>article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.project-notices>article:last-child{border:0}.notice-icon{display:grid;place-items:center;width:38px;height:38px;background:#eff9f7;color:var(--teal)}.notice-icon svg{width:19px}.project-notices p{margin:5px 0;color:var(--muted);font-size:9px}.project-notices small{color:var(--muted);font-size:8px}.new-label{padding:4px 7px;background:var(--teal);color:#fff;font-size:8px;font-weight:800}
@media(max-width:1050px){.field-layout{grid-template-columns:1fr}}
@media(max-width:720px){.form-pair,.upload-pair,.location-control{grid-template-columns:1fr}.project-notices>article{grid-template-columns:34px minmax(0,1fr)}.new-label{grid-column:2;justify-self:start}.field-form{padding:14px}.upload-zone{min-height:125px}}