:root{--red:#a6192e;--red2:#861326;--ink:#17202c;--muted:#6e7785;--line:#e8e9ed;--bg:#f5f6f8;--white:#fff;--green:#198754;--blue:#2367c9;--orange:#d17a12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:265px;background:#fff;border-left:1px solid var(--line);position:fixed;right:0;top:0;bottom:0;z-index:20;display:flex;flex-direction:column}.brand{height:102px;padding:22px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.brand strong{font-size:14px;display:block}.brand small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.emblem{width:49px;height:49px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;flex:none}.emblem span{font-size:31px;color:var(--red);font-weight:700;line-height:1}.sidebar nav{padding:24px 14px;display:flex;flex-direction:column;gap:7px}.sidebar nav button{border:0;background:transparent;border-radius:10px;padding:12px 14px;color:#59616d;text-align:right;display:flex;align-items:center;gap:13px;font-weight:600;transition:.2s}.sidebar nav button i{font-style:normal;width:24px;text-align:center;font-size:20px}.sidebar nav button b{margin-right:auto;background:#f2e6e8;color:var(--red);border-radius:20px;font-size:11px;padding:3px 8px}.sidebar nav button.active,.sidebar nav button:hover{background:#f8edef;color:var(--red)}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding:17px;display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;border-radius:50%;background:#f4d9de;color:var(--red);display:grid;place-items:center;font-weight:800}.side-footer strong,.side-footer small{display:block}.side-footer strong{font-size:13px}.side-footer small{font-size:11px;color:var(--muted);margin-top:2px}.side-footer button{margin-right:auto;background:none;border:0;color:#8d929a;font-size:19px}.workspace{margin-right:265px;min-width:0;width:calc(100% - 265px)}.topbar{height:102px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font-size:21px;margin:0 0 7px}.topbar p{font-size:12px;color:var(--muted);margin:0}.top-actions{display:flex;align-items:center;gap:19px}.notification{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:22px}.notification span{position:absolute;top:-5px;left:-5px;width:18px;height:18px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;border-radius:50%}.date-chip{padding-right:19px;border-right:1px solid var(--line)}.date-chip small,.date-chip strong{display:block}.date-chip small{color:var(--muted);font-size:11px;margin-bottom:3px}.date-chip strong{font-size:12px}.hamburger{display:none}.content{padding:30px 35px 50px;max-width:1500px;margin:auto}.hero-card{min-height:225px;background:linear-gradient(120deg,var(--red2),var(--red));border-radius:18px;color:#fff;padding:35px 42px;display:flex;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 10px 25px #86132621}.hero-card h2{font-size:27px;margin:10px 0}.hero-card p{color:#f6dfe3;margin:0 0 24px;font-size:14px}.eyebrow{font-size:11px;background:#ffffff24;padding:5px 11px;border-radius:20px}.primary,.secondary,.ghost{border:0;border-radius:9px;padding:11px 18px;font-weight:700}.hero-card .primary{background:#fff;color:var(--red)}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2)}.secondary{background:#f1f2f4;color:#343b45}.ghost{background:transparent;color:#59616d;border:1px solid var(--line)}.hero-visual{width:250px;position:relative;display:grid;place-items:center}.pulse{width:82px;height:82px;background:#fff;color:var(--red);border-radius:50%;display:grid;place-items:center;font-size:50px;font-weight:700;z-index:2;box-shadow:0 0 0 12px #ffffff1f}.ring{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.r1{width:175px;height:175px}.r2{width:260px;height:260px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:15px;align-items:center}.stat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:23px}.stat-icon.red{background:#f8e9ec;color:var(--red)}.stat-icon.blue{background:#eaf1fb;color:var(--blue)}.stat-icon.green{background:#e9f6ef;color:var(--green)}.stat-icon.orange{background:#fff1df;color:var(--orange)}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{font-size:24px;margin:3px 0}.stat-card small{font-size:10px}.stat-card small.red{color:var(--red)}.stat-card small.blue{color:var(--blue)}.stat-card small.green{color:var(--green)}.stat-card small.orange{color:var(--orange)}.two-cols{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel,.form-panel,.table-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:21px}.panel-title h3{font-size:15px;margin:0 0 5px}.panel-title p{font-size:11px;color:var(--muted);margin:0}.panel-title button{background:none;border:0;color:var(--red);font-size:11px}.bars{display:flex;flex-direction:column;gap:15px}.bar-row{display:grid;grid-template-columns:145px 1fr 26px;align-items:center;gap:12px;font-size:11px}.bar-row>div{height:7px;background:#f0f1f3;border-radius:9px;overflow:hidden}.bar-row i{display:block;background:linear-gradient(90deg,#d95a6c,var(--red));height:100%;border-radius:9px}.bar-row b{text-align:left}.recent-list article{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f1f3}.recent-list article:last-child{border:0}.status-icon{width:34px;height:34px;border-radius:8px;background:#e8f5ed;color:var(--green);display:grid;place-items:center}.status-icon.draft{background:#fff1df;color:var(--orange)}.recent-list div:nth-child(2){min-width:0}.recent-list strong,.recent-list span{display:block}.recent-list strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-list span{font-size:9px;color:var(--muted);margin-top:4px}.recent-list article>b{margin-right:auto;font-size:10px;color:#4e5661}.form-heading,.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.form-heading h2,.list-heading h2{font-size:23px;margin:0 0 7px}.form-heading p,.list-heading p{color:var(--muted);font-size:12px;margin:0}.form-heading>span{font-size:11px;color:var(--muted);background:#fff;padding:9px 13px;border:1px solid var(--line);border-radius:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.steps button{border:0;background:none;display:flex;align-items:center;gap:9px;color:#9298a1;font-size:11px;text-align:right}.steps button i{width:29px;height:29px;border-radius:50%;border:1px solid #d5d7dc;display:grid;place-items:center;font-style:normal}.steps button.active{color:var(--red);font-weight:700}.steps button.active i{background:var(--red);color:#fff;border-color:var(--red)}.steps button.done{color:var(--green)}.steps button.done i{background:#e8f5ed;border-color:#cce8d8}.form-panel{padding:28px}.section-title{display:flex;gap:13px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.section-title i{font-style:normal;color:var(--red);font-weight:800;font-size:20px}.section-title h3{font-size:17px;margin:0 0 5px}.section-title p{font-size:11px;color:var(--muted);margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields label{font-size:12px;font-weight:650;color:#414852}.fields input,.fields select,.fields textarea,.filters input,.filters select,.filters-inline select{display:block;width:100%;margin-top:8px;border:1px solid #dfe1e5;border-radius:8px;background:#fff;padding:11px 12px;outline:none}.fields input:focus,.fields select:focus,.fields textarea:focus,.filters input:focus{border-color:var(--red);box-shadow:0 0 0 3px #f9e9ec}.fields input[readonly]{background:#f7f8f9;color:#737a84}.fields .wide{grid-column:1/-1}.fields textarea{min-height:105px;resize:vertical}.form-actions{display:flex;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.form-actions>div{display:flex;gap:10px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.number-field,.total-box{border:1px solid var(--line);border-radius:12px;padding:18px}.number-field span{font-size:12px;font-weight:650}.number-field input{width:100%;border:0;border-bottom:2px solid #e6e7ea;margin-top:20px;padding:8px 0;font-size:25px;font-weight:700;outline:none}.number-field input:focus{border-color:var(--red)}.total-box{background:#f9edef;border-color:#f0d6db;text-align:center}.total-box span,.total-box strong,.total-box small{display:block}.total-box span{font-size:11px;color:var(--muted)}.total-box strong{font-size:35px;color:var(--red);margin:8px}.total-box small{font-size:10px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.review-grid article{background:#f7f8f9;border-radius:10px;padding:16px}.review-grid span,.review-grid strong{display:block}.review-grid span{font-size:10px;color:var(--muted);margin-bottom:6px}.review-grid strong{font-size:13px}.pending{color:var(--green)}.success{margin-top:18px;padding:13px;background:#e9f6ef;border:1px solid #cce8d8;border-radius:9px;color:var(--green);font-size:12px}.filters{display:grid;grid-template-columns:1fr 220px 180px;gap:12px;margin-bottom:18px}.filters input,.filters select{margin:0;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:right;color:#757d88;font-weight:600;background:#f7f8f9;padding:13px}td{padding:15px 13px;border-bottom:1px solid #efeff1}.badge{display:inline-block;padding:5px 10px;border-radius:20px;font-weight:700}.badge.sent{background:#e8f5ed;color:var(--green)}.badge.draft{background:#fff1df;color:var(--orange)}.more{background:none;border:0;color:#7d838c}.empty{text-align:center;padding:45px;color:var(--muted)}.filters-inline{display:flex;gap:9px}.filters-inline select{margin:0;width:170px}.analytics-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.chart-panel{min-width:0}.line-chart{height:250px;position:relative;padding-bottom:30px}.line-chart svg{width:100%;height:200px;position:relative;z-index:2}.grid-lines{position:absolute;inset:0 0 50px;background:repeating-linear-gradient(to bottom,#fff 0 49px,#eceef1 50px)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:30px;padding-top:12px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--red) 0 42%,#e59a49 42% 78%,#416fb5 78%);display:grid;place-items:center}.donut:before{content:"";width:90px;height:90px;background:#fff;border-radius:50%;grid-area:1/1}.donut span{grid-area:1/1;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:21px}.donut small{font-size:9px;color:var(--muted)}.donut-wrap ul{list-style:none;padding:0;margin:0}.donut-wrap li{font-size:10px;margin:12px 0}.donut-wrap li i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-left:7px}.donut-wrap li b{margin-right:10px}.c1{background:var(--red)}.c2{background:#e59a49}.c3{background:#416fb5}.powerbi-note{margin-top:18px;background:#fff;border:1px solid var(--line);border-right:4px solid #e8b315;border-radius:10px;padding:15px 19px;display:flex;align-items:center;gap:13px}.powerbi-note>span{font-size:29px;color:#d9a400}.powerbi-note strong{font-size:12px}.powerbi-note p{font-size:10px;color:var(--muted);margin:4px 0 0}.overlay{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.two-cols,.analytics-grid{grid-template-columns:1fr}.number-grid{grid-template-columns:1fr 1fr}.donut-wrap{justify-content:flex-start}}@media(max-width:760px){.sidebar{transform:translate(100%);transition:.25s}.sidebar.open{transform:translate(0)}.workspace{margin:0;width:100%}.topbar{padding:0 17px;height:84px}.topbar h1{font-size:17px}.topbar p,.date-chip{display:none}.hamburger{display:block;background:none;border:0;font-size:22px}.content{padding:18px 14px 40px}.overlay{display:block;position:fixed;inset:0;background:#00000059;border:0;z-index:15}.hero-card{padding:26px 22px;min-height:245px}.hero-card h2{font-size:23px}.hero-visual{display:none}.stats-grid,.two-cols,.analytics-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:115px 1fr 25px}.form-heading,.list-heading{align-items:flex-start;gap:15px}.form-heading>span{display:none}.steps{overflow:auto;display:flex}.steps button{min-width:145px}.fields,.number-grid,.review-grid,.filters{grid-template-columns:1fr}.form-panel{padding:19px}.form-actions{gap:12px}.form-actions>div{margin-right:auto}.form-actions button{padding:10px 12px}.filters-inline{display:none}.donut-wrap{flex-direction:column}.top-actions{gap:5px}}.sp-status{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin-bottom:18px;box-shadow:0 4px 15px #141e2d09}.sp-status.connected{border-color:#c7e7d4;background:#fbfefc}.sp-status.error{border-color:#efd0d5;background:#fffafb}.sp-mark{width:39px;height:39px;flex:none;border-radius:9px;background:#087d7a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px}.sp-copy{min-width:0}.sp-copy strong{display:block;font-size:12px}.sp-copy p{margin:4px 0 0;color:var(--muted);font-size:10px}.sp-counts{display:flex;gap:8px;margin-right:auto}.sp-counts span{background:#eaf6ef;color:#176b43;border-radius:8px;padding:7px 10px;font-size:10px}.sp-counts b{font-size:13px;margin-left:3px}.ms-button,.sync-button{margin-right:auto;border:0;border-radius:8px;padding:9px 13px;font-weight:700;font-size:11px;white-space:nowrap}.ms-button{background:#2564cf;color:#fff}.ms-button i{font-style:normal;margin-left:5px}.sync-button{background:#edf7f1;color:#197047}.sync-button:disabled{opacity:.55}@media(max-width:760px){.sp-status{align-items:flex-start;flex-wrap:wrap}.sp-copy{flex:1}.ms-button,.sync-button{width:100%;margin:2px 0 0}.sp-counts{order:4;margin:0;width:100%}}