@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#14213a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}:root{--blue:#1769e0;--navy:#0b1830;--muted:#697993;--line:#e5eaf2;--soft:#f5f7fb}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}button{color:inherit;background:0 0;border:0}.brand{color:var(--navy);align-items:center;gap:11px;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:37px;height:37px;font:800 21px/1 Manrope;display:grid;box-shadow:0 8px 18px #1769e033}.brand strong,.brand small{line-height:1.05;display:block}.brand strong{font-size:15px}.brand small{letter-spacing:2px;text-transform:uppercase;color:#7b8ba2;margin-top:5px;font-size:10px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:1.8px;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-story{background:linear-gradient(145deg,#edf4ff,#f6f9ff 48%,#e9f2ff);flex-direction:column;justify-content:space-between;padding:54px 7vw;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #1769e01c;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-220px;right:-240px;box-shadow:0 0 0 80px #1769e008,0 0 0 160px #1769e008}.story-copy{z-index:1;max-width:610px;position:relative}.story-copy h1{color:var(--navy);letter-spacing:-4px;margin:24px 0;font-size:clamp(46px,5vw,74px);line-height:1.04}.story-copy h1 em{color:var(--blue);font-style:normal}.story-copy p{color:#5d6d86;max-width:540px;font-size:18px;line-height:1.7}.story-note{color:#5b6c84;z-index:1;align-items:center;gap:11px;font-size:13px;display:flex;position:relative}.story-note svg{color:var(--blue)}.login-panel{place-items:center;padding:48px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{letter-spacing:-1.2px;color:var(--navy);margin:12px 0 7px;font-size:32px}.muted{color:var(--muted);margin-bottom:34px}.login-card label{color:#33435d;gap:8px;margin:18px 0;font-size:13px;font-weight:600;display:grid}.login-card input{width:100%;color:var(--navy);background:#fbfcfe;border:1px solid #dce3ee;border-radius:12px;outline:none;padding:14px 15px;transition:all .2s}.login-card input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1769e012}.primary-button{background:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px 18px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 24px #1769e032}.primary-button:hover{background:#0f5dce;transform:translateY(-1px)}.primary-button:disabled{opacity:.65}.help-text{text-align:center;color:#8a97aa;margin-top:20px;display:block}.form-error{color:#c83e4d;background:#fff0f1;border-radius:10px;margin-bottom:12px;padding:11px 13px;font-size:13px}.mobile-brand{display:none}.app-shell{background:var(--soft);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:252px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;padding:0 10px 30px;display:flex}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#697994;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:var(--blue);background:#edf4ff}.copilot-card{text-align:left;color:#fff;background:linear-gradient(135deg,#0f61d8,#2882ff);border-radius:13px;margin-top:auto;padding:15px;position:relative}.copilot-card span{align-items:center;gap:8px;font-weight:700;display:flex}.copilot-card small{opacity:.75;margin-top:6px;font-size:11px;display:block}.copilot-card>svg{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-block{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding:18px 4px 0;display:flex}.avatar{width:36px;height:36px;color:var(--blue);background:#eaf2ff;border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.user-block>span:nth-child(2){flex:1;min-width:0}.user-block strong,.user-block small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-block strong{font-size:12px}.user-block small{color:#8290a5;margin-top:3px;font-size:10px}.user-block button{color:#8a97aa;padding:5px}.workspace{flex:1;min-width:0;margin-left:252px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:18px;height:74px;padding:0 38px;display:flex}.search{color:#8b98aa;background:#f5f7fb;border-radius:10px;align-items:center;gap:9px;width:min(420px,48vw);padding:10px 13px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-button i{background:#ef5c67;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.content{max-width:1440px;margin:auto;padding:42px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.welcome h1{letter-spacing:-1.2px;color:var(--navy);margin:7px 0;font-size:31px}.welcome p,.section-heading p{color:var(--muted);margin:0;font-size:14px}.primary-button.compact{width:auto;padding:11px 17px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px;display:grid}.summary-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:16px;padding:21px;display:flex}.metric-icon{border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.metric-icon svg{width:21px}.metric-icon.blue{color:var(--blue);background:#eaf2ff}.metric-icon.amber{color:#e49a19;background:#fff3dd}.metric-icon.green{color:#1f9e72;background:#e9f8f2}.summary-grid small,.summary-grid strong,.summary-grid em{display:block}.summary-grid small{text-transform:uppercase;letter-spacing:.8px;color:#78879c;font-size:11px;font-weight:700}.summary-grid strong{color:var(--navy);margin:2px 0;font:700 27px Manrope}.summary-grid em{color:#95a1b1;font-size:11px;font-style:normal}.projects-section{border:1px solid var(--line);background:#fff;border-radius:15px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.section-heading h2{color:var(--navy);margin:0 0 5px;font-size:17px}.section-heading button{color:var(--blue);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.empty-state{text-align:center;color:#8997aa;padding:58px 20px}.empty-state svg{color:#9eb3d2;margin-bottom:10px}.empty-state h3{color:#2e3e57;margin:5px;font-size:16px}.empty-state p{font-size:13px}.project-list article{border-bottom:1px solid #edf0f5;align-items:center;gap:15px;padding:17px 24px;display:flex}.project-list article:last-child{border:0}.project-monogram{width:42px;height:42px;color:var(--blue);background:#edf4ff;border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid}.project-main{flex:1;min-width:0}.project-main small{text-transform:uppercase;color:#8a97aa;letter-spacing:.7px;font-size:10px}.project-main strong{color:var(--navy);margin:3px 0;font-size:14px;display:block}.project-main p{color:#7d8ba0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.status{color:var(--blue);background:#edf4ff;border-radius:99px;padding:6px 9px;font-size:11px}.status.active{color:#16825e;background:#e8f7f1}.status.paused{color:#b87909;background:#fff3dd}.status.completed{color:#657188;background:#eef0f3}.boot-screen{background:#f5f7fb;place-items:center;min-height:100vh;display:grid}.boot-screen .brand-mark{animation:1.2s infinite pulse}.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}@keyframes pulse{50%{opacity:.75;transform:scale(1.08)}}@media (width<=800px){.login-page{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{margin-bottom:52px;display:block}.sidebar{transition:all .25s;transform:translate(-102%)}.sidebar.open{transform:none;box-shadow:20px 0 50px #0b183025}.mobile-close{display:grid}.sidebar-backdrop{z-index:15;background:#0b183055;width:100%;display:block;position:fixed;inset:0}.workspace{margin-left:0}.topbar{justify-content:space-between;padding:0 16px}.mobile-menu{display:grid}.search{width:calc(100% - 100px)}.content{padding:27px 17px}.welcome{align-items:flex-start}.welcome h1{font-size:25px}.welcome .primary-button{width:43px;height:43px;padding:0;font-size:0}.summary-grid{grid-template-columns:1fr}.section-heading{padding:18px}.project-list article{padding:15px}.status{display:none}}.secondary-button{border:1px solid var(--line);color:#506079;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-weight:700;display:inline-flex}.page-title{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.page-title h1,.project-hero h1{color:var(--navy);letter-spacing:-1.2px;margin:7px 0;font-size:31px}.page-title p,.project-hero p{color:var(--muted);margin:0}.project-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-cards>button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px;position:relative}.project-cards>button>svg{color:#9aa7b9;position:absolute;top:20px;right:18px}.project-cards small,.project-cards strong{display:block}.project-cards small{color:#8794a7;text-transform:uppercase;margin-top:14px;font-size:10px}.project-cards strong{color:var(--navy);margin:5px 0;font:700 16px Manrope}.project-cards p{color:#78869a;margin:0;font-size:12px}.back-button{color:#65758d;align-items:center;gap:7px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.project-hero{background:linear-gradient(120deg,#edf4ff,#fff);border:1px solid #dce8f8;border-radius:16px;justify-content:space-between;align-items:end;margin-bottom:19px;padding:25px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:18px;display:flex;overflow:auto}.tabs button{color:#718098;white-space:nowrap;border-bottom:2px solid #0000;padding:12px 15px;font-size:12px;font-weight:700}.tabs button.active{color:var(--blue);border-color:var(--blue)}.module{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.requirement-list article{border-bottom:1px solid #eef1f5;align-items:center;gap:14px;padding:17px 21px;display:flex}.requirement-list article>div{flex:1}.requirement-list small,.requirement-list strong{display:block}.requirement-list small{text-transform:uppercase;color:#8c98aa;font-size:9px}.requirement-list strong{color:var(--navy);margin:4px 0}.requirement-list p{color:#748398;margin:0;font-size:12px}.priority{background:#8291a7;border-radius:5px;width:7px;height:42px}.priority.high{background:#ef9a30}.priority.critical{background:#e44c5c}.priority.low{background:#4ea77f}.requirement-list select,.field input,.field textarea,.field select{color:var(--navy);background:#fbfcfe;border:1px solid #dce3ee;border-radius:10px;outline:none;padding:11px 12px}.version-grid,.budget-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid}.version-grid article,.budget-grid article{border:1px solid var(--line);border-radius:13px;padding:17px}.version-grid span,.budget-grid small{color:var(--blue);letter-spacing:1px;font-size:9px;font-weight:800}.version-grid h3{color:var(--navy);margin:8px 0;font-size:15px}.version-grid p,.budget-grid p{color:#718097;font-size:12px}.version-grid small{color:#96a1b0}.budget-grid strong{color:var(--navy);margin:8px 0;font:800 24px Manrope;display:block}.hours-list article{border-bottom:1px solid var(--line);grid-template-columns:120px 70px 1fr;gap:12px;padding:15px 21px;font-size:13px;display:grid}.hours-list strong{color:var(--blue)}.hours-list p{color:#697993;margin:0}.data-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.data-card.flat{border:0;border-radius:0}.table-head,.table-row{grid-template-columns:1.2fr 1.4fr .7fr;align-items:center;gap:15px;padding:15px 21px;display:grid}.table-head{text-transform:uppercase;color:#8290a4;background:#f8fafd;font-size:10px;font-weight:800}.table-row{border-top:1px solid var(--line);font-size:13px}.person{align-items:center;gap:10px;display:flex}.person i{width:34px;height:34px;color:var(--blue);background:#eaf2ff;border-radius:9px;place-items:center;font-size:10px;font-style:normal;font-weight:800;display:grid}.pill{color:var(--blue);background:#edf4ff;border-radius:99px;width:max-content;padding:6px 9px;font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0b183069;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(540px,100%);max-height:92vh;overflow:auto;box-shadow:0 28px 80px #08162945}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 23px;display:flex}.modal h2{color:var(--navy);margin:0;font-size:18px}.modal header button{color:#7f8da0}.form-grid{gap:15px;padding:22px;display:grid}.field{color:#40506a;gap:7px;font-size:12px;font-weight:700;display:grid}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e010}.two-cols{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.form-actions .primary-button{width:auto}.notice{color:#45617f;background:#edf4ff;border-radius:10px;margin:0;padding:13px;font-size:12px;line-height:1.5}.form-error.inline,.success-message{margin:15px 20px}.success-message{color:#167555;background:#e8f7f1;border-radius:10px;padding:11px;font-size:12px}.project-list article{cursor:pointer}@media (width<=800px){.page-title,.project-hero{align-items:flex-start;gap:15px}.page-title h1,.project-hero h1{font-size:25px}.page-title .primary-button{width:43px;height:43px;padding:0;font-size:0}.project-cards,.version-grid,.budget-grid,.two-cols{grid-template-columns:1fr}.requirement-list article{flex-wrap:wrap;align-items:flex-start}.requirement-list select{margin-left:21px}.hours-list article{grid-template-columns:1fr 55px}.hours-list p{grid-column:1/-1}.table-head{display:none}.table-row{grid-template-columns:1fr;gap:8px}.project-hero{padding:20px}.tabs{margin-left:-17px;margin-right:-17px;padding-left:12px}.module{margin-left:-5px;margin-right:-5px}}.report-link{color:var(--blue);margin-top:14px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.section-heading .primary-button{background:var(--blue);color:#fff}.requirement-actions{gap:6px;display:flex}.requirement-actions button{border:1px solid var(--line);color:#667791;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.requirement-actions button:hover{color:var(--blue);background:#f3f7ff;border-color:#a9c6ee}.requirement-actions button.delete:hover{color:#c93c4a;background:#fff5f6;border-color:#f1b5bb}.tabs button{align-items:center;gap:6px;display:flex}.ai-state{border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.ai-state.ready{color:#167555;background:#e8f7f1}.ai-state.pending{color:#a66c09;background:#fff3dd}.ai-setup{color:var(--blue);background:linear-gradient(135deg,#eef5ff,#fafcff);border:1px solid #d7e5f8;border-radius:14px;align-items:flex-start;gap:16px;margin:24px;padding:20px;display:flex}.ai-setup>svg{flex:none}.ai-setup h3{color:var(--navy);margin:0 0 6px;font-size:16px}.ai-setup p{color:#657791;margin:0;font-size:13px;line-height:1.6}.assistant-chat{flex-direction:column;gap:14px;min-height:390px;max-height:58vh;padding:22px;display:flex;overflow:auto}.assistant-welcome{text-align:center;max-width:600px;margin:auto;padding:35px}.assistant-welcome>span{width:52px;height:52px;color:var(--blue);background:#eaf2ff;border-radius:15px;place-items:center;margin:0 auto 16px;display:grid}.assistant-welcome h3{color:var(--navy);margin-bottom:8px;font-size:20px}.assistant-welcome p{color:var(--muted);line-height:1.6}.assistant-welcome>div{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.assistant-welcome button{color:#56708f;background:#fff;border:1px solid #d9e3f2;border-radius:99px;padding:8px 11px;font-size:11px}.assistant-chat article{background:#f2f5f9;border-radius:13px;align-self:flex-start;max-width:82%;padding:13px 15px}.assistant-chat article.user{color:#fff;background:#1769e0;align-self:flex-end}.assistant-chat article strong{margin-bottom:5px;font-size:10px;display:block}.assistant-chat article p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.assistant-chat article.assistant p{color:#41526c}.assistant-chat article.typing{opacity:.65}.assistant-input{border-top:1px solid var(--line);align-items:end;gap:10px;padding:16px 20px;display:flex}.assistant-input textarea{resize:none;color:var(--navy);background:#fbfcfe;border:1px solid #dce3ee;border-radius:11px;outline:0;flex:1;padding:12px}.assistant-input textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e010}.assistant-input .primary-button{flex:none;width:44px;height:44px;padding:0}@media (width<=800px){.assistant-chat{min-height:340px;padding:14px}.assistant-welcome{padding:20px 5px}.assistant-chat article{max-width:92%}.ai-setup{margin:16px}.ai-state{display:none}}.automation-summary{color:#fff;background:linear-gradient(135deg,#0d5fda,#2b82ff);border-radius:15px;align-items:center;gap:15px;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 14px 30px #1769e028}.automation-summary>svg{width:30px;height:30px}.automation-summary>div{flex:1}.automation-summary strong{font:700 17px Manrope;display:block}.automation-summary p{opacity:.8;margin:4px 0 0;font-size:12px}.automation-summary>span{text-transform:uppercase;letter-spacing:.8px;background:#ffffff1f;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.automation-grid>article{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;padding:20px}.automation-grid header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.automation-grid small{color:var(--blue);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800;display:block}.automation-grid h2{color:var(--navy);margin:5px 0 0;font-size:17px}.automation-grid time{color:#8996a8;margin:12px 0;font-size:10px;display:block}.automation-ok,.automation-wait{border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.automation-ok{color:#167555;background:#e8f7f1}.automation-wait{color:#a66c09;background:#fff3dd}.automation-report{white-space:pre-wrap;color:#52627a;background:#f7f9fc;border-radius:11px;max-height:360px;padding:15px;font-size:12px;line-height:1.6;overflow:auto}.automation-loading{text-align:center;color:#7f8da1;padding:24px;font-size:13px}@media (width<=900px){.automation-grid{grid-template-columns:1fr}.automation-summary>span{display:none}}.report-actions{align-items:center;gap:10px;display:flex}.current-report-button,.pdf-report-button,.report-link{border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.current-report-button{background:var(--blue);color:#fff;padding:11px 14px;box-shadow:0 8px 18px #1769e025}.pdf-report-button{color:var(--blue);background:#f3f7ff;border:1px solid #bdd4f3;padding:10px 13px}.report-link{color:var(--blue);background:#f4f8ff;border:1px solid #cfe0f7;width:max-content;margin-top:16px;padding:9px 11px}.budget-grid article{position:relative}.budget-edit{border:1px solid var(--line);color:#667791;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.budget-edit:hover{color:var(--blue);background:#f3f7ff;border-color:#a9c6ee}.budget-grid em{color:#8290a4;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:11px;font-style:normal;display:block}@media (width<=800px){.section-heading{align-items:flex-start;gap:14px}.report-actions{flex-direction:column;align-items:stretch}.current-report-button{padding:10px}.report-actions .primary-button{width:100%}}.pending-list article{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr) 125px auto;align-items:center;gap:15px;padding:18px 21px;transition:all .2s;display:grid}.pending-list article:last-child{border-bottom:0}.pending-list article.resolved{opacity:.68;background:#fafbfc}.pending-kind{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;width:max-content;padding:6px 9px;font-size:9px;font-weight:800}.pending-kind.requirement{color:var(--blue);background:#eaf2ff}.pending-kind.correction{color:#c56b14;background:#fff0e4}.pending-copy{min-width:0}.pending-copy strong{color:var(--navy);font-size:14px;display:block}.pending-copy p{color:#6d7d94;white-space:pre-wrap;margin:5px 0;font-size:12px;line-height:1.5}.pending-copy small{color:#96a1b0;font-size:10px}.pending-list select{color:var(--navy);background:#fbfcfe;border:1px solid #dce3ee;border-radius:10px;outline:0;padding:10px}@media (width<=800px){.pending-module .section-heading{flex-direction:column}.pending-module .section-heading .primary-button{width:100%}.pending-list article{grid-template-columns:1fr auto;align-items:start}.pending-copy{grid-area:2/1/auto/-1}.pending-list select{grid-column:1}.pending-list .requirement-actions{grid-area:1/2}}.monitor-board{gap:16px;display:grid}.monitor-hero{color:#fff;background:linear-gradient(120deg,#16845f,#1ca87a);border-radius:16px;justify-content:space-between;align-items:center;padding:23px 25px;display:flex;box-shadow:0 14px 30px #18866224}.monitor-hero.warning{background:linear-gradient(120deg,#b9780b,#eba72f)}.monitor-hero.down,.monitor-hero.stale{background:linear-gradient(120deg,#ad3848,#e05665)}.monitor-hero.waiting{background:linear-gradient(120deg,#65758d,#8897aa)}.monitor-state{align-items:center;gap:15px;display:flex}.heart-orb{background:#ffffff20;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:relative}.heart-orb:after{content:"";border:1px solid #ffffff45;border-radius:20px;animation:1.8s infinite heart-wave;position:absolute;inset:-5px}.monitor-state small{letter-spacing:1.2px;opacity:.75;font-size:9px;font-weight:800}.monitor-state h2{margin:3px 0;font-size:21px}.monitor-state p{opacity:.78;margin:0;font-size:11px}.monitor-hero>a{color:#fff;background:#ffffff1c;border:1px solid #ffffff30;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.monitor-layout{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.pulse-chart,.quick-health,.monitor-metric,.monitor-alerts,.service-details{border:1px solid var(--line);background:#fff;border-radius:15px}.pulse-chart{color:#17865f;min-height:240px;padding:20px;overflow:hidden}.pulse-chart.warning{color:#d18a17}.pulse-chart.down,.pulse-chart.stale{color:#d44858}.pulse-head{justify-content:space-between;align-items:center;display:flex}.pulse-head span{color:var(--navy);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.pulse-head span i{background:currentColor;border-radius:50%;width:9px;height:9px;animation:1.6s infinite pulse-dot;box-shadow:0 0 0 5px #17865f18}.pulse-head small{color:#8b98aa;font-size:10px}.pulse-chart svg{width:100%;height:170px;margin-top:15px;overflow:visible}.quick-health{padding:8px 18px}.quick-health>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:74px;display:flex}.quick-health>div:last-child{border:0}.quick-health svg{width:19px;color:var(--blue)}.quick-health span{flex:1}.quick-health small,.quick-health strong{display:block}.quick-health small{text-transform:uppercase;letter-spacing:.7px;color:#8a97aa;font-size:9px}.quick-health strong{color:var(--navy);margin-top:3px;font-size:13px}.quick-health em{color:#667791;font-size:11px;font-style:normal}.monitor-metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.monitor-metric{align-items:center;gap:14px;padding:19px;display:flex}.monitor-icon{border-radius:13px;flex:none;place-items:center;width:45px;height:45px;display:grid}.monitor-icon.blue{color:var(--blue);background:#eaf2ff}.monitor-icon.violet{color:#7655d6;background:#f1ecff}.monitor-icon.green{color:#16825e;background:#e8f7f1}.monitor-icon.amber{color:#c17a09;background:#fff3dd}.monitor-icon.red{color:#cf4453;background:#fff0f1}.monitor-metric>div{flex:1;min-width:0}.monitor-metric small{color:#8592a5;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:800;display:block}.monitor-metric strong{color:var(--navy);margin:2px 0;font:800 22px Manrope;display:block}.monitor-metric p{color:#8c98aa;white-space:nowrap;text-overflow:ellipsis;margin:0 0 9px;font-size:10px;overflow:hidden}.monitor-metric i{background:#edf0f5;border-radius:5px;height:5px;display:block;overflow:hidden}.monitor-metric i b{border-radius:inherit;background:var(--blue);height:100%;display:block}.monitor-alerts{background:#fffdf8;border-color:#f1d39d;padding:19px}.monitor-alerts header{color:#c27b0d;align-items:flex-start;gap:11px;margin-bottom:12px;display:flex}.monitor-alerts header strong{color:#704f19}.monitor-alerts header p{color:#9a7a45;margin:3px 0;font-size:11px}.monitor-alerts>span{color:#775d33;border-top:1px solid #f4e5cb;margin-top:9px;padding:9px 0 0;font-size:11px;display:block}.service-details{overflow:hidden}.service-details summary{cursor:pointer;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.service-details summary span{color:var(--navy);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.service-details summary svg{color:var(--blue);width:18px}.service-details summary small{color:#8a97aa}.service-details>div{border-top:1px solid var(--line);max-height:360px;overflow:auto}.service-details article{border-bottom:1px solid #f0f2f5;grid-template-columns:12px minmax(180px,.7fr) 1fr;align-items:center;gap:10px;padding:11px 20px;font-size:11px;display:grid}.service-details article i{border-radius:50%;width:8px;height:8px}.service-details article i.up{background:#20a675;box-shadow:0 0 0 4px #20a67516}.service-details article i.down{background:#dc4d5b;box-shadow:0 0 0 4px #dc4d5b16}.service-details article strong{color:#34445d}.service-details article span{color:#7d899b}.monitor-loading{color:#75849a;justify-content:center;align-items:center;gap:10px;min-height:240px;display:flex}.monitor-loading svg{color:var(--blue);animation:1.5s infinite pulse-dot}@keyframes heart-wave{70%,to{opacity:0;transform:scale(1.18)}}@keyframes pulse-dot{50%{opacity:.45;transform:scale(.82)}}@media (width<=800px){.monitor-hero{flex-direction:column;align-items:flex-start;gap:14px}.monitor-hero>a{justify-content:center;width:100%}.monitor-layout,.monitor-metrics{grid-template-columns:1fr}.pulse-chart{min-height:210px}.pulse-chart svg{height:140px}.monitor-metric{padding:16px}.service-details summary{flex-direction:column;align-items:flex-start;gap:5px}.service-details article{grid-template-columns:12px 1fr}.service-details article span{grid-column:2}.heart-orb{width:45px;height:45px}.monitor-state h2{font-size:18px}}