:root{font-family:Tajawal,'Segoe UI',sans-serif;color:#182d40;background:#f3f6f9;font-size:16px;--navy:#112b40;--teal:#007f7a;--gold:#bd914b;--line:#e3eaf0;--muted:#697b8b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:var(--navy);padding:10px 15px;font-weight:700;transition:background .15s}button:hover{background:#edf4f5}button:disabled{opacity:.5;cursor:wait}a{color:var(--teal);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;letter-spacing:-.5px}h2{font-size:1.18rem}h3{font-size:1.05rem}small,.muted{color:var(--muted);font-size:.88rem;line-height:1.6}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:white;padding:25px 16px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 20px;border-bottom:1px solid #294052}.brand strong{display:block;font-size:1.2rem}.brand small{color:#adbccc;font-size:.75rem}.nav-label{color:#92a7b7;font-size:.75rem;padding:8px 15px}.nav-item{width:100%;display:flex;align-items:center;text-align:right;gap:12px;background:transparent;color:#bac8d3;border:0;margin:2px 0;padding:11px 14px;border-radius:7px;font-weight:500;font-size:.94rem}.nav-item svg{width:19px;height:19px}.nav-item.active{background:#245065;color:white;box-shadow:inset -3px 0 #c8a467}.nav-item:hover{background:#203e53;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #294052;padding:18px 8px 0;line-height:1.8}.sidebar-foot a{color:#d6bd90;font-size:.9rem}.sidebar-foot small{color:#a2b5c3}.main{min-width:0}.topbar{background:white;border-bottom:1px solid var(--line);height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.breadcrumb{font-size:.88rem;color:var(--muted)}.account{display:flex;align-items:center;gap:12px;font-size:.88rem}.avatar{border-radius:50%;width:37px;height:37px;background:#edf4f7;display:grid;place-items:center;font-weight:800}.icon-button{padding:4px 10px;font-size:1.5rem;border:0;background:transparent}.content{padding:28px 34px 40px;max-width:1800px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.page-head p{margin-top:8px;color:var(--muted);font-size:.94rem}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#006561}.danger{color:#b44049}.secondary{background:#edf5f5;color:var(--teal);border:0}.demo-bar{border:1px solid #e8dec9;background:#fffcf3;border-radius:8px;padding:10px 15px;color:#84652c;font-size:.84rem;display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.demo-bar a{color:#84652c;text-decoration:underline}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.85rem}.toolbar input,.toolbar select{max-width:220px}.toolbar .search{min-width:260px;margin-left:auto}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 3px 8px #203b5010}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:14px}.card-head button{font-size:.84rem;padding:7px 12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.kpi{padding:19px 21px}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.94rem}.kpi-icon{color:var(--teal);background:#eaf5f3;border-radius:8px;padding:8px;display:flex}.kpi-icon svg{width:18px;height:18px}.kpi strong{display:block;font-family:'Segoe UI',sans-serif;font-size:2rem;margin:15px 0 7px;letter-spacing:-1px}.kpi small{font-size:.82rem}.kpi.featured{background:var(--navy);color:white;border:0}.featured .kpi-top,.featured small{color:#bdcdd9}.featured .kpi-icon{background:#2c475a;color:#d9b97c}.grid-two{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.chart-bars{display:flex;align-items:flex-end;gap:22px;height:205px;padding:0 12px 0;border-bottom:1px solid var(--line)}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:8px;font-size:.85rem}.bar-col b{font-family:'Segoe UI',sans-serif}.bar{width:65%;max-width:78px;background:#058a83;border-radius:6px 6px 0 0;min-height:4px}.bar-col:nth-child(2) .bar{background:#279b97}.bar-col:nth-child(3) .bar{background:#66b8b2}.bar-col:nth-child(4) .bar{background:#c2a46f}.bar-labels{display:flex;justify-content:space-around;color:var(--muted);font-size:.85rem;margin-top:13px;gap:10px}.chart-note{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;font-size:.88rem}.source-row{margin-bottom:21px}.source-row>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.track{height:7px;background:#edf1f5;border-radius:8px;overflow:hidden}.track i{display:block;height:100%;background:var(--teal);border-radius:8px}.source-row:nth-child(3) .track i{background:#527aa4}.source-row:nth-child(4) .track i{background:#c5a066}.task{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task-info{flex:1}.task-info small{display:block}.tag{display:inline-flex;align-items:center;padding:5px 9px;border-radius:5px;background:#eff3f8;color:#627891;font-size:.78rem;white-space:nowrap;font-weight:600}.tag.green{background:#e7f6ee;color:#1f8057}.tag.gold{background:#fff4dd;color:#a07122}.tag.red{background:#fff0ef;color:#b14c4c}.tag.blue{background:#eaf1fc;color:#426dba}.score{display:inline-flex;gap:5px;align-items:baseline;font-weight:800;color:var(--teal);font-family:'Segoe UI',sans-serif}.score small{font-weight:400;font-size:.7rem}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.91rem;text-align:right}th{font-weight:500;color:var(--muted);background:#f7f9fb;padding:13px 14px;border-bottom:1px solid var(--line);font-size:.83rem}td{padding:16px 14px;border-bottom:1px solid #edf1f5}tbody tr:last-child td{border:0}tbody tr:hover{background:#fafcfd}td small{display:block}.link-button{background:transparent;border:0;color:var(--navy);padding:0;text-align:right;font-weight:700}.link-button:hover{color:var(--teal);background:transparent}.compact{padding:6px 10px;font-size:.82rem}.empty{padding:45px 20px;text-align:center;color:var(--muted);line-height:1.8}.board{display:flex;gap:14px;overflow:auto;padding-bottom:20px;min-height:420px}.lane{flex:0 0 235px;background:#eaf0f4;border-radius:10px;padding:12px}.lane h3{font-size:.9rem;display:flex;justify-content:space-between;margin-bottom:14px;padding:4px}.lane h3 span{color:var(--muted)}.lead-card{background:white;border:1px solid #e0e7ec;border-radius:8px;padding:16px;margin:10px 0;box-shadow:0 2px 4px #14304406}.lead-card small{display:block;margin:9px 0}.lead-card footer{display:flex;justify-content:space-between;margin-top:12px;align-items:center}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{padding:0;overflow:hidden}.project-card img{width:100%;height:215px;object-fit:cover}.project-body{padding:20px}.project-body p{color:var(--muted);margin:8px 0 18px}.project-metrics{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.project-metrics span{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}.tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.tabs button.active{background:var(--navy);color:white}.stack{display:grid;gap:18px}.message-body{padding:16px;background:#eff8f5;border-radius:8px;line-height:1.9;margin:16px 0;font-size:.94rem}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-note{font-size:.88rem;line-height:1.85;color:var(--muted);padding:14px;background:#f5f8fa;border-radius:8px;margin:16px 0}.segment{border-top:3px solid var(--teal)}.segment strong{font-size:2.6rem;display:block;margin:20px 0}.segment p{font-size:.9rem;color:var(--muted);line-height:1.8}.status-panel{padding:16px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.status-panel small{display:block;margin-top:6px}input,select,textarea{border:1px solid #dce4eb;border-radius:7px;padding:10px 12px;color:var(--navy);background:white;min-height:43px;max-width:100%}textarea{resize:vertical;min-height:86px}input:focus,select:focus,textarea:focus{border-color:var(--teal)}dialog{border:0;border-radius:14px;padding:0;max-width:min(960px,94vw);width:760px;max-height:90vh;box-shadow:0 24px 100px #0b25344d}dialog::backdrop{background:#0c263966;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;background:white;padding:20px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:2}#modal-content{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:.9rem}.field.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px}.check input{min-height:unset}.form-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.form-error{color:#a63d47;background:#fff0f0;padding:12px;border-radius:6px;margin-top:15px;display:none;line-height:1.6}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-value{border:1px solid var(--line);padding:14px;border-radius:8px;font-size:.92rem}.detail-value small{display:block;margin-bottom:7px}.history{padding-right:18px;border-right:2px solid #dceae6;margin:20px 0}.history p{margin:10px 0;font-size:.9rem;line-height:1.8}#toast{position:fixed;bottom:24px;left:24px;background:var(--navy);color:white;padding:15px 22px;border-radius:9px;box-shadow:0 10px 30px #0b253422;z-index:20;max-width:420px;display:none}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--navy);padding:10vw 7vw;color:white;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:2.8rem;line-height:1.5;margin:35px 0 22px}.login-art p{font-size:1.1rem;line-height:1.9;color:#bdccda}.login-form{display:flex;align-items:center;justify-content:center;padding:35px}.login-box{max-width:430px;width:100%}.login-box h2{font-size:1.8rem;margin-bottom:15px}.login-box form{display:grid;gap:17px;margin-top:28px}.loading{padding:12vh;text-align:center}.mobile-menu{display:none}.print-only{display:none}@media(min-width:1450px){.content{padding:34px 45px}.kpi strong{font-size:2.3rem}}@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:20px 10px}.content{padding:24px 20px}.topbar{padding:0 20px}.kpis{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;width:235px;right:0;z-index:10;transform:translateX(100%)}.shell.menu-open .sidebar{transform:none;box-shadow:-10px 0 30px #0003}.mobile-menu{display:block}.grid-two,.grid-equal{grid-template-columns:1fr}.topbar{height:auto;min-height:70px;gap:10px}.breadcrumb{display:none}.account small{display:none}.content{padding:22px 15px}.page-head{align-items:flex-start;gap:12px}h1{font-size:1.45rem}.page-head .primary{font-size:.85rem}.demo-bar{display:block;font-size:.8rem}.demo-bar a{display:block;margin-top:5px}.toolbar .search{min-width:0;width:100%;max-width:100%}.toolbar label{flex:1;min-width:140px}.toolbar input,.toolbar select{width:100%}.login{grid-template-columns:1fr}.login-art{display:none}.project-grid{grid-template-columns:1fr}.form-grid,.detail-grid{grid-template-columns:1fr}.kpi{padding:16px}.kpi strong{font-size:1.75rem}.card{padding:17px}.form-footer{position:sticky;bottom:-24px;background:white;padding-bottom:15px}}@media print{body{background:white}.shell,#toast,.dialog-head button,.no-print{display:none!important}dialog{display:block;position:static;max-width:none;width:100%;max-height:none;box-shadow:none;border:0}dialog::backdrop{display:none}#modal-content{padding:0}.print-only{display:block}.quote{color:#112b40}.quote h1{font-size:28px}.quote table{margin:30px 0}}

/* Approved user-supplied artwork; original proportions and colors. */
.approved-brand{display:block;background:#fff;border:0;border-radius:8px;padding:4px 8px;flex-shrink:0}
.approved-brand img{display:block;width:100%;height:auto;object-fit:contain}
.sidebar .approved-brand{width:100%}
.login-art .approved-brand{width:min(340px,100%);align-self:flex-start}
.login-mobile-logo{display:none;width:220px;max-width:100%;height:auto;margin:0 auto 24px}
.quote-logo{display:block;width:240px;max-width:100%;height:auto;margin-bottom:10px}
@media(max-width:820px){.login-mobile-logo{display:block}}
@media print{.quote-logo{width:220px;height:auto;print-color-adjust:exact}}

.project-no-photo{height:215px;display:grid;place-items:center;background:#eef3f6;color:#607486;font-size:1.1rem}.project-preview-link{padding:6px 10px;font-size:.85rem;font-weight:700}.project-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-photo{border:1px solid var(--line);border-radius:10px;overflow:hidden}.project-photo img{width:100%;height:180px;object-fit:cover;display:block}.project-photo .actions{padding:12px}@media(max-width:600px){.project-photo-grid{grid-template-columns:1fr}}