/* RTL interactive prototype. The Alexandria web font is requested remotely; no font files are bundled. */
:root{--bg:#f4f6f8;--paper:#fff;--ink:#16323a;--muted:#73848c;--line:#e6ebef;--primary:#13857d;--primary-dark:#0c6963;--primary-soft:#e8f5f1;--navy:#102e36;--warning:#a36716;--warning-soft:#fff5e5;--danger:#bd4c51;--danger-soft:#fceff0;--blue:#5579ac;--blue-soft:#edf2fb;--radius:15px;--shadow:0 3px 15px rgba(17,45,54,.025);--font:"Alexandria","Segoe UI",Tahoma,Arial,sans-serif;--sidebar:238px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);font-size:13px;line-height:1.75}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #53b6a8;outline-offset:3px}button,input,select,textarea{min-width:0}button{border:0}h1,h2,h3,h4,p{margin:0}table{border-collapse:collapse;width:100%}th{text-align:start}svg.icon{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}svg.icon.sm{width:15px;height:15px}svg.icon.lg{width:23px;height:23px}small{font-size:11px}b,strong{font-weight:650}code,kbd,.latin{font-family:ui-sans-serif,system-ui,sans-serif;direction:ltr;unicode-bidi:isolate}.num{font-family:ui-sans-serif,system-ui,sans-serif;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}.teal{color:var(--primary)}.danger{color:var(--danger)}.warning{color:var(--warning)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skip-link{position:fixed;top:-100px;right:260px;z-index:9999;background:white;padding:12px}.skip-link:focus{top:10px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:var(--navy);color:#d1dee1;padding:29px 19px 18px;display:flex;flex-direction:column;z-index:60}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 30px;color:white}.brand-mark{width:42px;height:42px;flex:none}.brand-title{font-size:15px;font-weight:650;letter-spacing:-.4px}.brand-subtitle{color:#91abb1;font-size:10px;letter-spacing:.1px;margin-top:1px}.workspace-selector{display:flex;align-items:center;gap:10px;border:1px solid #31505a;border-radius:11px;padding:10px 11px;margin:0 4px 25px;background:#173740}.workspace-icon{width:31px;height:31px;background:#244850;border-radius:8px;display:grid;place-items:center;color:#a9d3d0}.workspace-selector .title{font-size:11px;color:#edf4f5}.workspace-selector .subtitle{font-size:9px;color:#8ba5ac}.workspace-selector .icon:last-child{margin-inline-start:auto;color:#88a3aa}.nav-label{font-size:10px;color:#77959d;margin:0 14px 10px;letter-spacing:.3px}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:9px;font-size:12px;transition:background .15s;color:#adc3c9;font-weight:500;min-height:46px}.nav-item:hover{background:#1b3b44;color:white}.nav-item.active{background:#24504f;color:#e7fffa}.nav-item.active .icon{color:#6fd3b8}.nav-count{margin-inline-start:auto;background:#ffffff11;padding:0 7px;border-radius:5px;line-height:22px;font-size:10px}.nav-item.active .nav-count{background:#ffffff17;color:#b2eadc}.nav-separator{height:1px;background:#28464f;margin:22px 12px}.sidebar-bottom{margin-top:auto;padding-top:30px}.demo-panel{border:1px solid #33515a;border-radius:11px;padding:13px 14px;margin:0 4px 18px;background:linear-gradient(115deg,#1c4247,#19383f)}.demo-panel-head{font-size:11px;color:#dfeeed;display:flex;gap:7px;align-items:center}.demo-panel p{font-size:9px;color:#9ab4ba;line-height:1.9;margin:7px 0 10px}.demo-panel button{font-size:10px;color:#b8e8da;background:transparent;padding:0;display:flex;align-items:center;gap:6px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:11px 5px 0;border-top:1px solid #29454d}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#e6efee;color:#396968;border-radius:50%;font-size:11px;font-weight:650;flex:none}.sidebar-user .avatar{background:#3c555d;color:#e6eeef}.sidebar-user-name{color:#e2ecee;font-size:11px}.sidebar-user-role{color:#8fa8b0;font-size:9px}.sidebar-user button{background:none;color:#b2c4c9;padding:5px;margin-inline-start:auto}.workspace{margin-inline-start:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0;display:flex;flex-direction:column}.topbar{height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffee;gap:16px}.topbar-right,.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.crumb{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden}.crumb .current{color:var(--ink);font-weight:500}.crumb .icon{color:#aab5bb;width:13px}.search-trigger{display:flex;align-items:center;gap:9px;width:229px;background:#f7f9fa;border:1px solid #e9edef;border-radius:8px;padding:8px 11px;color:#84939a;font-size:10px;text-align:start}.search-trigger kbd{margin-inline-start:auto;border:1px solid #dde4e7;border-radius:4px;padding:0px 4px;font-size:9px;background:white;color:#91a0a7}.icon-btn{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;color:#7b8c93;flex:none}.icon-btn:hover{background:#eef2f4;color:var(--ink)}.notification-btn{position:relative}.notification-btn:after{content:"";width:5px;height:5px;background:var(--primary);border:2px solid white;border-radius:50%;position:absolute;top:5px;right:8px;box-sizing:content-box}.top-divider{width:1px;height:25px;background:var(--line)}.prototype-label{background:#f4f6f8;border:1px solid #e7ecef;color:#7e8c93;border-radius:6px;padding:3px 8px;font-size:9px;white-space:nowrap}.mobile-toggle{display:none}main{padding:29px 32px 23px;flex:1;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--primary);font-family:ui-sans-serif,system-ui,sans-serif;font-weight:700;margin-bottom:4px}.page-heading h1{font-size:25px;line-height:1.6;letter-spacing:-.8px;font-weight:650}.page-heading p{color:var(--muted);font-size:11px;margin-top:4px}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border-radius:8px;font-size:11px;font-weight:550;white-space:nowrap;transition:.15s;line-height:1.6;border:1px solid transparent}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 3px 6px #11796f13}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:white;color:#455f69;border-color:#dde5e9}.btn-secondary:hover{background:#f5f8f9}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:#edf1f4;color:var(--ink)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f4dade}.btn-small{min-height:31px;padding:6px 10px;font-size:10px}.btn-white{background:white;color:#225348}.btn-dark{background:var(--navy);color:white}.date-label{display:flex;align-items:center;gap:7px;color:#71828b;font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px;box-shadow:var(--shadow);position:relative}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.stat-label{color:#71838b;font-size:11px}.stat-icon{width:34px;height:34px;border-radius:9px;background:#f1f5f7;color:#6d8997;display:grid;place-items:center}.stat-icon.green{background:var(--primary-soft);color:var(--primary)}.stat-icon.amber{background:var(--warning-soft);color:#b48749}.stat-icon.blue{background:var(--blue-soft);color:#6b87b4}.stat-value{font-size:32px;font-weight:600;letter-spacing:-1px;margin-top:3px;line-height:1.45;display:flex;align-items:baseline;gap:8px}.stat-value small{font:10px var(--font);letter-spacing:0;color:var(--muted);font-weight:400}.stat-foot{font-size:9px;display:flex;align-items:center;gap:5px;margin-top:7px;color:#839098}.stat-foot .icon{width:12px;height:12px}.dot{display:inline-block;width:6px;height:6px;background:var(--primary);border-radius:50%;flex:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 281px;gap:20px;align-items:start}.dashboard-main,.dashboard-aside{display:flex;flex-direction:column;gap:20px;min-width:0}.focus-card{border-radius:var(--radius);background:var(--navy);color:white;padding:23px 25px;position:relative;overflow:hidden;min-height:155px}.focus-card:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff12;border-radius:50%;left:-25px;top:-70px;box-shadow:0 0 0 30px #ffffff03,0 0 0 60px #ffffff03}.focus-top{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative}.focus-caption{display:flex;gap:6px;align-items:center;color:#acd5cc;font-size:10px}.focus-badge{font-size:9px;border:1px solid #50726a;color:#c2e1c9;background:#38554870;padding:3px 9px;border-radius:20px}.focus-card h2{font-size:18px;font-weight:550;margin:10px 0 3px;position:relative}.focus-card p{color:#9eb6bd;font-size:10px;position:relative}.focus-bottom{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:19px;position:relative}.focus-metrics{display:flex;align-items:center;gap:21px}.focus-metric small{display:block;color:#8da9b2;font-size:9px;margin-bottom:2px}.focus-metric strong{font-size:14px;letter-spacing:.3px;font-weight:550}.focus-metric .separator{width:1px;background:#426067;height:31px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 21px;border-bottom:1px solid #edf1f4}.panel-header.no-border{border-bottom:0;padding-bottom:7px}.panel-title{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px}.panel-title .icon{color:#839a9f;width:17px;height:17px}.panel-subtitle{font-size:10px;color:var(--muted);margin-top:3px}.text-link{background:none;border:0;color:var(--primary);font-size:10px;display:inline-flex;align-items:center;gap:5px;font-weight:500;padding:2px}.text-link .icon{width:14px}.table-wrap{overflow:auto;max-width:100%}.data-table{font-size:11px}.data-table thead{background:#f9fafb;color:#89969d}.data-table th{font-weight:500;font-size:10px;padding:13px 16px;white-space:nowrap;border-bottom:1px solid #edf0f3}.data-table td{padding:15px 16px;border-bottom:1px solid #edf1f3;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfd}.click-row{cursor:pointer}.cell-title{font-size:11px;color:#304d58;font-weight:550;display:block;line-height:1.8}.cell-sub{color:#93a0a7;font-size:9px;display:block;margin-top:2px}.item-cell{display:flex;align-items:center;gap:10px;min-width:180px}.item-symbol{width:35px;height:37px;border:1px solid #e5ebef;background:#f8fafb;display:grid;place-items:center;border-radius:8px;color:#6c9597;flex:none}.item-symbol .icon{width:18px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:500;white-space:nowrap;line-height:1.8;background:#f0f3f6;color:#788993}.badge .dot{width:4px;height:4px;background:currentColor}.badge.pricing{background:#edf3fd;color:#5d80b2}.badge.new{background:#f0f2f5;color:#7e8b98}.badge.ready{background:#e7f5ee;color:#3a926d}.badge.submitted{background:#f0ecfa;color:#9276ba}.badge.won{background:#e6f4ec;color:#33835d}.badge.lost{background:#f9eff0;color:#b2727d}.badge.cancelled,.badge.skipped{background:#f1f2f3;color:#899297}.badge.amber{background:var(--warning-soft);color:var(--warning)}.badge.teal{background:var(--primary-soft);color:var(--primary)}.progress-cell{min-width:86px}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#88979f;margin-bottom:6px}.progress-track{height:4px;border-radius:5px;background:#edf1f3;overflow:hidden}.progress-fill{height:100%;background:#68b4a6;border-radius:5px}.table-footer{border-top:1px solid #edf1f3;padding:12px 19px;color:#93a0a7;font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.priority-list{padding:1px 18px 6px}.priority{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #edf1f4}.priority:last-child{border-bottom:0}.priority-icon{height:30px;width:30px;border-radius:8px;background:#fff5e8;color:#b9863f;display:grid;place-items:center;flex:none}.priority-icon.blue{background:#eef3fb;color:#7494b9}.priority-icon.green{background:#edf6f1;color:#6b9a7d}.priority-icon .icon{width:16px;height:16px}.priority-title{font-size:11px;font-weight:550;line-height:1.7}.priority-sub{color:#9aa6ac;font-size:9px;margin:2px 0 6px}.priority button{font-size:9px}.donut-section{padding:19px 20px 20px}.donut{width:140px;height:140px;border-radius:50%;margin:0 auto 23px;display:grid;place-items:center;position:relative;background:conic-gradient(var(--primary) 0deg 225deg,#91b9af 225deg 270deg,#e5eded 270deg 360deg)}.donut:after{content:"";position:absolute;inset:13px;background:white;border-radius:50%}.donut-center{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.donut-center strong{font:600 29px ui-sans-serif,system-ui,sans-serif;letter-spacing:-1px}.donut-center span{font-size:9px;color:#9aa6ac;margin-top:2px}.legend{display:flex;flex-direction:column;gap:10px}.legend-row{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b8b93}.legend-row .num{margin-inline-start:auto;color:#35535e}.legend-row .dot{width:6px;height:6px}.insight{background:#f4f8f6;border:1px solid #e2eee8;border-radius:12px;padding:14px 15px;display:flex;gap:9px;align-items:flex-start}.insight .icon{color:#73a193;flex:none;width:18px;height:18px;margin-top:2px}.insight strong{font-size:10px;color:#567d6f}.insight p{font-size:9px;color:#8ca197;margin-top:2px;line-height:1.9}.recent-activity{padding:8px 20px 16px}.activity-item{display:flex;align-items:flex-start;gap:11px;padding:13px 0;position:relative}.activity-item:not(:last-child):before{content:"";position:absolute;right:12px;top:38px;bottom:-8px;width:1px;background:#e4edeb}.activity-marker{background:#f1f6f5;border:1px solid #e4edea;border-radius:50%;width:25px;height:25px;flex:none;display:grid;place-items:center;color:#82a296;z-index:1}.activity-marker .icon{width:12px;height:12px}.activity-title{font-size:10px;color:#667e87;line-height:1.8}.activity-time{font-size:9px;color:#a5b0b6;margin-top:2px}.app-footer{padding:15px 33px 20px;font-size:9px;color:#98a5ab;display:flex;justify-content:space-between;align-items:center;gap:15px}.app-footer>span{display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#86b4a7}.footer-version{font-family:system-ui;font-size:9px;color:#abb6bc;margin-inline-start:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-field{display:flex;align-items:center;position:relative;min-width:220px}.search-field .icon{position:absolute;right:11px;width:16px;height:16px;color:#9ba8ae;pointer-events:none}.search-field input{padding-inline-start:35px!important;width:100%;background:#fafbfc!important}.field-input,input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=datetime-local],select,textarea{border:1px solid #dfe7eb;border-radius:8px;padding:9px 11px;background:white;color:#395762;font-size:11px;min-height:39px;outline:none;transition:border .15s;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#75b9ad;box-shadow:0 0 0 3px #d3ebe44d}input::placeholder,textarea::placeholder{color:#a6b1b7}input:disabled,select:disabled,textarea:disabled{background:#f5f7f8;color:#8e9ca3;cursor:not-allowed}select{cursor:pointer;min-width:132px}.segmented{display:inline-flex;padding:3px;background:#f2f5f7;border-radius:8px;gap:3px}.segmented button{padding:6px 13px;border-radius:6px;background:transparent;color:#85959c;font-size:10px}.segmented button.active{background:white;color:#355864;box-shadow:0 1px 4px #1c354514}.segmented.icons button{padding:6px 8px;display:grid;place-items:center}.segmented.icons .icon{width:16px;height:16px}.filter-count{color:#84949c;font-size:10px;margin:0 2px}.tender-card-grid,.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tender-card{padding:21px;display:flex;flex-direction:column}.tender-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tender-card h3{font-size:13px;line-height:1.9;margin:12px 0 5px}.tender-card p{font-size:10px;color:var(--muted)}.tender-card-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;display:flex;align-items:center;justify-content:space-between}.tender-card .progress-cell{margin-top:17px}.tender-card .item-symbol{height:41px;width:41px}.empty-state{padding:55px 25px;text-align:center}.empty-state .empty-icon{width:65px;height:65px;border-radius:18px;background:#f0f5f4;color:#8fb0a9;display:grid;place-items:center;margin:0 auto 14px}.empty-state h3{font-size:15px;margin:8px 0}.empty-state p{color:#92a0a8;font-size:11px;max-width:370px;margin:0 auto 18px}.empty-state .btn{margin-top:5px}.detail-heading{margin-bottom:21px}.detail-id{font-size:10px;color:#81959e;display:flex;align-items:center;gap:9px;margin-bottom:8px}.detail-heading h1{font-size:22px;font-weight:650}.detail-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#8b9ba3;font-size:10px;margin-top:9px}.detail-meta span{display:flex;align-items:center;gap:5px}.detail-meta .icon{width:14px;height:14px}.back-btn{font-size:10px;margin-bottom:12px;color:#80939c;display:flex;align-items:center;gap:5px;background:none;padding:0}.back-btn .icon{width:13px;height:13px}.stepper{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px 24px;display:flex;align-items:flex-start;margin-bottom:18px}.step{flex:1;display:flex;align-items:center;gap:9px;position:relative;padding-inline-end:20px;font-size:10px;color:#9ba8ae}.step:after{content:"";height:1px;flex:1;background:#e6eced;margin-inline-start:10px}.step:last-child{flex:0 0 auto;padding-inline-end:0}.step:last-child:after{display:none}.step-number{width:28px;height:28px;border-radius:50%;border:1px solid #dfe6e9;color:#a0acb2;display:grid;place-items:center;font:11px system-ui,sans-serif;flex:none;background:white}.step.done{color:#759a8c}.step.done .step-number{background:#ebf6f0;border-color:#ebf6f0;color:var(--primary)}.step.done:after{background:#cce5da}.step.current{color:var(--primary);font-weight:600}.step.current .step-number{color:white;background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #e5f3ee}.step-number .icon{width:14px;height:14px}.detail-tabs{display:flex;gap:24px;border-bottom:1px solid #dfe6eb;margin-bottom:23px;overflow:auto;white-space:nowrap}.tab-btn{padding:13px 3px 14px;background:none;border-radius:0;font-size:11px;display:flex;align-items:center;gap:7px;color:#83969e;border-bottom:2px solid transparent}.tab-btn .icon{width:16px;height:16px}.tab-btn.active{color:var(--primary);border-color:var(--primary);font-weight:650}.tab-count{background:#e9edef;color:#91a0a8;font:9px system-ui;padding:2px 6px;border-radius:4px}.tab-btn.active .tab-count{background:#e3f1eb;color:var(--primary)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:21px;align-items:start}.form-panel{padding:23px}.section-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:18px}.section-label .icon{width:17px;height:17px;color:#8a9fa7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 19px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field-label{font-size:10px;color:#617985;font-weight:500}.field input,.field select,.field textarea{width:100%}.field.full{grid-column:1/-1}.field-hint{font-size:9px;color:#99a8ae;line-height:1.8}.required{color:#b88b77;font-size:11px}.form-separator{height:1px;background:var(--line);margin:25px 0}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;align-items:center}.form-actions .hint{margin-inline-end:auto;font-size:9px;color:#9aa8af}.side-stack{display:flex;flex-direction:column;gap:17px}.compact-body{padding:18px 20px}.deadline-big{font-size:32px;font-weight:600;line-height:1.4;color:#886e45;display:flex;align-items:baseline;gap:8px}.deadline-big small{font-size:11px;font-weight:400;letter-spacing:0;color:#a38c6f}.deadline-panel{background:#fffcf6;border-color:#efe6d8}.deadline-panel .panel-header{border-color:#f1e8d9}.mini-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;padding:8px 0}.mini-kv .label{color:#93a1a7}.check-list{display:flex;flex-direction:column;gap:15px}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#6c838d;line-height:1.9;cursor:pointer}.check-row input{accent-color:var(--primary);width:15px;height:15px;flex:none;margin:3px 0 0}.check-row small{display:block;font-size:9px;color:#a0adb3}.note-box{background:#f2f7f6;border:1px solid #e1ebe6;border-radius:9px;padding:12px 14px;color:#7d9690;font-size:10px;line-height:1.95;display:flex;gap:8px;align-items:flex-start}.note-box .icon{width:16px;height:16px;flex:none;margin-top:2px}.note-box.amber{background:#fff8eb;border-color:#f3e4c7;color:#a28551}.note-box.blue{background:#f0f5fc;border-color:#e2eaf6;color:#7891b3}.note-box.danger{background:var(--danger-soft);border-color:#f2d8dd;color:#ad626b}.section-gap{margin-bottom:18px}.spec-text{max-width:300px;line-height:1.9;color:#8c9ba3;font-size:10px}.pricing-settings{padding:18px 21px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:20px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;align-items:end}.input-suffix{display:flex;align-items:center;position:relative}.input-suffix input{width:100%;padding-inline-end:50px}.input-suffix .suffix{position:absolute;inset-inline-end:11px;color:#a0aeb4;font-size:10px;pointer-events:none}.pricing-table{min-width:1040px}.pricing-table td,.pricing-table th{padding:13px 12px}.pricing-table .cell-title{max-width:195px;min-width:140px;white-space:normal}.pricing-table input{width:75px;min-height:34px;font-family:system-ui,sans-serif;font-size:11px;padding:6px 7px;direction:ltr;text-align:center;background:#fcfdfd}.pricing-table input.wide{width:89px}.supplier-pill{border:1px solid #dfeae6;background:#f8fcfa;border-radius:6px;color:#75988c;font-size:9px;padding:4px 6px;margin-top:5px;display:inline-flex;align-items:center;gap:4px;max-width:155px}.supplier-pill .icon{width:12px;height:12px}.price-empty{display:flex;align-items:center;gap:5px;border:1px dashed #d7dedf;border-radius:6px;padding:6px;color:#a4adb0;background:#fafbfc;font-size:9px}.price-empty .icon{width:13px;height:13px}.mode-select{display:block;background:none;color:#90a39b;font-size:8px;padding:2px 0;margin:1px auto 0}.pricing-summary{position:sticky;bottom:13px;z-index:15;background:white;border:1px solid #d8e6e0;border-radius:12px;padding:18px 23px;margin-top:18px;box-shadow:0 5px 25px #13352e09;display:flex;gap:20px;align-items:center;justify-content:space-between}.summary-values{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.summary-unit{display:flex;flex-direction:column;gap:4px}.summary-unit .label{font-size:9px;color:#8fa09f}.summary-unit strong{font-size:19px;font-weight:650;letter-spacing:-.4px;line-height:1.4}.summary-unit .currency{font-size:10px;font-weight:400;letter-spacing:0;color:#9faeaf;margin-inline-start:3px}.summary-unit.primary strong{color:var(--primary)}.summary-divider{width:1px;height:36px;background:#e5ebe8}.summary-note{font-size:9px;color:#a2afab;margin-top:3px}.table-note{padding:13px 19px;font-size:9px;color:#9aa9af;border-top:1px solid #eaf0ed;display:flex;gap:6px;align-items:center}.table-note .icon{width:13px;height:13px}.pricing-name-cell{min-width:195px}.missing-row{background:#fffcf8}.modal-scrim{position:fixed;inset:0;background:#102d3660;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px;animation:fade-in .14s ease}.modal{background:white;border-radius:17px;width:min(620px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 100px #0b273039;overflow:hidden;animation:rise-in .2s ease}.modal.wide{width:min(930px,100%)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-size:16px;font-weight:600;line-height:1.8}.modal-subtitle{color:var(--muted);font-size:10px;margin-top:3px}.modal-body{padding:22px 24px;overflow:auto;min-height:0}.modal-footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;gap:9px;justify-content:flex-end;background:#fcfdfd;flex-wrap:wrap}.modal-footer .spacer{margin-inline-end:auto}.drawer-scrim{justify-content:flex-end;padding:0}.drawer{height:100%;max-height:100%;width:min(505px,100%);border-radius:0;margin:0;margin-inline-start:auto;animation:drawer-in .2s ease}.drawer .modal-body{flex:1}.quote-head{padding:15px 17px;border:1px solid #e4ece9;border-radius:10px;background:#f7faf9;margin-bottom:21px}.quote-head strong{font-size:12px}.quote-head p{font-size:10px;color:#8ea097;margin:6px 0}.quote-head .meta{display:flex;gap:15px;font-size:9px;color:#94a69e}.quote-card{border:1px solid #e3e9eb;border-radius:11px;padding:16px;margin-bottom:12px}.quote-card.selected{border-color:#80b9a8;background:#f6fbf8;box-shadow:0 0 0 1px #80b9a818}.quote-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.quote-supplier{font-size:11px;font-weight:600}.quote-amount{font-size:21px;font-weight:600;line-height:1.2}.quote-amount small{font-size:10px;color:#9aaba5;font-weight:400;margin-inline-start:3px}.quote-meta{display:flex;gap:14px;font-size:9px;color:#96a39f;margin-top:12px;flex-wrap:wrap}.quote-meta span{display:flex;align-items:center;gap:4px}.quote-meta .icon{width:13px;height:13px}.quote-bottom{border-top:1px solid #e6eeeb;margin-top:13px;padding-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#92a79a}.quote-bottom .selected-label{display:flex;align-items:center;gap:4px;color:var(--primary)}.quote-bottom .selected-label .icon{width:14px;height:14px}.add-dashed{width:100%;border:1px dashed #b7d3c9;background:#f8fcfa;color:#7b9f90;border-radius:9px;padding:12px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px}.drawer-section-title{font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.drawer-section-title span{font-size:9px;color:#a3ada9;font-weight:400}.toast{display:flex;gap:10px;align-items:flex-start;border:1px solid #daece3;border-radius:10px;background:white;padding:14px 17px;box-shadow:0 8px 35px #14312d19;max-width:385px;color:#547966;font-size:11px;animation:rise-in .18s ease}.toast.error{border-color:#f0d7dd;color:#a56370}.toast .icon{width:18px;height:18px;flex:none;margin-top:1px}.toast-stack{position:fixed;left:25px;bottom:23px;display:flex;flex-direction:column;gap:9px;z-index:500}.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px}.file-card{border:1px solid #e6ecef;border-radius:10px;padding:15px;display:flex;gap:11px;align-items:flex-start;min-width:0}.file-icon{width:38px;height:44px;border-radius:7px;background:#fdf0ed;display:grid;place-items:center;color:#bb9189;font:9px system-ui;position:relative;flex:none}.file-icon.csv{background:#eef6f1;color:#85a08e}.file-icon.html{background:#eef2f8;color:#879eba}.file-name{font-size:10px;font-weight:550;overflow-wrap:anywhere}.file-info{font-size:9px;color:#a4b0b6;margin-top:2px}.file-actions{display:flex;gap:9px;margin-top:11px}.file-actions button{padding:0;font-size:9px}.upload-zone{margin:0 20px 20px;padding:23px;border:1px dashed #c9dcd6;border-radius:11px;text-align:center;background:#fafdfb;width:calc(100% - 40px);color:#8ba59b}.upload-zone .icon{width:23px;height:23px;margin-bottom:6px}.upload-zone strong{display:block;font-size:11px;color:#668d7c}.upload-zone small{font-size:9px}.file-tools{display:flex;gap:8px;flex-wrap:wrap}.document-preview-bg{background:#eaf0f2;border-radius:12px;padding:25px;overflow:auto}.offer-sheet{background:white;color:#273e46;padding:34px 32px;max-width:810px;margin:auto;box-shadow:0 5px 20px #203b480b;min-width:550px;border-radius:3px}.offer-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #208675;padding-bottom:21px;margin-bottom:24px;gap:20px}.offer-company{display:flex;align-items:center;gap:10px}.offer-company .brand-mark{width:39px;height:39px}.offer-company h3{font-size:12px;font-weight:650}.offer-company p{font-size:9px;color:#96a29f;margin-top:3px}.offer-title{text-align:end}.offer-title h2{font-size:23px;color:#287a6c}.offer-title p{font:9px system-ui;color:#9ba8a3;letter-spacing:1px;margin-top:4px}.offer-kv{display:flex;justify-content:space-between;gap:25px;margin-bottom:20px;font-size:10px}.offer-kv strong{display:block;margin-top:4px}.offer-kv span{color:#97a59e}.offer-table{font-size:9px;border:1px solid #e9eeeb}.offer-table th{background:#f0f6f3;padding:9px 8px;font-size:8px;color:#749a8c;border-bottom:1px solid #e5ebe7}.offer-table td{padding:11px 8px;border-bottom:1px solid #edf1ee;line-height:1.8}.offer-table .spec{font-size:8px;color:#99a79f;max-width:220px}.offer-total{background:#f0f7f2;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;color:#3d7860;margin-top:17px;font-size:11px}.offer-total strong{font-size:18px;font-weight:600}.offer-terms{margin-top:23px;font-size:9px;color:#99a69f;line-height:2.1}.offer-terms strong{font-size:10px;color:#678776;display:block;margin-bottom:5px}.offer-demo{margin-top:23px;padding-top:13px;border-top:1px solid #e8eeea;text-align:center;font-size:8px;color:#a9b5af;letter-spacing:.4px}.offer-signature{margin-top:23px;font-size:9px;color:#99a69f;display:flex;justify-content:space-between}.document-page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.status-hero{display:flex;gap:17px;align-items:center;padding:24px;border:1px solid #dcebe4;border-radius:12px;background:#f3f9f5;margin-bottom:20px}.status-hero .big-icon{width:49px;height:49px;background:#deeee4;border-radius:50%;display:grid;place-items:center;color:#6b9e81;flex:none}.status-hero h3{font-size:15px;font-weight:600;margin-bottom:5px}.status-hero p{color:#8ea498;font-size:10px}.submission-checks{padding:19px 22px}.readiness-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eaf0ec;font-size:11px;color:#799188}.readiness-row:last-child{border-bottom:0}.readiness-label{display:flex;gap:8px;align-items:center}.readiness-label .icon{width:16px;height:16px}.readiness-row.incomplete{color:#b0956f}.readiness-value{font-size:9px}.submit-action-card{padding:23px;border:1px solid #dce7e1;background:white;border-radius:12px;margin-top:17px}.submit-action-card h3{font-size:13px;margin-bottom:5px}.submit-action-card p{font-size:10px;color:#9daaa3;margin-bottom:16px}.profile-hero{display:flex;gap:18px;align-items:center;padding:25px;margin-bottom:22px}.profile-hero .avatar{width:60px;height:60px;border-radius:14px;font-size:21px}.profile-hero h2{font-size:20px;line-height:1.8}.profile-hero p{font-size:11px;color:#8d9fa7;margin-top:3px}.profile-hero .page-actions{margin-inline-start:auto}.directory-card{padding:23px;cursor:pointer;transition:transform .2s,border-color .2s}.directory-card:hover{border-color:#bed4cb;transform:translateY(-2px)}.directory-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.directory-card .avatar{width:42px;height:42px;border-radius:11px;font-size:15px}.directory-card h3{font-size:13px;font-weight:600;margin-bottom:4px}.directory-card p{font-size:10px;color:#8fa0a8}.directory-card-bottom{border-top:1px solid #e9eef0;display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;font-size:10px;color:#8ba098}.directory-card-bottom .icon{width:14px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.settings-layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:21px}.settings-nav{padding:10px;align-self:start}.settings-nav button{display:flex;align-items:center;gap:9px;background:none;color:#8ba0a8;font-size:11px;padding:12px 13px;border-radius:8px;width:100%;text-align:start;margin-bottom:3px}.settings-nav button .icon{width:17px;height:17px}.settings-nav button.active{background:#eaf5ef;color:var(--primary)}.settings-card-title{font-size:16px;margin-bottom:4px}.settings-card-desc{font-size:10px;color:#9aaab1;margin-bottom:24px}.role-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e0e9e5;border-radius:10px;padding:17px;margin-bottom:13px}.role-card.selected{border-color:#8ac0ac;background:#f8fcf9}.role-info{display:flex;align-items:center;gap:12px}.role-info h3{font-size:12px;margin-bottom:3px}.role-info p{font-size:10px;color:#8a9e94}.role-actions{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}.storage-meter{height:7px;background:#eaf0ee;border-radius:9px;overflow:hidden;margin:17px 0 8px}.storage-meter div{height:100%;background:#9abdac;border-radius:9px}.search-modal-input{width:100%!important;border:0!important;font-size:17px!important;box-shadow:none!important;padding:8px 0!important}.search-results{display:flex;flex-direction:column;gap:4px;margin-top:9px}.search-result{display:flex;align-items:center;gap:11px;text-align:start;background:white;border:1px solid transparent;border-radius:9px;padding:11px 12px;width:100%}.search-result:hover{border-color:#dfebe5;background:#f6faf7}.search-result strong{display:block;font-size:11px}.search-result small{color:#9aaba1;font-size:9px}.search-result .icon{color:#93b1a0}.search-result .badge{margin-inline-start:auto}.menu-actions{display:flex;flex-direction:column;gap:7px}.menu-action{background:#f8fafb;padding:13px 15px;border:1px solid #e6ecef;border-radius:9px;text-align:start;display:flex;gap:10px;align-items:center;font-size:11px}.menu-action:hover{border-color:#bfd6cb;background:#f4faf6}.file-preview-image{display:block;max-width:100%;height:auto;margin:auto;border-radius:10px}.file-preview-text{white-space:pre-wrap;word-break:break-word;font-family:var(--font);font-size:11px;background:#f7faf8;border:1px solid #e7efea;border-radius:9px;padding:17px;line-height:2;max-height:50vh;overflow:auto}.file-preview-frame{width:100%;height:65vh;border:1px solid #dfe8e2;border-radius:8px}.inline-message{font-size:10px;color:#a57858;margin-top:6px}.mobile-only{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-backdrop{display:none}.row-actions{display:flex;gap:2px}.link-button{background:none;font-size:inherit;color:inherit;text-align:start;padding:0}.profile-kvs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-kv{border:1px solid #e5eee8;border-radius:9px;padding:14px}.profile-kv .label{font-size:10px;color:#93a69b}.profile-kv .value{font-size:12px;display:block;margin-top:6px;overflow-wrap:anywhere}.pagination{display:flex;gap:5px}.pagination button{min-width:26px;height:26px;border-radius:5px;background:#f2f6f3;font:10px system-ui;color:#85a191}.pagination button.active{background:#dff0e7;color:#468466}.loading-note{padding:40px;text-align:center;color:#8ba299}.pill-light{font-size:9px;padding:3px 8px;background:#f1f5f4;color:#8a9e95;border-radius:5px}.panel-header-actions{display:flex;align-items:center;gap:8px}.quote-history-table{font-size:10px}.quote-history-table td,.quote-history-table th{padding:10px;font-size:10px}.settings-backup-box{padding:20px;border:1px solid #e1ebe5;border-radius:11px;background:#f9fcfa;margin-top:18px}.settings-backup-box h3{font-size:12px;margin-bottom:5px}.settings-backup-box p{font-size:10px;color:#91a399}.intro-list{display:flex;flex-direction:column;gap:15px;margin:20px 0}.intro-row{display:flex;align-items:flex-start;gap:12px}.intro-num{background:#e8f4ec;color:#6a9a7f;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font:11px system-ui;flex:none}.intro-row strong{font-size:11px}.intro-row p{font-size:10px;color:#92a298;margin-top:3px}.limited-width{max-width:900px}.card-content{padding:21px}.table-caption-text{font-size:10px;color:#99a8a0;margin-top:7px}.danger-inline{background:#fceff0;color:#ae6c76;border-radius:6px;padding:3px 7px;font-size:9px}.locked-strip{display:flex;align-items:center;gap:8px;color:#8597af;border:1px solid #e0e8f4;background:#f0f5fb;padding:11px 15px;border-radius:9px;margin-bottom:17px;font-size:10px}.locked-strip .icon{width:15px;height:15px}.mono-id{font:10px system-ui;color:#a0aeb5;letter-spacing:.3px}.no-wrap{white-space:nowrap}.separator-inline{width:1px;height:25px;background:#47636a}.advanced-toggle{color:#8faaa0;font-size:10px;background:none;padding:7px 0;display:flex;align-items:center;gap:6px}.profit-negative{color:var(--danger)!important}.profit-positive{color:var(--primary)}.table-select{font-size:10px;min-height:31px;min-width:90px}.bank-details{white-space:pre-wrap;font-size:9px;color:#99a69f;line-height:2}.warning-border{border-color:#eac389!important}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-option{padding:19px;border:1px solid #e1e9e5;border-radius:11px;background:#f9fcfa}.export-option h3{font-size:13px;margin:9px 0 6px}.export-option p{font-size:10px;color:#8fa198;line-height:1.9;margin-bottom:15px}.import-preview{max-height:300px;overflow:auto;margin:18px 0}.table-input-label{font-size:8px;color:#a1afa8;margin-top:2px}.sidebar-close{display:none}.saved-chip{color:#82a192;font-size:9px;display:flex;align-items:center;gap:5px;white-space:nowrap}.saved-chip .icon{width:13px;height:13px}.feature-list-line{font-size:10px;line-height:2.2;color:#8fa097;margin-top:12px}.form-error{padding:10px 12px;color:#a66270;background:#fff0f3;border-radius:7px;font-size:10px;margin-bottom:15px}.no-results{font-size:11px;color:#95a79a;text-align:center;padding:25px}.modal-body:has(.document-preview-bg){background:#f6f8fa}.project-total-caption{font-size:9px;color:#829c91}.form-grid .readonly-display{min-height:39px;display:flex;align-items:center;border:1px solid #e3ebe6;border-radius:8px;padding:9px 11px;background:#f7faf8;color:#91a99b;font-size:11px}.directory-empty{grid-column:1/-1}.soft-section-title{font-size:10px;color:#91a79a;margin-bottom:9px}.compact-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.mini-stat{padding:15px 20px}.mini-stat .label{color:#8ca095;font-size:10px}.mini-stat .value{font:600 24px system-ui;display:block;margin-top:7px;color:#5a856e}.numeric-ratio{display:inline-flex;gap:3px;direction:ltr;font-family:system-ui}.date-detail{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.date-detail small{font-size:9px;color:#a5b0b5}.date-detail .urgent{color:#b68c53}.dashboard-table .data-table th,.dashboard-table .data-table td{padding-inline:14px}.dashboard-table .item-cell{min-width:173px}.dashboard-table .item-symbol{width:31px;height:34px}.dashboard-table .cell-title{font-size:10px}.dashboard-table .data-table td{padding-block:15px}.dashboard-table .progress-cell{min-width:65px}.dashboard-table .progress-label{font-size:8px}.dashboard-table .data-table{min-width:625px}.count-chip{font:10px system-ui;background:#f1f4f6;border-radius:5px;padding:1px 6px;color:#8a9ca5}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes rise-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{from{opacity:.5;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1650px){:root{--sidebar:254px}main{padding-inline:44px}.topbar{padding-inline:44px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.stat-card{padding:22px}.focus-card{padding:26px}.dashboard-table .data-table td{padding-block:18px}}
@media(max-width:1250px){:root{--sidebar:213px}.sidebar{padding-inline:13px}.brand-title{font-size:14px}.brand{padding-inline:4px}.brand-mark{width:37px;height:37px}.topbar{padding-inline:24px}main{padding-inline:24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.dashboard-main,.dashboard-aside{gap:16px}.stat-grid{gap:12px}.stat-card{padding:14px}.stat-label{font-size:10px}.stat-icon{width:29px;height:29px}.stat-foot{font-size:8px}.search-trigger{width:190px}.saved-chip{display:none}.detail-grid{grid-template-columns:minmax(0,1fr) 250px}.pricing-settings{gap:13px}.summary-values{gap:22px}.summary-unit strong{font-size:17px}.tender-card-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.dashboard-aside .insight{grid-column:1/-1}.donut-section{display:flex;gap:27px;align-items:center;padding:23px}.donut{width:118px;height:118px;flex:none;margin:0}.legend{flex:1}.dashboard-main .focus-card{min-height:150px}.detail-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.topbar-left{gap:8px}.prototype-label{display:none}.page-heading h1{font-size:23px}.detail-heading h1{font-size:20px}.step{padding-inline-end:10px;font-size:9px;gap:7px}.stepper{padding-inline:16px}.step:after{margin-inline-start:3px}.detail-tabs{gap:21px}.settings-layout{grid-template-columns:180px minmax(0,1fr)}.summary-values{gap:16px}.summary-divider{display:none}.pricing-summary{gap:15px;padding-inline:18px;flex-wrap:wrap}.pricing-settings{grid-template-columns:1fr 1fr}.search-trigger{width:165px}.search-trigger kbd{display:none}.date-label{display:none}.directory-grid{gap:14px}}
@media(max-width:800px){:root{--sidebar:226px}.sidebar{transform:translateX(100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop.is-open{display:block;position:fixed;inset:0;background:#142f3977;backdrop-filter:blur(2px);z-index:55}.workspace{margin-inline-start:0;width:100%}.topbar{height:66px;padding-inline:20px}.mobile-toggle{display:inline-flex}.mobile-only{display:inline-flex}.topbar-right{gap:8px}.search-trigger{width:190px}.topbar-left{gap:9px}.page-heading{margin-bottom:20px}main{padding:24px 20px 15px}.app-footer{padding-inline:20px}.sidebar-close{display:grid;position:absolute;left:8px;top:8px;background:#24434a;color:#b1c7ce;width:23px;height:23px;border-radius:6px;place-items:center}.sidebar-close .icon{width:14px;height:14px}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-chip{display:none}}
@media(max-width:580px){body{font-size:12px}.topbar{padding-inline:13px;height:60px}.topbar-left .top-divider,.topbar-left>.avatar{display:none}.topbar-left{gap:3px}.search-trigger{width:33px;height:33px;padding:0;background:transparent;border:0;display:grid;place-items:center}.search-trigger span,.search-trigger kbd{display:none}.crumb{font-size:10px;gap:5px;max-width:205px}.crumb .muted-label{display:none}main{padding:20px 14px 13px}.page-heading{gap:12px;align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:10px;max-width:240px}.page-actions{gap:6px}.page-heading>.page-actions .btn{font-size:10px;padding:8px 11px;min-height:36px}.page-heading>.page-actions .btn-secondary{display:none}.eyebrow{font-size:8px;letter-spacing:1.1px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{padding:13px 14px;border-radius:12px}.stat-icon{width:27px;height:27px;border-radius:7px}.stat-icon .icon{width:15px;height:15px}.stat-value{font-size:28px}.stat-value small{font-size:9px}.stat-label{font-size:9px}.stat-foot{font-size:8px;margin-top:4px}.dashboard-main,.dashboard-aside{gap:15px}.focus-card{padding:19px 18px;border-radius:12px}.focus-card h2{font-size:16px;margin-top:11px}.focus-card p{font-size:9px}.focus-caption,.focus-badge{font-size:8px}.focus-metrics{gap:14px}.focus-metric small{font-size:8px}.focus-metric strong{font-size:12px}.focus-bottom{align-items:center;gap:9px;margin-top:20px}.focus-bottom .btn{font-size:9px;padding:8px 9px}.focus-bottom .btn .icon{width:13px;height:13px}.dashboard-aside{grid-template-columns:1fr}.dashboard-aside .insight{grid-column:auto}.panel-header{padding:15px 16px}.panel-title{font-size:12px}.panel-subtitle{font-size:9px}.dashboard-table .panel-header .text-link{font-size:9px}.panel{border-radius:12px}.donut-section{gap:32px;padding:20px 25px}.donut{width:135px;height:135px}.app-footer{padding:14px 16px 18px;align-items:flex-start;font-size:8px}.app-footer>span:last-child{display:none}.app-footer>span{line-height:1.9}.toolbar{padding:13px;gap:11px}.toolbar-group{gap:8px;flex:1;flex-wrap:wrap}.search-field{min-width:150px;flex:1}.toolbar select{font-size:10px;min-width:105px}.filter-count{display:none}.section-toolbar{align-items:stretch}.section-toolbar .search-field{min-width:100%;order:3}.tender-card-grid,.directory-grid{grid-template-columns:1fr}.detail-heading{flex-direction:column;gap:15px}.detail-heading h1{font-size:20px}.detail-meta{gap:10px;font-size:9px}.detail-heading>.page-actions{width:100%}.detail-heading>.page-actions .btn-secondary{display:inline-flex}.stepper{padding:16px 11px;gap:0;overflow:auto}.step{font-size:8px;flex-direction:column;gap:7px;text-align:center;padding:0;min-width:63px;flex:1}.step:last-child{flex:1}.step:after{position:absolute;top:12px;width:calc(100% - 34px);right:calc(50% + 17px);margin:0}.step-number{width:25px;height:25px;font-size:9px}.detail-tabs{gap:19px;margin-bottom:18px}.tab-btn{font-size:10px;gap:6px;padding-block:11px}.tab-btn .icon{width:15px;height:15px}.tab-count{font-size:8px}.form-panel{padding:18px}.form-grid,.form-grid.three{grid-template-columns:1fr;gap:15px}.field>label{font-size:10px}.field.full{grid-column:auto}.field-input,input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=datetime-local],select,textarea{font-size:12px;min-height:41px}.side-stack{grid-template-columns:1fr}.pricing-settings{gap:14px;padding:16px;grid-template-columns:1fr 1fr}.pricing-settings .field>label{font-size:9px}.pricing-settings input{font-size:11px}.pricing-settings .field-hint{font-size:8px}.pricing-summary{position:relative;bottom:0;padding:16px;gap:17px}.summary-values{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;width:100%}.summary-unit strong{font-size:20px}.summary-unit .label{font-size:9px}.pricing-summary>.page-actions{width:100%}.pricing-summary>.page-actions .btn{flex:1}.pricing-table input{font-size:12px}.note-box{font-size:9px;padding:11px 12px}.modal-scrim{padding:12px}.modal{max-height:93dvh;border-radius:13px}.modal-header{padding:17px 18px}.modal-title{font-size:15px}.modal-subtitle{font-size:9px}.modal-body{padding:18px}.modal-footer{padding:13px 18px}.drawer-scrim{padding:0}.drawer{height:100dvh;max-height:100dvh;border-radius:0}.toast-stack{left:13px;right:13px;bottom:16px}.toast{font-size:10px;max-width:100%}.file-grid{grid-template-columns:1fr;padding:16px}.upload-zone{margin-inline:16px;width:calc(100% - 32px)}.document-preview-bg{padding:12px}.offer-sheet{padding:26px 24px}.file-tools .btn{font-size:9px;padding:8px 9px}.settings-layout{grid-template-columns:1fr;gap:16px}.settings-nav{display:flex;overflow:auto;padding:7px;gap:3px}.settings-nav button{width:auto;white-space:nowrap;font-size:9px;padding:10px 9px;margin:0;flex:1;justify-content:center;gap:5px}.settings-nav button .icon{width:14px;height:14px}.settings-card-title{font-size:15px}.profile-hero{padding:20px;flex-wrap:wrap;gap:13px}.profile-hero h2{font-size:17px}.profile-hero .page-actions{width:100%;margin:0}.profile-hero .avatar{width:49px;height:49px}.profile-kvs{grid-template-columns:1fr}.compact-stat-row{gap:10px}.mini-stat{padding:13px}.mini-stat .label{font-size:8px}.mini-stat .value{font-size:21px}.export-options{grid-template-columns:1fr}.status-hero{padding:18px;gap:13px}.status-hero h3{font-size:13px}.status-hero p{font-size:9px}.status-hero .big-icon{width:40px;height:40px}.submission-checks{padding:14px 17px}.readiness-row{font-size:10px}.form-actions .hint{font-size:8px}.page-actions.wrap-mobile{width:100%}.page-actions.wrap-mobile .btn{flex:1}.role-card{padding:14px;gap:9px}.role-info h3{font-size:11px}.role-info p{font-size:9px}.role-info .avatar{display:none}.date-label{display:none}.directory-card{padding:20px}.prototype-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sidebar,.topbar,.app-footer,.page-heading,.detail-tabs,.stepper,.pricing-summary,.overlay-root,.toast-stack{display:none!important}.workspace{margin:0;width:100%}main{padding:0}.offer-sheet{box-shadow:none;padding:0;min-width:0}.document-preview-bg{padding:0;background:white}}

/* Readability refinements for wide desktop displays. */
.stat-value.num,.deadline-big.num{direction:rtl}
@media(min-width:581px){
body{font-size:14px}.nav-item{font-size:13px}.nav-label{font-size:11px}.brand-title{font-size:16px}.workspace-selector .title{font-size:12px}.workspace-selector .subtitle{font-size:10px}.sidebar-user-name{font-size:12px}.sidebar-user-role{font-size:10px}.demo-panel p{font-size:10px}.demo-panel-head{font-size:12px}.demo-panel button{font-size:11px}
.stat-label{font-size:12px}.stat-foot{font-size:10px}.stat-value small{font-size:11px}.page-heading p{font-size:12px}.date-label{font-size:11px}.crumb{font-size:12px}.prototype-label,.saved-chip{font-size:10px}.search-trigger{font-size:11px}.panel-title{font-size:14px}.panel-subtitle{font-size:11px}.text-link{font-size:11px}.btn{font-size:12px}.btn-small{font-size:11px}
.data-table{font-size:12px}.data-table th{font-size:11px}.cell-title{font-size:12px}.cell-sub{font-size:10px}.spec-text{font-size:11px}.badge{font-size:10px}.table-footer{font-size:10px}.progress-label{font-size:10px}.dashboard-table .cell-title{font-size:12px}.dashboard-table .progress-label{font-size:9px}.dashboard-table .item-cell{min-width:201px}.dashboard-table .data-table{min-width:650px}.dashboard-table .data-table td{padding-block:16px}
.focus-caption,.focus-card p{font-size:11px}.focus-badge{font-size:10px}.focus-card h2{font-size:20px}.focus-metric small{font-size:10px}.focus-metric strong{font-size:15px}.priority-title{font-size:12px}.priority-sub,.priority button{font-size:10px}.legend-row{font-size:11px}.donut-center span{font-size:10px}.insight strong{font-size:11px}.insight p{font-size:10px}.activity-title{font-size:11px}.activity-time{font-size:10px}.app-footer{font-size:10px}.date-detail small{font-size:10px}
.field>label,.field-label{font-size:11px}.field-hint{font-size:10px}.field-input,input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=datetime-local],select,textarea{font-size:12px}.check-row{font-size:11px}.check-row small{font-size:10px}.mini-kv{font-size:11px}.note-box,.locked-strip{font-size:11px}.tab-btn{font-size:12px}.step{font-size:11px}.detail-meta{font-size:11px}.detail-id{font-size:11px}.back-btn{font-size:11px}.summary-unit .label{font-size:10px}.summary-note{font-size:10px}.table-note{font-size:10px}.supplier-pill{font-size:10px}.mode-select{font-size:9px}.pricing-table .cell-title{font-size:12px}.quote-supplier{font-size:12px}.quote-meta{font-size:10px}.quote-bottom{font-size:10px}.modal-subtitle{font-size:11px}.file-name{font-size:11px}.file-info{font-size:10px}.file-actions button{font-size:10px}.settings-nav button{font-size:12px}.settings-card-desc{font-size:11px}.directory-card h3{font-size:14px}.directory-card p{font-size:11px}.directory-card-bottom{font-size:11px}.tender-card h3{font-size:14px}.tender-card p{font-size:11px}.quote-head p{font-size:11px}.quote-head strong{font-size:13px}.quote-head .meta{font-size:10px}.check-row input{margin-top:4px}
}
@media(min-width:1051px) and (max-width:1350px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px}.dashboard-table .data-table th,.dashboard-table .data-table td{padding-inline:12px}.dashboard-table .cell-title{font-size:11px}.dashboard-table .data-table{min-width:620px}}
.input-suffix input{padding-left:54px!important;padding-right:12px!important;text-align:right}
@media(max-width:580px){.table-wrap::before{content:"اسحب الجدول أفقيًا لعرض باقي الأعمدة ←";display:block;position:sticky;right:0;padding:8px 13px;background:#f5f9f7;color:#829b90;font-size:9px;white-space:nowrap;width:100%;z-index:1}}