:root{font-family:'IBM Plex Sans Arabic',Manrope,system-ui,sans-serif;color:#1a2b3e;background:#f5f7fa;font-synthesis:none;--navy:#122943;--ink:#223145;--muted:#78869a;--gold:#c99f54;--line:#e5eaf0;--blue:#275d96;--accent:#eaf2fa;--paper:#fff;--shadow:0 8px 32px rgba(20,44,72,.06)}
*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8cbae6;outline-offset:2px}a{color:inherit;text-decoration:none}.ltr{direction:ltr;unicode-bidi:plaintext}.hidden{display:none!important}.boot{min-height:95vh;display:grid;place-content:center;gap:22px;text-align:center;color:var(--navy);font:800 22px Manrope}.loader{width:38px;height:38px;border-radius:50%;border:3px solid #e2e8f1;border-top-color:var(--gold);animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);background:#fff}.auth-pitch{background:var(--navy);color:#fff;padding:9vw 8vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.auth-pitch:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff18;border-radius:50%;right:-150px;top:-180px;box-shadow:0 0 0 70px #ffffff09,0 0 0 150px #ffffff04;pointer-events:none}.brand{display:flex;align-items:center;gap:13px}.brand-logo{height:47px;width:47px;border-radius:12px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:800 22px Manrope;letter-spacing:-2px;flex:none}.brand-name{font:800 15px Manrope;letter-spacing:.4px}.brand-sub{font:500 11px Manrope;letter-spacing:1.8px;color:#99a8b7;margin-top:5px}.auth-pitch h1{font-size:clamp(31px,3.3vw,48px);line-height:1.55;margin:80px 0 18px}.auth-pitch p{font-size:17px;line-height:1.95;color:#bed0e0;max-width:570px}.auth-benefits{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.auth-benefits span{border:1px solid #7183995b;border-radius:30px;padding:7px 16px;font-size:13px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(100%,460px)}.auth-card h2{font-size:27px;margin:13px 0}.auth-card p{color:var(--muted);line-height:1.8;margin:0 0 28px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:16px}.field label{font-size:12px;font-weight:700;color:#48596b}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid #dbe2ea;border-radius:11px;background:#fff;min-height:43px;padding:9px 13px;color:#1b2d40;width:100%;outline:none;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#638db2}.field textarea{min-height:87px;resize:vertical}.hint{font-size:11px;color:#8a96a5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;min-height:39px;padding:9px 15px;border-radius:11px;background:var(--navy);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .1s,background .1s}.btn:hover{background:#214567}.btn:active{transform:translateY(1px)}.btn.secondary{background:#fff;border-color:#dce4ec;color:#203249}.btn.secondary:hover{background:#f4f7fa}.btn.ghost{background:transparent;color:#3b5369}.btn.ghost:hover{background:#edf1f5}.btn.gold{background:var(--gold);color:#172637}.btn.gold:hover{background:#b98d3f}.btn.danger{background:#fff5f4;border-color:#f8ceca;color:#ba3b33}.btn.small{min-height:30px;font-size:11px;padding:5px 11px;border-radius:8px}.btn.full{width:100%}.btn.square{padding:8px 11px}.auth-footer{padding-top:24px;font:11px Manrope;color:#98a2b1}
.app-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--navy);color:#fff;padding:28px 17px 20px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:4px 10px 23px;border-bottom:1px solid #ffffff19}.sidebar .brand-logo{height:43px;width:43px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#b3c1d0;display:flex;align-items:center;text-align:start;gap:12px;padding:12px 13px;border-radius:10px;font-size:13px;font-weight:600;width:100%;transition:.15s}.nav-item .sym{width:24px;font-size:18px;text-align:center}.nav-item:hover,.nav-item.active{background:#28445f;color:#fff}.nav-item.active:before{content:'';height:21px;width:3px;border-radius:6px;background:var(--gold);margin-inline-start:-13px;margin-inline-end:10px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 10px 0}.side-identity{display:flex;align-items:center;gap:11px}.avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#355671;color:#fff;font:800 14px Manrope}.tiny{font-size:11px;color:#8798a9}.side-identity strong{display:block;font-size:12px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-identity small{color:#a5b6c7}.main-content{min-width:0;padding:0 32px 50px;max-width:1600px;width:100%;margin:0 auto}.topbar{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.page-overline{font-size:11px;font-weight:800;color:var(--gold);letter-spacing:1.5px;font-family:Manrope}.topbar h1{margin:4px 0 0;font-size:23px;letter-spacing:-.4px}.top-actions{display:flex;gap:8px;align-items:center}.today-label{font-size:12px;color:#7c8795;padding-inline:12px}.content{padding-top:28px}.section-title{font-size:17px;font-weight:750;margin:0 0 17px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 14px}.section-head .section-title{margin:0}.section-sub{font-size:12px;color:var(--muted);margin-top:-5px;margin-bottom:16px}.eyebrow{color:var(--gold);font:800 11px Manrope;letter-spacing:1.2px;text-transform:uppercase}.page-intro{margin:0 0 25px;font-size:13px;color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;min-height:122px;box-shadow:var(--shadow)}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-label{font-size:12px;color:#697a8d;font-weight:600}.kpi-icon{display:grid;place-items:center;border-radius:10px;height:33px;width:33px;background:#edf3fa;font-size:18px}.kpi-number{font:800 33px Manrope;letter-spacing:-1px;margin-top:12px;color:var(--navy)}.kpi.gold-kpi .kpi-icon{background:#f9f0dc}.kpi.warn-kpi .kpi-icon{background:#fdefee}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);min-width:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.88fr);gap:17px;margin-top:22px}.task-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf0f3;padding:13px 1px}.task-row:last-child{border-bottom:0}.task-row .task-main{flex:1;min-width:0}.task-row strong{display:block;font-size:13px;line-height:1.6}.task-row small{color:var(--muted);font-size:11px}.round-check{border:1.7px solid #c7d2dd;border-radius:50%;width:22px;height:22px;background:#fff;flex:none;font-size:15px;color:#147a52}.round-check:hover{border-color:#2d845c}.pill{display:inline-flex;border-radius:50px;padding:3px 9px;font-size:10px;font-weight:700;background:#e9f1f9;color:#2b638e;white-space:nowrap}.pill.high,.pill.urgent{color:#a44332;background:#fcece6}.pill.done,.pill.won{color:#177950;background:#e5f5eb}.pill.hold{color:#96691b;background:#fff4d9}.pill.lost{color:#a44a45;background:#fbeae9}.due{color:#718194;font-size:11px}.due.overdue{color:#c34b43;font-weight:700}.mini-appt{border-inline-start:3px solid var(--gold);padding:10px 13px;background:#f8fafc;border-radius:9px;margin-bottom:10px}.mini-appt strong{font-size:13px;display:block}.mini-appt small{display:block;color:#728296;line-height:1.7}.muted{color:var(--muted)}.empty{text-align:center;color:#92a0ad;padding:46px 10px;font-size:13px}.empty-icon{font-size:32px;margin-bottom:8px}.link-like{color:var(--blue);background:none;border:0;font-weight:700;font-size:12px;padding:0;cursor:pointer}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.toolbar input{max-width:330px}.toolbar select{max-width:230px}.toolbar .right{margin-inline-start:auto}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entity-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);min-width:0}.entity-card h3{margin:0 0 6px;font-size:15px}.entity-card p{margin:0 0 12px;color:#79899c;font-size:12px}.card-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#8a98a7}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f5;padding-top:13px;margin-top:15px}.contact-actions{display:flex;gap:6px}.chip{display:inline-flex;gap:5px;border:1px solid #e2e9ef;border-radius:8px;font-size:11px;padding:4px 9px;color:#647789;background:#fff}.pipeline{display:flex;gap:12px;overflow:auto;align-items:flex-start;direction:ltr;padding:4px 4px 18px;scrollbar-color:#b8c3cf #e9eff5}.pipeline-col{direction:rtl;flex:0 0 265px;background:#edf1f5;border-radius:14px;padding:12px;min-height:225px}.pipeline-col.drag-over{background:#d5e7f6;outline:2px dashed #79a4cb}.pipeline-col-head{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:13px}.pipeline-col-head strong{font-size:12px}.pipeline-col-head span{font:700 12px Manrope;border-radius:7px;background:#fff;padding:3px 8px}.pipeline-card{background:#fff;border:1px solid #e0e7ed;border-radius:11px;padding:13px;margin-bottom:9px;box-shadow:0 3px 6px #1a34460a;cursor:pointer}.pipeline-card:hover{border-color:#b4ccdf}.pipeline-card h4{margin:8px 0 4px;font-size:13px}.pipeline-card small{color:#8797a8;font-size:11px;display:block;line-height:1.8}.pipeline-card .stage-control{width:100%;margin-top:9px;border:1px solid #e5e9ed;border-radius:8px;padding:6px;background:#fff;font-size:11px}.flexrow{display:flex;align-items:center;gap:8px;justify-content:space-between}.kanban-hint{font-size:11px;color:#9aa8b7;margin:-6px 0 18px}.table-scroller{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:start;background:#f7f9fc;color:#718397;font-size:11px;font-weight:700;padding:12px 14px}.data-table td{padding:14px;border-bottom:1px solid #edf1f5;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fbfcfe}.cell-title{font-weight:700;color:#27405a}.data-table .actions{display:flex;gap:6px}.date-group{margin-bottom:17px}.date-group-header{font-size:12px;font-weight:700;color:#61748a;background:#f6f8fb;padding:9px 12px;border-radius:8px;margin-bottom:5px}.appt-line{display:flex;align-items:center;gap:12px;padding:15px 7px;border-bottom:1px solid #edf0f3}.appt-time{font:800 13px Manrope;color:#224565;min-width:80px;direction:ltr}.appt-line .task-main{flex:1}.appt-line strong{font-size:13px}.appt-line small{display:block;font-size:11px;color:#8191a1}.appt-actions{display:flex;gap:6px;flex-wrap:wrap}.date-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-controls input{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.stats-note{background:#f0f5fa;border-radius:11px;padding:14px;font-size:12px;color:#49657c;margin-top:19px}
.bottom-nav{display:none}.modal-layer{position:fixed;inset:0;z-index:20;background:#0c243c8c;display:flex;align-items:center;justify-content:center;padding:18px}.modal-window{background:#fff;max-width:700px;width:100%;max-height:min(90vh,980px);display:flex;flex-direction:column;border-radius:19px;box-shadow:0 30px 100px #0612224f;overflow:hidden}.modal-window.wide{max-width:900px}.modal-head{padding:19px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-head h2{margin:0;font-size:19px}.modal-body{overflow:auto;padding:22px 24px}.modal-footer{display:flex;gap:9px;justify-content:flex-start;padding:17px 24px;border-top:1px solid var(--line);background:#fbfcfe}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.span2{grid-column:span 2}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-top h3{margin:0 0 8px}.detail-top p{font-size:12px;color:#82909f;margin:0}.detail-block{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.detail-block h4{margin:0 0 13px;font-size:14px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info{background:#f6f8fa;border-radius:10px;padding:12px}.info small{display:block;font-size:11px;color:#8293a5;margin-bottom:5px}.info b{font-size:12px;overflow-wrap:anywhere}.timeline{padding:0;margin:0;list-style:none}.timeline li{border-inline-start:2px solid #dfebf5;margin-inline-start:6px;padding:0 14px 15px;margin-bottom:4px;position:relative;font-size:12px}.timeline li:before{content:'';width:8px;height:8px;background:var(--gold);border-radius:100%;position:absolute;inset-inline-start:-5px;top:5px}.timeline small{color:#8b9bab;display:block;font-size:10px;margin-top:5px}.project-actions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.measure-item{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.measure-item b{font:800 13px Manrope}.callout{padding:12px;border-radius:10px;background:#eff6fb;color:#3a5e79;font-size:12px;margin:12px 0}.status-select{border:1px solid #dbe4ec;background:#f9fbfc;border-radius:8px;padding:6px;max-width:200px;font-size:11px}.inline-link{color:#28639b;cursor:pointer;border:0;background:none;padding:0;font:700 12px inherit}
#toast{position:fixed;z-index:100;bottom:22px;left:22px;min-width:200px;max-width:min(450px,calc(100vw - 30px));padding:13px 19px;background:#193a56;color:#fff;border-radius:12px;box-shadow:0 20px 50px #001f3e35;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:13px}#toast.visible{opacity:1;transform:translateY(0)}#toast.error{background:#a7433b}.blankline{height:10px}
@media(max-width:1100px){.main-content{padding-inline:20px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.today-label{display:none}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-pitch{padding:35px 30px;min-height:230px}.auth-pitch h1{font-size:27px;margin:22px 0 3px}.auth-pitch p{font-size:13px;margin:0}.auth-benefits{display:none}.auth-panel{padding:40px 22px}.app-layout{display:block}.sidebar{display:none}.main-content{padding:0 15px 100px}.topbar{min-height:77px}.topbar h1{font-size:19px}.top-actions .btn{font-size:11px;padding:8px 10px}.content{padding-top:19px}.kpi-grid{gap:9px}.kpi{padding:14px;border-radius:12px;min-height:105px}.kpi-number{font-size:27px;margin-top:9px}.kpi-label{font-size:11px}.dashboard-grid{gap:12px}.panel{padding:15px;border-radius:13px}.cards-grid{grid-template-columns:1fr}.pipeline-col{flex-basis:245px}.bottom-nav{display:flex;position:fixed;inset:auto 0 0;background:#fff;box-shadow:0 -4px 22px #12253d14;padding:8px 5px calc(8px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;border-top:1px solid #e8edf1}.bottom-nav button{border:0;background:none;color:#8391a0;font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:55px;padding:3px}.bottom-nav button span{font-size:21px;line-height:1.3}.bottom-nav button.active{color:var(--navy)}.bottom-nav .nav-plus{transform:translateY(-19px);background:var(--gold);border-radius:14px;width:52px;height:52px;justify-content:center;color:var(--navy);box-shadow:0 7px 18px #b08a3f3b}.bottom-nav .nav-plus span{font-size:31px}.modal-layer{padding:0;align-items:flex-end}.modal-window,.modal-window.wide{border-radius:17px 17px 0 0;max-height:92vh;max-width:100%}.modal-body{padding:19px 17px}.modal-head{padding:16px 17px}.modal-footer{padding:14px 17px}.form-grid{grid-template-columns:1fr;gap:0}.span2{grid-column:span 1}.detail-meta{grid-template-columns:1fr 1fr}.appt-line{flex-wrap:wrap}.appt-actions{width:100%;justify-content:flex-start}.date-controls{width:100%}.toolbar input{max-width:100%}.toolbar .right{margin-inline-start:0}.section-head{flex-wrap:wrap}#toast{bottom:93px;left:12px}.data-table td{padding:12px 8px}.auth-pitch:after{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.quote-item{background:#f8fafc;border:1px solid #e1e8ee;border-radius:12px;padding:13px;margin-bottom:12px}.quote-numbers{display:grid;grid-template-columns:1fr 1fr 1fr 35px;align-items:end;gap:9px}.quote-numbers .field{margin-bottom:0}.quote-total{margin:18px 0 4px;display:grid;justify-content:end;gap:11px;text-align:start;font-size:12px}.quote-total>div{min-width:225px;display:flex;justify-content:space-between;gap:30px}.quote-total .grand-total{font:800 15px Manrope;border-top:2px solid #c99f54;padding-top:12px;color:#122943}.pill.approved,.pill.accepted{background:#e6f5ee;color:#267656}.pill.rejected{background:#ffebe9;color:#aa5241}.pill.sent{background:#eef1fa;color:#445d93}.pill.awaiting_approval{background:#fff3d9;color:#916d1e}@media(max-width:760px){.quote-numbers{grid-template-columns:1fr 1fr;gap:8px}.quote-numbers .btn{align-self:end}.quote-total{justify-content:stretch}.quote-total>div{min-width:0}}