/* ClientFlow visual system: pale blue workspace, white surfaces and clear data. */
:root{--blue:#376deb;--ink:#172236;--muted:#8290a4;--line:#e8edf5;--bg:#f6f9fe;background:#f6f9fe}body{padding:0 22px 22px;background:radial-gradient(ellipse at 80% 0%,#e4edfe,transparent 50%),#f7faff}.demo-strip{background:transparent;border:0;max-width:1540px;margin:auto;height:37px;padding:0 10px;font-size:10px;color:#8a9bb3}.shell{max-width:1540px;margin:auto;grid-template-columns:215px minmax(0,1fr);border:1px solid #dce7f8;border-radius:23px;box-shadow:0 0 0 10px #dfeaff77,0 14px 45px #7e9cc611;background:linear-gradient(120deg,#fff,#f6f9fe);overflow:clip;min-height:calc(100dvh - 62px)}#sidebar{background:linear-gradient(135deg,#fcfeff,#f5f9fd);border-right:1px solid #edf2fa;padding:28px 14px 20px;height:calc(100dvh - 62px);min-height:650px}.brand{font-size:23px;gap:8px;padding:0 6px 29px;letter-spacing:-1px}.brand img{width:33px;height:33px}#nav{gap:6px}#nav a{font-size:12px;padding:11px 12px;border-radius:9px;min-height:41px;gap:12px;color:#536174}#nav a[aria-current=page]{background:linear-gradient(105deg,#e6efff,#edf3ff);color:#3772df;box-shadow:0 2px 6px #7c9bdd05}#nav a svg{stroke-width:1.9}#nav a:hover{background:#edf3fe}.topbar{height:73px;padding:0 25px;background:linear-gradient(90deg,#f7faff,#f0f5fd);gap:16px;border-bottom:1px solid #edf2fa}.search-label{background:#ffffffd9;border-color:#eaf0f8;box-shadow:0 2px 9px #6584ad06;border-radius:11px;max-width:510px}.search-label input{padding:12px 0}.search-label span{font-size:22px}.workspace-name{color:#9ba9bc;font-size:10px}.topbar #avatar{background:linear-gradient(145deg,#477dfe,#4c58d8);box-shadow:0 3px 9px #4d6bda26;color:#fff;width:35px;height:35px;font-size:11px}.notification-button{position:relative;border:0;background:transparent;width:30px;height:35px;padding:5px;flex:none}.notification-button svg{fill:none;stroke:#8996ac;stroke-width:1.7;width:23px;height:23px}.notification-button span{position:absolute;right:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#ef6875;border:2px solid #f0f5fd}.profile-card{display:flex;gap:10px;align-items:center;margin-bottom:16px}.profile-card strong{font-size:12px;display:block;font-weight:600;color:#37445b}.profile-card div>span{display:block;font-size:9px;color:#8a98ad;margin-top:5px;line-height:1.4}.sidebar-bottom{padding:24px 8px 0}.sidebar-bottom>p{display:none}.sidebar-bottom>label{font-size:10px}.sidebar-bottom small{font-size:10px}.sidebar-bottom>a{margin-top:17px;font-size:10px}.portrait{display:inline-block;width:25px;height:25px;border-radius:50%;background-image:url('./portraits.jpg');background-size:300% 300%;background-position:var(--portrait-x) var(--portrait-y);box-shadow:0 0 0 2px #fff,0 1px 5px #26436b16;flex:none}.portrait.large,.avatar.large{width:37px;height:37px}.contact-cell{display:flex;align-items:center;gap:12px}main{padding:25px 25px 22px;min-height:calc(100dvh - 174px)}h1{font-size:24px;letter-spacing:-.65px}.dashboard-view .page-heading{margin-bottom:19px;align-items:center}.dashboard-view #breadcrumb,.dashboard-view #subtitle{display:none}.dashboard-view h1{font-size:21px;margin:0}.dashboard-view #period{font-size:11px;background:#fff;border:1px solid #e3eaf5;border-radius:8px;padding:9px 12px;color:#64738a;box-shadow:0 2px 5px #45618b04}.kanban{gap:12px;margin-bottom:20px}.column{padding:11px 9px 8px;border:1px solid #edf2fa;border-radius:12px;background:linear-gradient(150deg,#edf3fd,#f2f6fc)}.column[data-stage=progress]{background:linear-gradient(150deg,#eff7f9,#f3f7fb)}.column[data-stage=proposal]{background:linear-gradient(150deg,#f5f4fb,#f4f7fb)}.column[data-stage=won]{background:linear-gradient(150deg,#f0f7f5,#f2f6fb)}.column-head{padding:1px 3px 0;margin-bottom:12px}.column-head h3{font-size:12px;font-weight:650}.column-head p{font-size:10px;margin:7px 0 6px;color:#8290a5}.column-head strong{font-size:13px}.column-head .icon-button{width:28px;height:28px;border-radius:7px;box-shadow:0 1px 4px #5281cb0e;background:#e8f0ff;border:1px solid #d6e4fb;color:#4d86ed;margin-top:2px}.column[data-stage=progress] .column-head .icon-button{background:#e9f7f6;color:#48a8a8;border-color:#dcefee}.column[data-stage=proposal] .column-head .icon-button{background:#fff4e8;color:#e6a35f;border-color:#fff0df}.column[data-stage=won] .column-head .icon-button{background:#eaf7ee;color:#56a67a;border-color:#deefe4}.opportunity{padding:11px 10px 10px;border:1px solid #f0f3f9;border-radius:10px;box-shadow:0 3px 8px #587ba607;margin-bottom:9px;background:#ffffffeb}.card-title-row{display:flex;gap:3px;align-items:center}.card-link{font-size:11px;flex:1;line-height:1.45;font-weight:650;letter-spacing:-.15px}.card-link:before{width:7px;height:7px;margin-right:6px}.card-more{border:0;background:transparent;color:#8793a7;width:18px;height:20px;padding:0;line-height:12px;font-size:18px}.card-more:hover{color:#376deb}.opportunity p{font-size:10px;margin:5px 0;color:#8792a5}.opportunity strong{font-size:12px;margin:7px 0 10px}.card-meta{font-size:9px;color:#9ca7b8;gap:8px}.card-stage{border-color:#e6edf7;border-radius:6px;color:#7688a3}.panel,.metric{border:1px solid #e7edf6;border-radius:14px;box-shadow:0 3px 12px #45658b05;background:#ffffffd9}.dashboard-analytics{display:grid;grid-template-columns:1.6fr .87fr 1.14fr;gap:14px;margin-bottom:22px}.dashboard-analytics .panel{padding:17px 16px 10px}.dashboard-analytics .panel-heading{margin-bottom:12px;gap:8px}.dashboard-analytics h2{font-size:12px;letter-spacing:-.2px}.period-pill{font-size:10px!important;border:1px solid #e4eaf3;border-radius:7px;padding:6px 9px;color:#8391a7;white-space:nowrap}.analytic-value{font-size:27px;letter-spacing:-.9px;display:block;line-height:1.15;color:#172236}.analytic-context{font-size:9px;color:#8b9ab0;margin:8px 0 3px}.dashboard-analytics .chart{height:142px;margin-top:7px}.dashboard-analytics .chart-legend{display:none}.revenue-line{fill:none;stroke:#3188ed;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.chart circle{stroke:#3188ed;stroke-width:1.5;r:2.5px}.chart text{fill:#9ba9bc;font-size:9px}.chart line{stroke:#edf2fa}.quote-bars{display:flex;align-items:flex-end;gap:9px;height:146px;padding:9px 0 12px;justify-content:space-between}.quote-bars>div{flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0}.quote-bar{width:100%;max-width:22px;border-radius:3px 3px 1px 1px;background:linear-gradient(0deg,#3265e8,#6c91ff);box-shadow:0 3px 7px #4777e418}.quote-bars>div:nth-child(-n+3) .quote-bar{background:linear-gradient(0deg,#83b6f6,#c6e0ff)}.quote-bars span{font-size:8px;color:#9aa8bc}.quote-bars .bar-value{font-size:9px;color:#7c8da8}.clients-chart{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:145px}.donut{width:90px;height:90px;flex:none;border-radius:50%;background:conic-gradient(var(--segments));display:grid;place-items:center;transform:rotate(-90deg);box-shadow:0 4px 10px #6087bc08}.donut>span{width:59px;height:59px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:17px;font-weight:650;transform:rotate(90deg)}.donut small{font-size:8px;font-weight:400;color:#a4afbe;margin-top:2px}.clients-chart ul{list-style:none;padding:0;margin:0;flex:1}.clients-chart li{display:flex;align-items:center;gap:5px;font-size:9px;margin:14px 0;color:#8b99ae}.clients-chart li i{width:5px;height:5px;border-radius:50%;background:#91bdfb;flex:none}.clients-chart li i.dot-1{background:#3973e8}.clients-chart li i.dot-2{background:#dce8fa}.clients-chart li strong{margin-left:auto;color:#5f718c;font-size:10px}.next-actions{padding:20px}.next-actions .panel-heading{margin-bottom:8px}.next-actions .task-row{padding:12px 0}.app-footer{color:#a4afbf;font-size:9px;padding-bottom:17px}.button{border-radius:8px}.button.primary{background:linear-gradient(140deg,#4d83fa,#3768df);box-shadow:0 3px 7px #4577df18}.table-scroll{border-radius:11px;border-color:#e7edf6}th{background:#f8faff;color:#8493aa}td{border-color:#edf2f8}dialog{border-radius:15px;border-color:#e5edf8;box-shadow:0 25px 90px #23467530}dialog::backdrop{background:#2b416747}.dialog-head{border-color:#edf2f7}.form-grid input,.form-grid select,.field input,.field textarea{border-color:#dce5f2;border-radius:8px}@media(max-width:1150px){body{padding:0 14px 16px}.shell{grid-template-columns:185px minmax(0,1fr)}#sidebar{padding:24px 10px}.brand{font-size:20px}main{padding:22px 18px}.topbar{padding:0 18px}.dashboard-analytics{grid-template-columns:1.4fr 1fr}.clients-panel{grid-column:1/-1}.clients-chart{justify-content:flex-start;gap:30px;min-height:110px}.clients-chart ul{flex:0 1 260px}.kanban{gap:9px}.column{padding:10px 7px}.card-meta{font-size:8px}.portrait{width:23px;height:23px}}@media(max-width:900px){.kanban{grid-template-columns:repeat(4,195px)}.dashboard-analytics{grid-template-columns:1fr 1fr}.revenue-panel{grid-column:1/-1}.clients-panel{grid-column:auto}.clients-chart{gap:12px;flex-wrap:wrap;padding-top:10px}.clients-chart ul{flex:1}.analytic-value{font-size:24px}}@media(max-width:700px){body{padding:0;background:#f7faff}.demo-strip{padding:0 14px;height:36px}.shell{display:block;border:0;border-radius:0;box-shadow:none;overflow:visible}#sidebar{top:36px;height:calc(100dvh - 36px);width:245px;min-height:0;z-index:8;box-shadow:20px 0 70px #58789e33;padding:24px 14px}.topbar{padding:0 12px;gap:8px;height:65px}.topbar #avatar{width:30px;height:30px;font-size:10px}.notification-button{width:27px}.search-label{border-radius:9px}.search-label input{font-size:11px}.dashboard-view .page-heading{flex-wrap:nowrap;align-items:center;gap:8px}.dashboard-view h1{font-size:19px}.dashboard-view #period{font-size:10px;padding:8px 6px;max-width:125px}main{padding:24px 15px}.kanban{gap:11px;grid-template-columns:repeat(4,215px)}.column{padding:11px 9px}.card-meta{font-size:9px}.card-link{font-size:12px}.opportunity{padding:12px}.portrait{width:26px;height:26px}.dashboard-analytics{gap:12px}.dashboard-analytics .panel{padding:17px 14px 9px}.dashboard-analytics h2{font-size:12px}.revenue-panel .chart{height:160px}.clients-chart{min-height:153px;align-content:center;gap:5px;justify-content:center}.donut{width:76px;height:76px}.donut>span{width:51px;height:51px}.clients-chart ul{flex-basis:100%;display:flex;flex-wrap:wrap;gap:3px 8px;justify-content:center}.clients-chart li{margin:5px 0;font-size:8px;gap:3px}.clients-chart li strong{font-size:9px}.analytic-value{font-size:26px}.analytic-context{line-height:1.6}.quote-bars{height:165px;gap:5px}.profile-card div>span{font-size:10px}.next-actions{padding:17px}.app-footer{padding:15px}}@media(max-width:360px){.dashboard-analytics{grid-template-columns:1fr}.revenue-panel,.clients-panel{grid-column:auto}.clients-chart{min-height:135px;flex-wrap:nowrap;justify-content:flex-start;gap:30px}.clients-chart ul{display:block;flex-basis:auto}.clients-chart li{margin:14px 0;font-size:10px}.quote-bars{max-width:240px;margin:auto;height:130px}.dashboard-view h1{font-size:17px}.dashboard-view #period{max-width:112px}.topbar #avatar{display:none}}