:root{--navy:#112a43;--navy2:#183a57;--ink:#243f56;--muted:#8193a5;--line:#e1e9f1;--bg:#f4f7fb;--gold:#f0a333;--teal:#148c83;--blue:#347b9d;--red:#ac574d;--shade:0 9px 30px rgba(19,49,78,.04)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.9 "Tajawal","Cairo","Noto Sans Arabic",Tahoma,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;background:linear-gradient(155deg,#183d59,#0d273f 77%);color:#d4e1ec;display:flex;flex-direction:column;z-index:10;overflow-y:auto}.brand{min-height:91px;display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid #ffffff19}.brand img{width:57px;height:57px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}.brand b{display:block;color:white;font-size:13px}.brand small{font:700 8px Arial;letter-spacing:1px;color:#a8c0d3}.nav-label{color:#83a3b9;font-size:10px;font-weight:800;padding:23px 24px 11px}nav{display:grid;gap:3px;padding:0 10px 18px}.nav-link{display:flex;align-items:center;gap:12px;min-height:41px;border-radius:9px;padding:9px 12px;font-size:11.8px;font-weight:750;color:#b8cbdb}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.selected{background:#ffffff18;color:white;border-right:3px solid var(--gold)}.nav-link .ico{width:17px;height:17px}.aside-footer{margin-top:auto;border-top:1px solid #ffffff12;padding:15px}.role-info{border:1px solid #ffffff1b;background:#ffffff0a;border-radius:11px;padding:12px;display:block;font-size:11px}.role-info small{display:block;color:#91acbf;margin-right:28px}.role-info .ico{color:var(--gold);margin-left:6px}.logout{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#c4d3e0;width:100%;padding:12px}.main{margin-right:260px;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);height:73px;padding:0 33px;display:flex;align-items:center;justify-content:space-between}.top-left{font-size:13px;font-weight:850;display:flex;gap:12px;align-items:center}.top-left small{color:#95a5b4;font-size:11px;font-weight:400}.top-left button{display:none;background:none;border:0;font-size:23px;color:#2a5974}.top-user{display:flex;gap:7px;align-items:center;background:#f0f5f8;border-radius:30px;padding:7px 12px;color:#63839a;font-size:10px;font-weight:700}.top-user .ico{width:15px}.content{padding:28px 34px;max-width:1620px;margin:auto}.page-title{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:21px}.page-title span{color:#8ca2b3;font-size:10px}.page-title h1{font-size:24px;letter-spacing:-.4px;margin:1px 0}.chip{color:#6a899f;background:#e7eff5;border:1px solid #d6e4ed;border-radius:20px;padding:4px 12px;font:700 10px Arial}.notice{margin-bottom:18px;border:1px solid #b7e6d8;background:#e9f7f1;color:#217d63;border-radius:11px;padding:12px 17px;font-weight:750;display:flex;gap:9px;align-items:center}.notice.err{background:#fff2ec;color:#a74e3e;border-color:#f2ccc0}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;margin:17px 0;box-shadow:var(--shade);min-width:0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:10px;flex-direction:column;margin-bottom:18px}.panel-head h2{margin:0;font-size:16px;color:#1d3c56}.panel-head p{margin:1px 0;color:#8ba1b1;font-size:10px}.panel p{max-width:100%;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;color:#58748b;font-weight:750;font-size:11px;min-width:0}.field input,.field select,.field textarea,.inline-form input,.inline-form select,.inline-form textarea{background:#fff;border:1px solid #dae5ed;border-radius:9px;color:#25465f;padding:10px 12px;min-width:0;max-width:100%;width:100%;font-size:12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus,.inline-form input:focus{border-color:#6aabc2;box-shadow:0 0 0 3px #c9eaf455}.field textarea{min-height:94px;resize:vertical}.field input[type=file]{background:#f5f8fa}.field input[type=checkbox]{width:auto}.field.full,.form-submit{grid-column:1/-1}.form-submit{display:flex;justify-content:flex-start;margin-top:5px}.form-grid.one{grid-template-columns:1fr}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #1f6087;background:#1e6087;color:#fff;border-radius:9px;padding:10px 19px;font-weight:800;font-size:11px;box-shadow:0 5px 13px #2966891c;transition:filter .13s}.btn:hover{filter:brightness(1.08)}.btn.small{font-size:10px;padding:6px 10px;white-space:nowrap;border-radius:7px}.btn.wide{width:100%;padding:14px}.btn .ico{width:15px;height:15px}.checks{display:flex;gap:13px;flex-wrap:wrap;margin-top:6px;font-size:10px}.checks label{display:flex;gap:5px;align-items:center}.checks input{accent-color:#296e94}.inline-form{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap;margin:3px}.inline-form input,.inline-form select{width:130px;padding:6px 8px;font-size:10px}.inline-form textarea{width:200px;padding:6px;min-height:50px}.inline-form .field{font-size:9px;width:165px}.inline-form .field input{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:19px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shade)}.metric-top{display:flex;justify-content:space-between;gap:8px;align-items:start;color:#68879e;font-size:11px;font-weight:750}.metric-top .ico{background:#ecf4f8;color:#3e87a0;border-radius:8px;box-sizing:content-box;padding:7px}.metric strong{font-size:25px;color:#173d5b;display:block;margin:8px 0 0;direction:ltr;text-align:right;overflow-wrap:anywhere}.metric small{display:block;color:#a0b0bd;font-size:10px}.hero{background:linear-gradient(118deg,#163e59,#0d2b47 77%);padding:32px 40px;min-height:200px;border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;left:-80px;bottom:-130px;width:300px;height:300px;border:1px solid #ffffff20;border-radius:50%}.hero-kicker{color:var(--gold);font:800 10px Arial;letter-spacing:1.2px}.hero h2{font-size:26px;line-height:1.5;margin:9px 0}.hero p{color:#c1d2df;font-size:12px;max-width:680px;margin:0}.hero-art .ico{width:97px;height:97px;color:#e6ab4c;opacity:.8;position:relative;margin-left:70px}.block-heading{margin:29px 0 13px}.block-heading h2{font-size:19px;margin:0}.block-heading p{font-size:10px;color:#90a2b2;margin:4px 0}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.site-card{display:block;padding:21px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shade)}.site-card:hover{border-color:#abcddc;transform:translateY(-1px)}.site-card-top{display:flex;align-items:center;justify-content:space-between;color:#477b96}.site-card-top .ico{width:24px;height:24px}.site-card-top span{font:800 10px Arial;background:#eff4f8;padding:6px;border-radius:6px}.site-card h3{font-size:17px;margin:16px 0 4px}.site-card p{font-size:11px;color:#8fa3b1;margin:4px 0 13px;min-height:21px}.site-percent{color:#168c7c;font:800 32px Arial;text-align:right}.progress{background:#e8eff3;height:7px;overflow:hidden;border-radius:9px;margin:11px 0 16px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#1d9e91,#57c7aa);border-radius:9px}.site-card small{color:#9ba9b9;font-size:10px}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 22px}.tab{border:1px solid var(--line);border-radius:50px;background:#fff;padding:8px 15px;color:#688398;font-size:11px;font-weight:750}.tab.on{background:#1d6084;color:#fff;border-color:#1d6084}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.shortcut{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 19px}.shortcut>.ico:first-child{padding:9px;background:#ecf5fa;color:#357b9f;border-radius:9px;width:39px;height:39px}.shortcut>div{flex:1;min-width:0}.shortcut b,.shortcut span{display:block}.shortcut b{font-size:12px}.shortcut span{font-size:10px;color:#92a5b6}.shortcut>.ico:last-child{color:#94a6b2}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:850px;text-align:right;font-size:11px}th{padding:13px 11px;background:#f5f8fb;color:#6f8ca3;font-size:10px;white-space:nowrap}td{border-top:1px solid #edf1f5;padding:12px 11px;vertical-align:top;color:#536f84;min-width:0}td b{color:#21485f}td small.muted{display:block;font-size:9px;margin-top:4px;max-width:270px;overflow-wrap:anywhere}td details summary{color:#317da3;cursor:pointer;font-weight:750;font-size:10px}td details{max-width:330px}td details p{font-size:10px;color:#718a9c;line-height:1.9}.empty{text-align:center;padding:27px;color:#91a1b3}.muted{color:#8fa1b1}.warning{color:#995e35;background:#fff1de;border-radius:8px;padding:12px}.state{display:inline-block;border:1px solid #dbe9f0;background:#edf5f8;color:#577d93;border-radius:20px;padding:3px 9px;font-size:9px;font-weight:850;white-space:nowrap}.state-approved,.state-accepted,.state-paid,.state-published{background:#e7f8ef;border-color:#bfebd5;color:#1c8a63}.state-rejected,.state-returned{background:#fcefea;border-color:#f2d8cc;color:#a65e49}.state-revision,.state-pending,.state-review{background:#fff5e2;border-color:#f1dfb6;color:#b58a3c}.text-link{color:#2780a5;font-weight:750;display:inline-flex;gap:5px;align-items:center}.text-link .ico{width:14px}.history{font-size:10px;padding-right:15px;color:#697e8d}.history li{padding:4px 0;border-bottom:1px solid #edf2f6}.measurements{margin-top:10px}.measurement{border-top:1px solid #e9f0f4;padding:7px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px}.measurements .inline-form{margin:0}.photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.photo{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;min-width:0}.photo img{width:100%;height:165px;object-fit:cover;display:block;background:#e9f0f3}.photo-body{padding:12px}.photo-body b,.photo-body small{display:block}.photo-body b{font-size:11px;word-break:break-word}.photo-body small{color:#90a3b2;font-size:9px}.photo-body .inline-form{margin:12px 0 0}.owner-card{display:flex;gap:20px;align-items:flex-start}.owner-card strong{font:800 40px Arial;color:var(--teal)}.owner-card h3{font-size:17px;margin:0}.owner-card p{color:#6b8195;line-height:2}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.03fr .97fr;background:#fff}.login-art{background:linear-gradient(120deg,#143954,#0d253e);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8vw;overflow:hidden;position:relative}.login-art:after{content:"";position:absolute;left:-170px;bottom:-240px;width:500px;height:500px;border-radius:50%;border:2px solid #ffffff10}.login-logo{background:#fff;padding:9px;width:79px;height:79px;border-radius:18px;margin-bottom:37px}.login-logo img{height:100%;width:100%;object-fit:contain}.login-art>span{color:var(--gold);font:800 11px Arial;letter-spacing:1.2px}.login-art h1{font-size:35px;line-height:1.55;margin:12px 0}.login-art em{font-style:normal;color:var(--gold)}.login-art p{color:#c1d4e0;font-size:13px;max-width:430px}.login-sites{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.login-sites b{background:#ffffff0f;border:1px solid #ffffff1c;padding:6px 11px;border-radius:20px;font-size:10px}.login-zone{display:grid;place-items:center;padding:28px}.login-box{width:min(100%,410px)}.login-lock{color:#4385a7;background:#eaf3f8;width:55px;height:55px;border-radius:15px;display:grid;place-items:center}.login-lock .ico{width:27px;height:27px}.login-box h2{font-size:29px;margin:20px 0 4px}.login-box>p{font-size:12px;color:#8e9eab;margin:0 0 23px}.login-box>small{display:block;font-size:10px;color:#95a7b4;text-align:center;margin-top:20px}.login-box .field input{padding:14px}.setup-body{background:var(--bg)}.setup{max-width:920px;margin:34px auto 70px;padding:0 20px}.setup-head{display:flex;gap:19px;align-items:center;margin-bottom:24px}.setup-head img{width:83px;height:83px;padding:8px;border-radius:15px;background:#fff;border:1px solid var(--line)}.setup-head small{color:#d28c23;font:700 10px Arial}.setup-head h1{font-size:23px;line-height:1.5;margin:3px 0}.setup-head p{color:#8196a6;margin:0}.setup-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-foot{font-size:11px;color:#8da1b2;text-align:center}.error-card{max-width:520px;margin:12vh auto;background:#fff;padding:35px;border-radius:16px;border:1px solid var(--line);text-align:center}.error-card h1{font-size:25px}.error-card p{color:#8096a5}.error-card .btn{margin-top:15px}footer{color:#a1afbb;text-align:center;margin-top:40px;font-size:10px}
@media(max-width:1250px){.sidebar{width:235px}.main{margin-right:235px}.content{padding:23px}.metrics{gap:9px}.metric{padding:15px}.site-grid{gap:9px}.photos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}.site-grid{grid-template-columns:1fr}.photos{grid-template-columns:repeat(2,1fr)}.hero-art{display:none}.site-card p{min-height:auto}}
@media(max-width:760px){.sidebar{width:275px;transform:translateX(105%);transition:transform .2s;box-shadow:0 0 40px #0a263a55}.nav-open .sidebar{transform:none}.nav-open:after{content:"";position:fixed;inset:0;background:#0a253b88;z-index:5}.main{margin:0}.topbar{height:66px;padding:0 14px}.top-left button{display:block}.content{padding:17px 12px}.page-title h1{font-size:20px}.hero{padding:24px;min-height:175px}.hero h2{font-size:20px}.hero p{font-size:11px}.site-grid{grid-template-columns:1fr}.shortcuts{grid-template-columns:1fr}.form-grid,.setup-form .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-submit{grid-column:1/-1}.login-shell{grid-template-columns:1fr}.login-art{padding:25px;min-height:245px}.login-logo{width:55px;height:55px;margin-bottom:14px}.login-art h1{font-size:23px;margin:5px 0}.login-art p{display:none}.login-sites{margin-top:10px}.login-zone{padding:30px 20px}.setup-head h1{font-size:18px}.photos{grid-template-columns:repeat(2,1fr)}.photo img{height:135px}}
@media(max-width:420px){.metrics{gap:7px}.metric strong{font-size:19px}.metric{padding:13px}.metric-top{font-size:9px}.page-title .chip{display:none}.photo img{height:120px}.setup{padding:0 10px}}
@media print{.sidebar,.topbar,button,.tabs,.form-submit,form,.inline-form,footer{display:none!important}.main{margin:0}.content{padding:4px}.panel,.metric,.site-card{box-shadow:none;break-inside:avoid}.hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 landscape;margin:10mm}}

.export-line{display:flex;justify-content:flex-end;margin:16px 0}.export-line .btn{background:#e9f3f8;color:#2b6e8f;border-color:#d5e6ef}

.account-link{display:flex;align-items:center;gap:8px;font-size:11px;padding:12px;color:#c2d4e2}.account-link .ico{height:15px;width:15px}.account-link:hover{color:white}