:root{--teal: #00CCC9;--teal-dark: #00A9A7;--teal-soft: #E0F9F9;--canvas: #F7F8FA;--surface: #FFFFFF;--sunken: #FAFBFC;--line: #E6E9EE;--line-soft: #F0F2F5;--ink: #282828;--ink-2: #6E7378;--ink-3: #9AA0A6;--commit: #FF5C39;--best: #F5A623;--pipeline: #94A0B0;--radius: 10px;--radius-lg: 14px;--gutter: 20px;--shadow: 0 1px 2px rgba(40, 40, 40, .04), 0 6px 18px rgba(40, 40, 40, .05);--sans: "Poppins", "Tajawal", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;-webkit-text-size-adjust:100%;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}select{font:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.shell{max-width:1240px;margin:0 auto;padding:26px var(--gutter) 96px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;border-radius:var(--radius);object-fit:cover;display:block}.brand-name{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.brand-sub{font-size:12px;color:var(--ink-3);margin:1px 0 0}.top-right{display:flex;align-items:center;gap:8px}.chip-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px;font-size:12.5px;font-weight:500;color:var(--ink-2);transition:border-color .15s,color .15s,background .15s}.chip-btn:hover{border-color:var(--teal);color:var(--ink)}.chip-btn:disabled{opacity:.55;cursor:default}.chip-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.chip-btn.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}.live-dot[data-state=error]:before{background:var(--commit)}.live-dot[data-state=connecting]:before{background:var(--ink-3)}.live-dot[data-state=demo]:before{background:var(--best)}.live-dot[data-state=saving]:before{background:var(--best)}.monthbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.month-title{font-size:clamp(24px,3.6vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0}.month-nav{display:flex;gap:6px}.arrow{width:32px;height:32px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2);font-size:16px;line-height:1;transition:border-color .15s,color .15s}.arrow:hover{border-color:var(--teal);color:var(--teal-dark)}.monthbar .pill{width:auto;min-width:150px;background-color:var(--surface)}.countdown{font-size:12.5px;color:var(--ink-3);margin-inline-start:auto;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px}.countdown strong{color:var(--commit);font-weight:600}.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:6px 20px 4px;margin-bottom:14px}.tier{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 14px 14px;padding-inline:14px 0;border-bottom:1px solid var(--line-soft);border-inline-start:3px solid var(--dot);margin-inline-start:-20px;padding-inline-start:17px}.tier:last-of-type{border-bottom:none}.tier-name{display:flex;align-items:baseline;gap:8px;font-weight:600;color:var(--dot);letter-spacing:-.01em}.tier-name b{font-family:var(--mono);font-weight:500;font-size:11.5px;color:var(--ink-3)}.tier-desc{margin:2px 0 0;font-size:12px;color:var(--ink-3);line-height:1.4}.tier-figure{display:flex;flex-direction:column;align-items:flex-end;flex:none}.tier-value{font-family:var(--mono);font-weight:500;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.tier-value i{font-style:normal;font-size:.42em;color:var(--ink-3);margin-inline-end:5px}.tier-count{font-size:11.5px;color:var(--ink-3);margin-top:5px}.tier[data-rank="0"] .tier-name{font-size:16px}.tier[data-rank="0"] .tier-value{font-size:clamp(30px,4.4vw,44px)}.tier[data-rank="1"] .tier-name{font-size:14.5px}.tier[data-rank="1"] .tier-value{font-size:clamp(24px,3.2vw,32px)}.tier[data-rank="2"] .tier-name{font-size:13.5px}.tier[data-rank="2"] .tier-value{font-size:clamp(20px,2.4vw,24px)}.tier-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0 10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}.tier-total b{font-family:var(--mono);font-weight:500;font-size:14px;color:var(--ink-2)}.tier-total i{font-style:normal;font-family:var(--sans);font-size:11.5px;color:var(--ink-3);margin-inline-start:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.filters{display:flex;flex-wrap:wrap;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}.filter{background:transparent;border:none;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;color:var(--ink-2);transition:background .15s,color .15s}.filter:hover{color:var(--ink)}.filter[data-active=true]{background:var(--teal);color:#fff}.exports{display:flex;align-items:center;gap:8px}.exports-label{font-size:12px;color:var(--ink-3)}.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.row{display:grid;grid-template-columns:minmax(140px,1.2fr) 104px 172px 152px minmax(150px,1.25fr) 116px 88px 32px;align-items:stretch;position:relative}.head{border-bottom:1px solid var(--line);background:var(--sunken)}.head>div{padding:11px 14px;font-size:11.5px;font-weight:500;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal-row{border-bottom:1px solid var(--line-soft);isolation:isolate}.deal-row:last-of-type{border-bottom:none}.deal-row:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--bar, 0%);background:linear-gradient(to var(--bar-dir, right),color-mix(in srgb,var(--heat) 14%,transparent),color-mix(in srgb,var(--heat) 2%,transparent));border-inline-start:3px solid var(--heat);z-index:-1;transition:width .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.cell{padding:11px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.cell-end{align-items:flex-end}.field{width:100%;background:transparent;border:1px solid transparent;border-radius:7px;padding:4px 7px;margin:-4px -7px;font:inherit;color:inherit;min-width:0;transition:background .12s,border-color .12s}.field::placeholder{color:var(--ink-3)}.field:hover{background:var(--sunken);border-color:var(--line)}.field:focus{outline:none;background:var(--surface);border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.field-name{font-weight:500;letter-spacing:-.01em}.field-money{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;text-align:end}.field-step{font-size:13.5px}.value-unit{font-size:11px;color:var(--ink-3)}.pill{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;max-width:100%;background-color:var(--sunken);border:1px solid var(--line);border-radius:999px;padding-block:6px;padding-inline:12px 28px;font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer;background-repeat:no-repeat;background-size:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%239AA0A6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-position:right 11px center;transition:border-color .15s,background-color .15s,box-shadow .15s}[dir=rtl] .pill{background-position:left 11px center}.pill:hover{border-color:var(--teal);background-color:var(--surface)}.pill:focus{outline:none;border-color:var(--teal);background-color:var(--surface);box-shadow:0 0 0 3px var(--teal-soft)}.pill-heat{color:var(--heat);font-weight:500;background-color:color-mix(in srgb,var(--heat) 9%,transparent);border-color:color-mix(in srgb,var(--heat) 26%,transparent)}.pill-heat:hover,.pill-heat:focus{background-color:color-mix(in srgb,var(--heat) 14%,transparent);border-color:var(--heat)}.pill-date{font-family:var(--mono);font-size:11.5px;padding-inline:12px 26px;background-size:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239AA0A6' stroke-width='1.3' stroke-linecap='round'%3E%3Crect x='2' y='3.5' width='12' height='11' rx='2.5'/%3E%3Cpath d='M2 6.8h12M5.5 1.8v2.4M10.5 1.8v2.4'/%3E%3C/svg%3E");background-position:right 9px center}[dir=rtl] .pill-date{background-position:left 9px center}.pill-date::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.pill-date::-webkit-datetime-edit{color:var(--ink-2)}.pill-date:invalid::-webkit-datetime-edit{color:var(--ink-3)}.prob{display:flex;align-items:center;gap:7px}.prob-pct{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);flex:none;min-width:26px}.pill{text-overflow:ellipsis;white-space:nowrap}.stale{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--commit);margin-inline-end:7px;flex:none}.name-line{display:flex;align-items:center}.remove{background:none;border:none;color:transparent;font-size:17px;line-height:1;padding:0;display:grid;place-items:center;transition:color .15s}.deal-row:hover .remove,.remove:focus-visible{color:var(--ink-3)}.remove:hover{color:var(--commit)}.confirm{display:flex;align-items:center;gap:10px;padding:12px 14px;grid-column:1 / -1;background:color-mix(in srgb,var(--commit) 6%,var(--surface));font-size:13px}.confirm button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 12px;font-size:12.5px}.confirm .danger{border-color:var(--commit);color:var(--commit)}.note-row{grid-column:1 / -1;padding:0 14px 12px;display:flex;align-items:center;gap:10px}.note-row .field{font-size:12.5px;color:var(--ink-2)}.note-tag{font-size:11.5px;color:var(--ink-3);white-space:nowrap}.note-toggle{background:none;border:none;padding:0;font-size:11.5px;color:var(--ink-3);text-align:start}.note-toggle:hover{color:var(--teal-dark)}.note-toggle[data-has=true]{color:var(--ink-2)}.note-toggle[data-has=true]:before{content:"•";margin-inline-end:5px;color:var(--best)}.group+.group{border-top:1px solid var(--line)}.group-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--sunken);border-bottom:1px solid var(--line)}.avatar{width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:10.5px;font-weight:600;letter-spacing:.02em;flex:none}.group-name{font-size:13.5px;font-weight:500}.group-count{font-size:11.5px;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.group-totals{margin-inline-start:auto;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);display:flex;gap:14px;align-items:baseline}.group-totals b{color:var(--ink-2);font-weight:500}.group-empty{margin:0;padding:14px;font-size:12.5px;color:var(--ink-3);border-bottom:1px solid var(--line-soft)}.stamp{display:flex;flex-direction:column;font-family:var(--mono);font-size:11px;line-height:1.3;color:var(--ink-2)}.stamp i{font-style:normal;color:var(--ink-3);font-size:10.5px}.stamp[data-stale=true] b{color:var(--commit)}.new-row{background:var(--sunken)}.cell-add{grid-column:1 / -1}.skeleton{height:52px;border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,var(--sunken),var(--surface),var(--sunken));background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.setup{background:var(--surface);border:1px solid var(--commit);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.setup h3{margin:0 0 6px;font-size:14px;font-weight:500}.setup p{margin:0;color:var(--ink-2);font-size:13px}.report{display:none}@media print{@page{size:A4 portrait;margin:14mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff}.shell{display:none!important}.report{display:block;font-size:9.5pt;color:#282828}.report section{margin-top:14px}.report h3{font-size:9.5pt;font-weight:600;margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid #E6E9EE}.rp-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2.5px solid #00CCC9;padding-bottom:10px}.rp-brand{display:flex;align-items:center;gap:10px}.rp-brand img{width:32px;height:32px;border-radius:6px}.rp-title{font-size:14pt;font-weight:600;letter-spacing:-.01em}.rp-month{font-size:9.5pt;color:#6e7378}.rp-meta{font-size:8pt;color:#9aa0a6;text-align:end}.rp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.rp-kpis>div{border:1px solid #E6E9EE;border-radius:8px;padding:8px 10px}.rp-kpi-lead{background:#f0fbfb;border-color:#9ee9e8!important}.rp-kpis span{display:block;font-size:8pt;color:#6e7378}.rp-kpis strong{display:block;font-family:var(--mono);font-size:12.5pt;font-weight:500;margin-top:2px;white-space:nowrap}.rp-split{display:flex;height:9px;border-radius:999px;overflow:hidden;background:#f0f2f5;margin-top:12px;gap:2px}.rp-split span[data-heat=commit]{background:#ff5c39}.rp-split span[data-heat=best]{background:#f5a623}.rp-split span[data-heat=pipeline]{background:#94a0b0}.rp-key{display:flex;gap:16px;flex-wrap:wrap;margin-top:7px;font-size:8pt;color:#6e7378}.rp-key em{color:#9aa0a6;font-style:normal}.rp-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.rp-cols section{margin-top:14px}.report table{width:100%;border-collapse:collapse;font-size:8.5pt}.report th{text-align:start;font-weight:500;color:#9aa0a6;padding:4px 6px;border-bottom:1px solid #E6E9EE}.report td{padding:5px 6px;border-bottom:1px solid #F4F6F9;vertical-align:top}.report td.strong{font-weight:600}.report th.num,.report td.num{text-align:end;font-family:var(--mono)}.report tr{page-break-inside:avoid}.rp-none{margin:0;font-size:8.5pt;color:#9aa0a6}.swatch{display:inline-block;width:7px;height:7px;border-radius:2px;margin-inline-end:5px}.swatch[data-heat=commit]{background:#ff5c39}.swatch[data-heat=best]{background:#f5a623}.swatch[data-heat=pipeline]{background:#94a0b0}.swatch[data-heat=stale]{background:#ff5c39;border-radius:50%}.rp-foot{margin-top:16px;padding-top:8px;border-top:1px solid #E6E9EE;font-size:7.5pt;color:#9aa0a6}}.crash{max-width:560px;margin:60px auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;text-align:start}.crash h2{margin:0 0 8px;font-size:16px;font-weight:600}.crash p{margin:0 0 14px;color:var(--ink-2);font-size:13.5px}.crash code{display:block;background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font-family:var(--mono);font-size:11.5px;color:var(--commit);word-break:break-word;margin-bottom:14px}@media (max-width: 1040px){.toolbar{flex-direction:column;align-items:stretch;gap:10px}.filters{justify-content:center}.exports{justify-content:flex-end}.head{display:none}.row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name    remove" "value   prob" "stage   stage" "step    step" "date    updated";padding:14px 6px;row-gap:6px}.row.new-row{grid-template-areas:"add add";padding:6px}.cell-name{grid-area:name}.cell-value{grid-area:value;align-items:flex-start}.cell-prob{grid-area:prob}.cell-stage{grid-area:stage}.cell-step{grid-area:step}.cell-date{grid-area:date}.cell-updated{grid-area:updated;align-items:flex-end}.cell-remove{grid-area:remove}.cell-add{grid-area:add}.pill{padding-block:9px}.field{padding:7px 8px;margin:-7px -8px}.remove{color:var(--ink-3);width:32px;height:32px}.field-money{text-align:start}.cell-value{flex-direction:row;align-items:baseline;gap:6px}.group-totals{flex-direction:column;gap:0;text-align:end}.group-head{flex-wrap:wrap;row-gap:6px}}@media (max-width: 560px){.shell{padding-inline:14px}.tier{gap:12px;padding-block:12px}.tier-desc{display:none}.month-title{font-size:26px}.top{gap:12px}.top-right{width:100%;justify-content:space-between}.filters{width:100%}.filter{flex:1 1 auto;text-align:center;padding-inline:10px}.exports{justify-content:space-between;width:100%}.exports .chip-btn{flex:1}.group-totals{font-size:10.5px}.countdown{margin-inline-start:0}}@media (max-width: 380px){.brand-logo{width:34px;height:34px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}[dir=rtl] .deal-row:before{--bar-dir: left}