@charset "UTF-8";.page-section{scroll-margin-top:150px}.three-stage{position:relative;width:min(720px,100%);aspect-ratio:1.08/1;display:grid;place-items:center}.three-canvas{position:absolute;top:-8%;right:-4%;bottom:0;left:-4%;width:108%;height:108%;pointer-events:none;opacity:.72;filter:drop-shadow(0 0 34px rgba(40,168,255,.28))}.three-stage .hologram-scene{z-index:1}.section-heading{width:min(980px,100%);margin:0 auto 42px;text-align:center}.section-title,.contact-copy h2{font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.08;font-weight:900;letter-spacing:0}.section-title{margin:0 auto}.section-lead{margin-top:18px;color:var(--text);font-size:clamp(1.42rem,2.2vw,2.12rem);line-height:1.32;font-weight:800}.section-heading p,.contact-copy p{margin:20px auto 0;max-width:960px;color:var(--muted);font-size:1.16rem;line-height:1.8}.section-heading .section-lead{font-size:clamp(1.42rem,2.2vw,2.12rem)}.rotating-word{display:inline-flex;justify-content:flex-start;white-space:nowrap}.hero-title-line,.hero-title-break{display:block}.holo-logo{display:none;animation:none}.rotating-word:after{content:"";width:2px;height:.9em;margin-left:.06em;align-self:center;background:#65d6ff;animation:wordCursor .8s steps(2,start) infinite}@keyframes wordCursor{50%{opacity:0}}.services-section,.projects-section,.contact-section{width:calc(100% - 40px);margin:80px auto}.services-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:24px;align-items:stretch}.service-card{position:relative;min-height:390px;padding:34px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,#0c1a40e6,#050c22bd),radial-gradient(circle at 18% 16%,rgba(40,168,255,.2),transparent 34%);box-shadow:var(--shadow);transform-style:preserve-3d}body.light .service-card{background:linear-gradient(145deg,#ffffffe6,#eef4ffc7),radial-gradient(circle at 18% 16%,rgba(40,168,255,.16),transparent 34%)}.service-card:after{content:"";position:absolute;inset:auto -18% -22% 22%;height:160px;pointer-events:none}.service-card-featured{min-height:470px;background:linear-gradient(140deg,#0f2152f0,#060d26c2),radial-gradient(circle at 72% 18%,rgba(168,85,247,.26),transparent 40%),radial-gradient(circle at 15% 80%,rgba(40,168,255,.22),transparent 38%)}.service-card-stack{justify-content:flex-start}.service-card h3{margin-top:0;font-size:clamp(1.35rem,2vw,2.2rem);line-height:1.15;letter-spacing:0}.service-card p{margin-top:18px;color:var(--muted);line-height:1.72}.service-card ul{margin-top:28px;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.service-card li,.tech-cloud span,.contact-proof span{width:max-content;max-width:100%;border:1px solid var(--border);border-radius:999px;color:var(--text);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card li{width:auto;min-width:0;flex:1 1 calc(50% - 10px);padding:9px 13px;color:var(--muted);font-size:.92rem;text-align:center;white-space:nowrap}.tech-cloud{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.tech-cloud span,.contact-proof span{padding:10px 14px;font-weight:800;font-size:.92rem}.tech-cloud span:nth-child(1){border-color:#28a8ff61}.tech-cloud span:nth-child(2){border-color:#a855f761}.tech-cloud span:nth-child(3){border-color:#22d3ee57}.service-tech-panel{margin-top:28px;display:grid;gap:18px;padding-top:24px;border-top:1px solid rgba(126,216,255,.2)}.service-tech-panel section{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);gap:10px 18px;align-items:start}.service-tech-panel section+section{padding-top:18px;border-top:1px solid rgba(126,216,255,.12)}.service-tech-panel strong{color:var(--text);font-size:.82rem;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.service-tech-panel p{grid-column:2;margin-top:0;font-size:.96rem;line-height:1.6}.service-tech-panel .tech-cloud{grid-column:2;margin-top:2px;gap:10px}.process-line{width:100%;min-height:88px;margin:30px auto 0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,#28a8ff1a,#7d45ff1a,#22d3ee14)}.process-line span{font-weight:800;white-space:nowrap}.process-line i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--pink));box-shadow:0 0 16px #28a8ff9e}.project-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:280px;gap:22px;perspective:1200px}.project-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#070f26b3;box-shadow:var(--shadow);transform-style:preserve-3d}.project-card-large{grid-column:span 2;grid-row:span 2}.project-card a{position:relative;width:100%;height:100%;display:block;color:#fff;text-decoration:none}.project-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:top left;transform-origin:center}.project-card a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 36%,rgba(3,7,18,.18) 58%,rgba(3,7,18,.9))}.project-label,.project-card strong{position:absolute;z-index:2;left:22px}.project-label{bottom:72px;padding:8px 12px;color:#aeeeff;font-size:.78rem;font-weight:900;text-transform:uppercase;border:1px solid rgba(126,216,255,.34);border-radius:999px;background:#050c22ad}.project-card strong{right:22px;bottom:24px;font-size:clamp(1.05rem,1.4vw,1.55rem);line-height:1.16;letter-spacing:0}.contact-section{min-height:640px;display:grid;grid-template-columns:minmax(0,760px) minmax(0,100%);gap:44px;align-items:start}.contact-copy{max-width:760px}.contact-section-title{margin:0}.contact-headline{margin-top:16px;font-size:clamp(1.8rem,2.7vw,3rem);line-height:1.12;font-weight:900;letter-spacing:0}.location-card{position:relative;margin-top:34px;min-height:280px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:24px;overflow:hidden;border:1px solid rgba(126,216,255,.24);border-radius:8px;background:linear-gradient(145deg,#0c1a40e6,#050c22b8),radial-gradient(circle at 18% 24%,rgba(40,168,255,.22),transparent 38%),radial-gradient(circle at 82% 76%,rgba(168,85,247,.2),transparent 36%);box-shadow:var(--shadow)}body.light .location-card{background:linear-gradient(145deg,#ffffffeb,#eef4ffc2),radial-gradient(circle at 18% 24%,rgba(40,168,255,.15),transparent 38%),radial-gradient(circle at 82% 76%,rgba(168,85,247,.13),transparent 36%)}.location-card:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(126,216,255,.14);border-radius:8px;pointer-events:none}.location-map{position:relative;min-height:280px;overflow:hidden;border-right:1px solid rgba(126,216,255,.16)}.location-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,#000 0 52%,transparent 76%);mask-image:radial-gradient(circle at center,#000 0 52%,transparent 76%)}.location-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#65d6ff;border:4px solid rgba(255,255,255,.82);box-shadow:0 0 0 10px #65d6ff1f,0 0 30px #65d6ffa6}.location-dot b{position:absolute;left:50%;top:24px;transform:translate(-50%);padding:7px 10px;border:1px solid rgba(126,216,255,.2);border-radius:999px;color:var(--text);background:#050c22bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;line-height:1}body.light .location-dot b{background:#ffffffc2}.location-dot-rouen{left:22%;top:28%}.location-dot-louviers{position:absolute;left:50%;top:55%;width:10px;height:10px;transform:translate(-50%,-50%)}.location-dot-louviers:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--purple);box-shadow:0 0 22px #7d45ffe6;animation:louviersPulse 1.7s ease-in-out infinite}.location-dot-louviers b{position:absolute;left:50%;top:20px;transform:translate(-50%);padding:7px 10px;border:1px solid rgba(126,216,255,.2);border-radius:999px;color:var(--text);background:#050c22bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;line-height:1}body.light .location-dot-louviers b{background:#ffffffc2}@keyframes louviersPulse{0%,to{opacity:.78;transform:scale(1);box-shadow:0 0 16px #7d45ffcc,0 0 #7d45ff57}50%{opacity:1;transform:scale(1.55);box-shadow:0 0 24px var(--purple),0 0 0 12px #7d45ff00}}.location-dot-evreux{right:20%;bottom:25%;background:#a855f7;box-shadow:0 0 0 10px #a855f71f,0 0 30px #a855f794}.location-content{position:relative;z-index:1;padding:34px 34px 34px 0;display:flex;flex-direction:column;justify-content:center}.location-content span{width:max-content;max-width:100%;padding:8px 12px;border:1px solid rgba(125,69,255,.42);border-radius:999px;color:var(--purple);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.location-content strong{margin-top:18px;font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.05}.contact-copy .location-content p{margin:16px 0 0;max-width:460px;font-size:1rem;line-height:1.72}.office-card{margin-top:24px;padding-top:22px;border-top:1px solid rgba(126,216,255,.16)}.office-card>span{width:max-content;max-width:100%;padding:8px 12px;border:1px solid rgba(125,69,255,.42);border-radius:999px;color:var(--purple);font-size:.76rem;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.08em}.contact-copy .office-line{margin:16px 0 0;max-width:none;display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:.96rem;line-height:1.55}.office-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(125,69,255,.34);border-radius:8px;color:var(--purple);box-shadow:0 0 22px #7d45ff1f}.office-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.office-address{color:var(--text);font-style:normal}.office-line a{color:var(--text);text-decoration:none}.office-line a:hover{color:var(--purple)}.contact-proof{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.contact-form{margin-top:0;padding:36px;display:grid;gap:22px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(160deg,#091434e0,#040a1cb8),radial-gradient(circle at 86% 12%,rgba(40,168,255,.18),transparent 36%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.phone-control{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px}.phone-country-wrap{position:relative;min-width:0}.phone-country-wrap:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;transform:translateY(-62%) rotate(45deg)}.phone-flag{position:absolute;left:12px;top:50%;z-index:1;width:22px;height:16px;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 0 0 1px #ffffff52,0 6px 16px #0000002e;pointer-events:none;transform:translateY(-50%)}.phone-flag.is-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='%23002395' d='M0 0h1v2H0z'/%3E%3Cpath fill='%23fff' d='M1 0h1v2H1z'/%3E%3Cpath fill='%23ed2939' d='M2 0h1v2H2z'/%3E%3C/svg%3E")}.phone-flag.is-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h60v30H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='m0 0 60 30m0-30L0 30'/%3E%3Cpath stroke='%23c8102e' stroke-width='4' d='m0 0 60 30m0-30L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23c8102e' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/g%3E%3C/svg%3E")}.phone-country{width:100%;height:100%;padding-left:42px;padding-right:30px;font-weight:900;-webkit-appearance:none;-moz-appearance:none;appearance:none}body.light .contact-form{background:linear-gradient(160deg,#ffffffe6,#eff4ffc2),radial-gradient(circle at 86% 12%,rgba(40,168,255,.14),transparent 36%)}.contact-form .btn{width:100%;justify-content:center;border-radius:8px}.contact-form textarea{min-height:190px}.field-counter{margin-top:-2px;justify-self:end;color:var(--muted);font-size:.78rem;font-weight:800;line-height:1}.field-counter.is-warning,.field-counter.is-danger{color:#fb7185}.contact-form input.is-invalid,.contact-form textarea.is-invalid{border-color:#fb7185;box-shadow:0 0 0 3px #fb718529,0 0 28px #fb71852e}.contact-form label.has-error>span{color:#fb7185}.toast-stack{position:fixed;top:132px;right:24px;z-index:300;width:min(380px,100vw - 32px);display:grid;gap:12px;pointer-events:none}.toast{position:relative;overflow:hidden;padding:16px 46px 16px 18px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:linear-gradient(145deg,#0c1a40f0,#050c22db),radial-gradient(circle at 12% 12%,rgba(40,168,255,.18),transparent 38%);box-shadow:0 22px 70px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;transform:translate(18px);opacity:0;animation:toastIn .32s ease forwards}body.light .toast{background:linear-gradient(145deg,#fffffff0,#eef4ffdb),radial-gradient(circle at 12% 12%,rgba(40,168,255,.12),transparent 38%);box-shadow:0 22px 60px #143c8c2e}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#65d6ff}.toast.is-success:before{background:#22c55e}.toast.is-error:before{background:#fb7185}.toast.is-info:before{background:#65d6ff}.toast strong{display:block;font-size:.82rem;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#9ae6ff}.toast p{margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.5}.toast-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.2);border-radius:8px;color:var(--text);background:#ffffff0f;font-size:1.1rem;line-height:1;cursor:pointer}.toast.is-leaving{animation:toastOut .24s ease forwards}@keyframes toastIn{to{transform:translate(0);opacity:1}}@keyframes toastOut{to{transform:translate(18px);opacity:0}}@media (max-width: 1180px){.contact-copy{max-width:100%}.section-heading p,.contact-copy p{max-width:none}.services-section,.projects-section,.contact-section{width:calc(100% - 64px)}.services-grid{grid-template-columns:1fr}.service-card,.service-card-featured{min-height:320px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section{grid-template-columns:1fr}}@media (max-width: 760px){.toast-stack{top:104px;right:16px;left:16px;width:auto}.page-section{scroll-margin-top:120px}.services-section,.projects-section,.contact-section{width:calc(100% - 32px);margin:60px auto}.section-heading{text-align:left}.section-title,.contact-copy h2{font-size:clamp(2rem,12vw,3.2rem)}.section-title{margin-left:0}.service-card,.contact-form{padding:24px}.process-line{flex-direction:column;align-items:flex-start}.process-line i{width:32px;height:1px;border-radius:0}.service-tech-panel section,.service-tech-panel p,.service-tech-panel .tech-cloud{grid-column:1}.service-tech-panel section{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr;grid-auto-rows:250px}.project-card-large{grid-column:span 1;grid-row:span 1}.location-card{grid-template-columns:1fr}.location-map{min-height:220px;border-right:0;border-bottom:1px solid rgba(126,216,255,.16)}.location-content{padding:0 24px 26px}.form-row{grid-template-columns:1fr}.phone-control{grid-template-columns:96px minmax(0,1fr)}}@media (max-width: 460px){.project-card strong{font-size:1rem}.project-label{bottom:68px}.tech-cloud span,.contact-proof span{width:100%;text-align:center}}.project-card{isolation:isolate}.project-card>img{width:100%;height:100%;display:block;object-fit:cover;object-position:top left;transform-origin:center}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 30%,rgba(3,7,18,.2) 56%,rgba(3,7,18,.9));pointer-events:none}.project-demo-btn{position:absolute;right:22px;top:22px;z-index:3;min-height:42px;padding:0 18px;border:1px solid rgba(126,216,255,.42);border-radius:999px;color:#fff;background:linear-gradient(135deg,#28a8ffeb,#7d45ffeb);box-shadow:0 14px 32px #28a8ff3d;font-weight:900;cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity .24s ease,transform .24s ease,box-shadow .24s ease}.project-card:hover .project-demo-btn,.project-card:focus-within .project-demo-btn{opacity:1;transform:translateY(0)}.project-demo-btn:hover,.project-demo-btn:focus-visible{box-shadow:0 18px 44px #7d45ff57}.demo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:none;place-items:center;padding:24px}.demo-modal.is-open{display:grid}.demo-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030712b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-modal-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:min(760px,100vh - 48px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(126,216,255,.26);border-radius:8px;background:linear-gradient(145deg,#0c1a40f5,#050c22f0),radial-gradient(circle at 90% 10%,rgba(125,69,255,.22),transparent 34%);box-shadow:0 30px 100px #0000007a}body.light .demo-modal-panel{background:linear-gradient(145deg,#fffffffa,#eef4fff0),radial-gradient(circle at 90% 10%,rgba(125,69,255,.12),transparent 34%)}.demo-modal-head{padding:26px 30px 18px;border-bottom:1px solid rgba(126,216,255,.16)}.demo-modal-head span{color:var(--purple);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.demo-modal-head h3{margin-top:10px;font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.08}.demo-modal-close{position:absolute;right:18px;top:18px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#ffffff0f;font-size:1.35rem;cursor:pointer}.demo-modal-body{overflow:auto;padding:24px 30px 30px}.demo-shell{display:grid;gap:18px}.demo-toolbar,.demo-grid,.demo-board,.demo-list{display:grid;gap:12px}.demo-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-kpi,.demo-panel,.demo-row,.demo-zone{border:1px solid rgba(126,216,255,.18);border-radius:8px;background:#ffffff0d;padding:16px}.demo-kpi strong,.demo-panel strong,.demo-zone strong{display:block;color:var(--text);font-size:1.08rem}.demo-kpi span,.demo-panel span,.demo-row span,.demo-zone span{color:var(--muted);font-size:.88rem}.demo-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-actions button,.demo-row button,.demo-zone button,.demo-add button{min-height:38px;padding:0 14px;border:1px solid rgba(126,216,255,.28);border-radius:999px;color:var(--text);background:#ffffff0f;font-weight:800;cursor:pointer}.demo-actions button.is-active,.demo-row.is-done,.demo-zone.is-active{border-color:#7d45ff85;background:#7d45ff24}.demo-grid,.demo-board{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-list{margin-top:8px}.demo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.demo-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.demo-add input{margin:0}.demo-meter{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.demo-meter i{display:block;height:100%;width:var(--value, 50%);border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple))}@media (max-width: 760px){.project-demo-btn{opacity:1;transform:none}.demo-modal{padding:12px}.demo-toolbar,.demo-grid,.demo-board{grid-template-columns:1fr}.demo-modal-head,.demo-modal-body{padding-left:18px;padding-right:18px}}.project-card-actions{position:absolute;z-index:3;left:22px;bottom:72px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-card-actions .project-label{position:static;left:auto;bottom:auto}.project-card-actions .project-demo-btn{position:static;right:auto;top:auto;min-height:34px;padding:0 14px;opacity:0;transform:translateY(8px)}.project-card:hover .project-card-actions .project-demo-btn,.project-card:focus-within .project-card-actions .project-demo-btn{opacity:1;transform:translateY(0)}.demo-crud-app{min-height:520px;display:grid;grid-template-columns:74px minmax(0,1fr);overflow:hidden;border:1px solid rgba(126,216,255,.2);border-radius:8px;background:linear-gradient(145deg,#050c22e6,#050c229e),radial-gradient(circle at 80% 10%,rgba(125,69,255,.18),transparent 36%)}body.light .demo-crud-app{background:linear-gradient(145deg,#ffffffeb,#eef4ffc7),radial-gradient(circle at 80% 10%,rgba(125,69,255,.1),transparent 36%)}.demo-crud-sidebar{padding:18px 12px;display:grid;align-content:start;justify-items:center;gap:18px;border-right:1px solid rgba(126,216,255,.18);background:#03071233}.demo-crud-sidebar strong{color:#65d6ff;font-size:1.35rem}.demo-crud-sidebar span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:var(--muted);border:1px solid transparent}.demo-crud-sidebar span.is-active{color:#65d6ff;border-color:#28a8ff42;background:#28a8ff1f;box-shadow:0 0 26px #28a8ff38}.demo-crud-main{min-width:0;padding:24px;display:grid;gap:16px;align-content:start}.demo-crud-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-crud-head strong{display:block;color:var(--text);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.1;text-transform:uppercase}.demo-crud-head span,.demo-crud-search span{color:var(--muted);font-size:.92rem}.demo-crud-head button,.demo-crud-form button{min-height:42px;padding:0 18px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));font-weight:900;cursor:pointer}.demo-crud-search{margin:0;display:grid;gap:8px}.demo-crud-table-wrap{overflow:auto;border:1px solid rgba(126,216,255,.14);border-radius:8px}.demo-crud-table{width:100%;min-width:930px;border-collapse:collapse;color:var(--text);font-size:.88rem}.demo-crud-table th,.demo-crud-table td{padding:13px 12px;border-bottom:1px solid rgba(126,216,255,.1);text-align:left;white-space:nowrap}.demo-crud-table th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.demo-crud-table tr.is-selected{background:#28a8ff14}.demo-crud-table td.demo-crud-actions-cell{display:flex;gap:8px;align-items:center;justify-content:flex-start}.demo-crud-table button{min-height:30px;padding:0 10px;border:1px solid rgba(126,216,255,.22);border-radius:999px;color:var(--text);background:#ffffff0d;font-size:.78rem;font-weight:800;cursor:pointer}.demo-crud-table button[data-crud-action=delete]{border-color:#fb71855c;color:#fb7185}.demo-status{display:inline-flex;min-width:62px;justify-content:center;padding:5px 9px;border-radius:8px;font-weight:900;font-size:.78rem}.demo-status.is-active{color:#70f0a2;background:#22c55e29}.demo-status.is-inactive{color:#ff8ab0;background:#ec489929}.demo-crud-form{margin-top:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;align-items:end}.demo-crud-form label{margin:0;gap:7px}.demo-crud-form input,.demo-crud-form select,.demo-crud-search input{min-height:42px;border-radius:8px}@media (max-width: 960px){.demo-crud-app{grid-template-columns:1fr}.demo-crud-sidebar{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;overflow:auto;border-right:0;border-bottom:1px solid rgba(126,216,255,.18)}.demo-crud-form{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.project-card-actions .project-demo-btn{opacity:1;transform:none}.demo-crud-head,.demo-crud-form{grid-template-columns:1fr}.demo-crud-head{display:grid}}.location-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(126,216,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(126,216,255,.4) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,#000 0 52%,transparent 76%);mask-image:radial-gradient(circle at center,#000 0 52%,transparent 76%)}.demo-modal{padding:0;overflow:hidden}.demo-modal-panel{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.demo-modal-head{padding:clamp(14px,2vh,22px) clamp(18px,3vw,32px) clamp(10px,1.5vh,16px)}.demo-modal-head h3{margin-top:6px;font-size:clamp(1.25rem,2vw,2rem)}.demo-modal-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(12px,2vw,24px)}.demo-modal-body:has(.demo-crud-app){overflow:auto}.demo-crud-app{position:relative;width:100%;height:100%;min-height:0;max-height:100%;grid-template-columns:64px minmax(0,1fr)}.demo-crud-sidebar{min-height:0;padding:clamp(10px,1.6vh,16px) 10px;gap:clamp(8px,1.6vh,16px)}.demo-crud-sidebar span{width:clamp(34px,4vh,42px);height:clamp(34px,4vh,42px)}.demo-crud-main{height:100%;min-height:0;padding:clamp(12px,2vw,22px);grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(8px,1.4vh,14px)}.demo-crud-head strong{font-size:clamp(1.05rem,1.6vw,1.55rem)}.demo-crud-head button,.demo-crud-form button,.demo-crud-form input,.demo-crud-form select,.demo-crud-search input{min-height:clamp(34px,4.5vh,42px)}.demo-crud-table-wrap{min-height:0;max-height:100%}.demo-crud-table th,.demo-crud-table td{padding:clamp(8px,1.25vh,12px) 10px}.demo-crud-form{min-height:0;gap:clamp(8px,1.2vh,10px)}.demo-crud-dialog-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.demo-crud-dialog{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(14px,3vw,32px);pointer-events:auto}.demo-crud-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03071294;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-crud-dialog-panel{position:relative;z-index:1;width:min(620px,100%);max-height:min(720px,100dvh - 96px);overflow:auto;display:grid;gap:18px;padding:clamp(20px,3vw,30px);border:1px solid rgba(126,216,255,.28);border-radius:8px;background:linear-gradient(145deg,#0a1636fa,#050c22f5),radial-gradient(circle at 86% 12%,rgba(125,69,255,.2),transparent 34%);box-shadow:0 24px 80px #0000007a}body.light .demo-crud-dialog-panel{background:linear-gradient(145deg,#fffffffa,#eef4fff5),radial-gradient(circle at 86% 12%,rgba(125,69,255,.12),transparent 34%)}.demo-crud-dialog-panel-small{width:min(440px,100%)}.demo-crud-dialog-head{padding-right:36px}.demo-crud-dialog-head strong{display:block;color:var(--text);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.12}.demo-crud-dialog-head span{display:block;margin-top:8px;color:var(--muted);line-height:1.55}.demo-crud-dialog-close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#ffffff0f;font-size:1.2rem;cursor:pointer}.demo-crud-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-crud-dialog-grid label{margin:0;gap:8px}.demo-crud-dialog-grid label:last-child{grid-column:1/-1}.demo-crud-dialog-grid input,.demo-crud-dialog-grid select{min-height:42px;border-radius:8px}.demo-crud-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.demo-crud-dialog-actions button{min-height:40px;padding:0 16px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#ffffff0f;font-weight:900;cursor:pointer}.demo-crud-dialog-actions button[type=submit]{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple))}.demo-crud-dialog-actions .is-danger{border-color:#fb718561;color:#fff;background:linear-gradient(135deg,#fb7185,#be123c)}@media (max-width: 960px){.demo-crud-app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.demo-crud-sidebar{padding:10px 12px}.demo-crud-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.demo-modal-close{right:12px;top:12px}.demo-modal-head,.demo-modal-body{padding-left:12px;padding-right:12px}.demo-crud-main{padding:12px}.demo-crud-head{gap:8px}.demo-crud-form{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-crud-form button{grid-column:1/-1}.demo-crud-dialog{padding:12px}.demo-crud-dialog-grid{grid-template-columns:1fr}.demo-crud-dialog-actions{justify-content:stretch}.demo-crud-dialog-actions button{flex:1 1 150px}}@media (max-width: 520px){.demo-crud-table{min-width:720px}.demo-crud-form{grid-template-columns:1fr}}@media (max-height: 720px){.demo-crud-sidebar{display:none}.demo-crud-app{grid-template-columns:1fr}.demo-crud-head span,.demo-crud-search span,.demo-crud-form label>span{font-size:.78rem}}*{scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.82) rgba(5,12,34,.46)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#050c228a,#0c1a406b);border-radius:999px}::-webkit-scrollbar-thumb{min-height:44px;border:3px solid rgba(5,12,34,.84);border-radius:999px;background:linear-gradient(135deg,#28a8ffeb,#7d45fff5);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 18px #7d45ff57}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#65d6ff,#a855f7);box-shadow:inset 0 0 0 1px #ffffff47,0 0 24px #7d45ff8a}::-webkit-scrollbar-corner{background:#050c22b8}body.light *{scrollbar-color:rgba(125,69,255,.82) rgba(224,235,255,.72)}body.light ::-webkit-scrollbar-track{background:linear-gradient(180deg,#edf4ffe6,#d9e4ffbd)}body.light ::-webkit-scrollbar-thumb{border-color:#edf4ffeb}.project-card-actions .project-demo-btn{position:relative;overflow:hidden;isolation:isolate;transition:opacity .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.project-card-actions .project-demo-btn:before{content:"";position:absolute;top:-40%;right:-120%;bottom:-40%;left:-120%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.36) 50%,transparent 65%);transform:translate(-42%);transition:transform .58s ease}.project-card-actions .project-demo-btn:hover,.project-card-actions .project-demo-btn:focus-visible{border-color:#a855f7d1;background:linear-gradient(135deg,#7d45fffa,#28a8ffeb);box-shadow:0 18px 46px #7d45ff6b,0 0 0 4px #7d45ff29;transform:translateY(-2px)}.project-card-actions .project-demo-btn:hover:before,.project-card-actions .project-demo-btn:focus-visible:before{transform:translate(48%)}.demo-modal-close,.demo-crud-dialog-close,.demo-crud-table button,.demo-crud-dialog-actions button,.demo-crud-head button{transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease}.demo-modal-close:hover,.demo-modal-close:focus-visible,.demo-crud-dialog-close:hover,.demo-crud-dialog-close:focus-visible{color:#fff;border-color:#a855f7ad;background:linear-gradient(135deg,#28a8ff2e,#7d45ff47);box-shadow:0 0 0 4px #7d45ff24,0 16px 34px #00000047;transform:rotate(90deg) scale(1.06)}.demo-crud-head button:hover,.demo-crud-head button:focus-visible,.demo-crud-dialog-actions button:hover,.demo-crud-dialog-actions button:focus-visible,.demo-crud-table button:hover,.demo-crud-table button:focus-visible{border-color:#a855f794;color:#fff;background:linear-gradient(135deg,#28a8ff38,#7d45ff4d);box-shadow:0 12px 28px #7d45ff3d;transform:translateY(-1px)}.demo-crud-table button[data-crud-action=delete]:hover,.demo-crud-table button[data-crud-action=delete]:focus-visible,.demo-crud-dialog-actions .is-danger:hover,.demo-crud-dialog-actions .is-danger:focus-visible{border-color:#fb7185b8;background:linear-gradient(135deg,#fb718538,#be123c61);box-shadow:0 12px 30px #fb71853d}.demo-crud-dialog-actions button:disabled,.demo-crud-dialog-actions button[aria-disabled=true]{cursor:not-allowed;opacity:.46;transform:none;box-shadow:none}.demo-crud-delete-name{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-right:6px;padding:5px 10px;border:1px solid rgba(251,113,133,.38);border-radius:999px;color:#fff;background:linear-gradient(135deg,#fb71853d,#7d45ff38);font-weight:900;box-shadow:0 0 24px #fb71852e}.demo-crud-view-list{display:grid;gap:10px;margin:0}.demo-crud-view-list div{display:grid;grid-template-columns:minmax(92px,.34fr) minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid rgba(126,216,255,.14);border-radius:8px;background:#ffffff0b}.demo-crud-view-list dt{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.demo-crud-view-list dd{margin:0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.demo-crud-sidebar strong{color:var(--purple);text-shadow:0 0 22px rgba(125,69,255,.55)}.demo-crud-table-wrap{overflow:auto;overscroll-behavior:contain;max-height:min(100%,58vh)}.demo-crud-table th:first-child,.demo-crud-table td:first-child,.demo-crud-table th:last-child,.demo-crud-table td:last-child{position:sticky;z-index:2;background:linear-gradient(145deg,#070f26fa,#050c22f5);box-shadow:12px 0 20px #0000002e}.demo-crud-table th:first-child,.demo-crud-table td:first-child{left:0}.demo-crud-table th:last-child,.demo-crud-table td:last-child{right:0;box-shadow:-12px 0 20px #0000002e}.demo-crud-table th:first-child,.demo-crud-table th:last-child{z-index:3}.demo-crud-table tbody tr:hover{background:#28a8ff14}.demo-crud-table tbody tr:hover td:first-child,.demo-crud-table tbody tr:hover td:last-child,.demo-crud-table tr.is-selected td:first-child,.demo-crud-table tr.is-selected td:last-child{background:linear-gradient(145deg,#091b3ffa,#09112efa)}.demo-crud-table tr.is-flash-add,.demo-crud-table tr.is-flash-add td:first-child,.demo-crud-table tr.is-flash-add td:last-child{animation:crudFlashAdd 2s ease forwards}.demo-crud-table tr.is-flash-edit,.demo-crud-table tr.is-flash-edit td:first-child,.demo-crud-table tr.is-flash-edit td:last-child{animation:crudFlashEdit 2s ease forwards}@keyframes crudFlashAdd{0%,28%{background:#22c55e47}to{background:transparent}}@keyframes crudFlashEdit{0%,28%{background:#28a8ff47}to{background:transparent}}.demo-crud-dialog-primary,.demo-crud-dialog-actions button[type=submit]{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple))}.demo-crud-dialog-grid input[type=date]{color-scheme:dark}.demo-crud-dialog-grid input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(1.35);opacity:.92}.demo-crud-dialog-grid input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1.8) drop-shadow(0 0 6px rgba(125,69,255,.65))}.demo-crud-delete-line{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap}.demo-crud-delete-name{margin-right:0;padding:4px 8px;font-size:.86rem;line-height:1.1}.demo-crud-view-list div{border-color:#7ed8ff47}body.light .demo-modal-close:hover,body.light .demo-modal-close:focus-visible,body.light .demo-crud-dialog-close:hover,body.light .demo-crud-dialog-close:focus-visible,body.light .demo-crud-head button:hover,body.light .demo-crud-head button:focus-visible,body.light .demo-crud-dialog-actions button:hover,body.light .demo-crud-dialog-actions button:focus-visible,body.light .demo-crud-table button:hover,body.light .demo-crud-table button:focus-visible{color:#071126}body.light .demo-status.is-active{color:#047857;background:#10b98142;box-shadow:inset 0 0 0 1px #0478572e,0 8px 22px #10b98124}body.light .demo-status.is-inactive{color:#be123c;background:#f43f5e38;box-shadow:inset 0 0 0 1px #be123c2e,0 8px 22px #f43f5e24}body.light .demo-crud-table th:first-child,body.light .demo-crud-table td:first-child,body.light .demo-crud-table th:last-child,body.light .demo-crud-table td:last-child{background:linear-gradient(145deg,#fffffffa,#eff4fff5)}body.light .demo-crud-table tbody tr:hover td:first-child,body.light .demo-crud-table tbody tr:hover td:last-child,body.light .demo-crud-table tr.is-selected td:first-child,body.light .demo-crud-table tr.is-selected td:last-child{background:linear-gradient(145deg,#e8f2fffa,#efe9fffa)}body.light .demo-crud-dialog-grid input[type=date]{color-scheme:light}body.light .demo-crud-dialog-grid input[type=date]::-webkit-calendar-picker-indicator{filter:none}.toast-stack{z-index:2400}.demo-crud-main{overflow:hidden}.demo-crud-table-wrap{height:100%;max-height:100%;overflow:auto;touch-action:pan-x pan-y}.demo-crud-table th:last-child,.demo-crud-table td:last-child{box-shadow:none}.demo-crud-primary-btn.demo-crud-dialog-primary{border:1px solid rgba(126,216,255,.24)}.demo-crud-dialog-head .demo-crud-delete-line{display:inline-flex!important;width:auto;max-width:100%;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}.demo-crud-dialog-head .demo-crud-delete-name{display:inline-flex;margin-top:0;padding:3px 8px;font-size:.78rem;line-height:1}@media (min-width: 1131px){body.light .nav a:not(:last-of-type):after{background:#07112647}}.demo-crud-table thead th{position:sticky;top:0;z-index:4;background:linear-gradient(145deg,#070f26fc,#050c22fa);box-shadow:0 1px #7ed8ff29,0 10px 24px #0000002e}.demo-crud-table thead th:first-child,.demo-crud-table thead th:last-child{z-index:6}body.light .demo-crud-table thead th{background:linear-gradient(145deg,#fffffffc,#eff4fffa);box-shadow:0 1px #0711261f,0 10px 24px #1e40af14}body.light .toast strong{color:var(--purple)}.demo-crud-dialog-grid input.is-invalid,.demo-crud-dialog-grid select.is-invalid{border-color:#fb7185;box-shadow:0 0 0 3px #fb71852e,0 0 22px #fb71852e}.demo-crud-dialog-grid label.has-error>span{color:#fb7185}.demo-crud-field-error{min-height:1.2em;color:#fb7185;font-size:.76rem;font-weight:800;line-height:1.35}.field-error{margin-top:-8px;color:#fb7185;font-size:.78rem;font-weight:800;line-height:1.35}.contact-form label:has(.field-error:not(:empty)){gap:8px}.contact-form .btn:disabled,.contact-form .btn[aria-disabled=true]{cursor:not-allowed;opacity:.48;filter:saturate(.72);transform:none;box-shadow:none}.toast-stack{right:24px;left:auto;align-items:end}.toast{width:100%}.demo-crud-dialog-head .demo-crud-delete-line{white-space:normal;overflow-wrap:anywhere}.demo-crud-dialog-head .demo-crud-delete-name{flex:0 0 auto;white-space:nowrap}.demo-crud-dialog-panel-delete{width:min(560px,100%)}.demo-crud-dialog-panel-delete .demo-crud-delete-line{display:flex!important;width:100%;min-width:0;align-items:center;gap:7px;flex-wrap:wrap;white-space:normal;overflow-wrap:normal}.demo-crud-delete-text{min-width:0;overflow-wrap:anywhere}.contact-form label:has(.field-counter){grid-template-columns:minmax(0,1fr) auto;align-items:start}.contact-form label:has(.field-counter)>span,.contact-form label:has(.field-counter)>input,.contact-form label:has(.field-counter)>textarea{grid-column:1/-1}.contact-form label:has(.field-counter)>.field-error{grid-column:1;grid-row:4;margin-top:-2px}.contact-form label:has(.field-counter)>.field-counter{grid-column:2;grid-row:4;margin-top:-2px}.contact-form label:not(:has(.field-counter))>.field-error{margin-top:4px}.contact-form .btn.is-disabled,.contact-form .btn[aria-disabled=true]{cursor:not-allowed;opacity:.48;filter:saturate(.72);transform:none;box-shadow:none}@media (max-width: 560px){.demo-crud-dialog-panel-delete .demo-crud-delete-line{display:grid!important;gap:8px;align-items:start}.demo-crud-dialog-panel-delete .demo-crud-delete-text{display:block;width:100%}}.demo-crud-bulkbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(126,216,255,.18);border-radius:8px;background:linear-gradient(135deg,#28a8ff1f,#7d45ff24),#ffffff0b}.demo-crud-bulkbar[hidden]{display:none}.demo-crud-bulkbar span{color:var(--text);font-size:.84rem;font-weight:900}.demo-crud-bulk-delete{min-height:34px;padding:0 12px;border:1px solid rgba(251,113,133,.42);border-radius:8px;color:#fff;background:linear-gradient(135deg,#fb7185e6,#be123ce6);font-size:.8rem;font-weight:900;cursor:pointer}.demo-crud-bulk-delete:disabled{cursor:not-allowed;opacity:.45}.demo-crud-select-col{width:48px;min-width:48px;max-width:48px;text-align:center!important}.demo-crud-check{position:relative;width:28px;height:28px;margin:0 auto;display:grid;place-items:center;cursor:pointer}.demo-crud-check input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.demo-crud-check span{width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.38);border-radius:5px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0a}.demo-crud-check span:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;opacity:0;transform:rotate(-45deg) translate(1px,-1px)}.demo-crud-check input:checked+span{border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 18px #7d45ff47}.demo-crud-check input:checked+span:after{opacity:1}.demo-crud-check input:indeterminate+span{border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--purple))}.demo-crud-check input:indeterminate+span:after{width:9px;height:0;border-left:0;border-bottom:2px solid #fff;opacity:1;transform:none}.demo-crud-table tr.is-checked{background:#7d45ff1a}.demo-crud-table td[data-edit-field]{cursor:cell;transition:background .18s ease,box-shadow .18s ease}.demo-crud-table td[data-edit-field]:hover{background:#28a8ff14;box-shadow:inset 0 0 0 1px #7ed8ff1f}.demo-crud-table td.is-inline-editing{padding:6px;background:#28a8ff1a}.demo-crud-table td.is-inline-editing.is-invalid{background:#fb71851f;box-shadow:inset 0 0 0 1px #fb71856b}.demo-crud-inline-input{width:min(240px,100%);min-width:150px;min-height:34px;padding:0 10px;border:1px solid rgba(126,216,255,.28);border-radius:8px;color:var(--text);background:#050c22e6;font:inherit;font-weight:800;outline:none}.demo-crud-inline-input:focus{border-color:#7d45ffbd;box-shadow:0 0 0 3px #7d45ff2e}body.light .demo-crud-inline-input{background:#fffffff5}.demo-crud-icon-btn{position:relative;width:34px;min-width:34px;height:34px;min-height:34px;padding:0!important;display:inline-grid;place-items:center;border-radius:8px!important}.demo-crud-icon-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.demo-crud-icon-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;min-width:max-content;padding:6px 8px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#050c22f5;box-shadow:0 12px 28px #00000057;font-size:.72rem;font-weight:900;line-height:1;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .18s ease,transform .18s ease}.demo-crud-icon-btn[data-tooltip]:hover:after,.demo-crud-icon-btn[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.demo-crud-icon-btn.is-danger,.demo-crud-table button[data-crud-action=delete]{border-color:#fb71855c;color:#fb7185}.demo-crud-delete-more{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 8px;border:1px solid rgba(126,216,255,.24);border-radius:999px;color:var(--text);font-size:.78rem;font-weight:900}.demo-crud-main{grid-template-rows:auto auto auto minmax(0,1fr) auto}@media (max-width: 760px){.toast-stack{right:12px;left:12px;width:auto;max-width:calc(100vw - 24px);align-items:stretch}.toast{max-width:100%;max-height:min(42vh,280px);overflow:auto;padding:14px 42px 14px 16px}.toast p{overflow-wrap:anywhere}.demo-crud-bulkbar{align-items:stretch;flex-direction:column}.demo-crud-bulk-delete{width:100%}}@media (max-width: 520px){.demo-crud-table{min-width:860px}.demo-crud-icon-btn[data-tooltip]:after{display:none}}.demo-crud-search input[type=search]{padding-right:44px}.demo-crud-search input[type=search]::-webkit-search-cancel-button{width:24px;height:24px;margin-right:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(126,216,255,.34);border-radius:8px;background:linear-gradient(135deg,#28a8ff29,#7d45ff3d),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ae6ff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center/16px 16px no-repeat;box-shadow:0 8px 20px #28a8ff29}.demo-crud-search input[type=search]::-webkit-search-cancel-button:hover{border-color:#a855f7ad;background:linear-gradient(135deg,#28a8ff47,#7d45ff6b),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center/16px 16px no-repeat;box-shadow:0 10px 24px #7d45ff47}.demo-crud-table tbody tr:hover td:last-child,.demo-crud-table tbody tr:focus-within td:last-child,.demo-crud-table tbody tr:has(.demo-crud-icon-btn:hover) td:last-child,.demo-crud-table tbody tr:has(.demo-crud-icon-btn:focus-visible) td:last-child{z-index:40}.demo-crud-icon-btn[data-tooltip]:after{z-index:80}.demo-crud-icon-btn[data-tooltip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:79;width:9px;height:9px;border-left:1px solid rgba(126,216,255,.24);border-top:1px solid rgba(126,216,255,.24);background:#050c22f5;pointer-events:none;opacity:0;transform:translate(-50%,4px) rotate(45deg);transition:opacity .18s ease,transform .18s ease}.demo-crud-icon-btn[data-tooltip]:hover:before,.demo-crud-icon-btn[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%) rotate(45deg)}.demo-crud-bulk-delete:hover,.demo-crud-bulk-delete:focus-visible,.demo-crud-table button[data-crud-action=delete]:hover,.demo-crud-table button[data-crud-action=delete]:focus-visible,.demo-crud-dialog-actions .is-danger:hover,.demo-crud-dialog-actions .is-danger:focus-visible{border-color:#fb7185b8;color:#fff;background:linear-gradient(135deg,#fb718538,#be123c61);box-shadow:0 12px 30px #fb71853d;transform:translateY(-1px)}.demo-crud-dialog-actions button[type=submit]:hover,.demo-crud-dialog-actions button[type=submit]:focus-visible,.demo-crud-dialog-primary:hover,.demo-crud-dialog-primary:focus-visible{border-color:#a855f7d1;color:#fff;background:linear-gradient(135deg,#7d45fffa,#28a8ffeb);box-shadow:0 18px 46px #7d45ff6b,0 0 0 4px #7d45ff29;transform:translateY(-1px)}.demo-crud-bulk-delete:disabled:hover,.demo-crud-bulk-delete:disabled:focus-visible,.demo-crud-dialog-actions button[type=submit]:disabled:hover,.demo-crud-dialog-actions button[type=submit][aria-disabled=true]:hover{opacity:.46;transform:none;box-shadow:none}.demo-crud-table-wrap,.demo-modal-body{scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.9) rgba(5,12,34,.38)}.demo-crud-table-wrap::-webkit-scrollbar,.demo-modal-body::-webkit-scrollbar{width:14px;height:14px}.demo-crud-table-wrap::-webkit-scrollbar-track,.demo-modal-body::-webkit-scrollbar-track{margin:4px;border-radius:999px;background:linear-gradient(180deg,#050c2275,#0c1a4057);box-shadow:inset 0 0 0 1px #7ed8ff14}.demo-crud-table-wrap::-webkit-scrollbar-thumb,.demo-modal-body::-webkit-scrollbar-thumb{min-width:48px;min-height:48px;border:4px solid rgba(5,12,34,.72);border-radius:999px;background:linear-gradient(135deg,#28a8fff5,#7d45fffa);box-shadow:inset 0 0 0 1px #fff3,0 0 18px #7d45ff57}.demo-crud-table-wrap::-webkit-scrollbar-thumb:hover,.demo-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#65d6ff,#a855f7)}.demo-crud-table-wrap::-webkit-scrollbar-corner,.demo-modal-body::-webkit-scrollbar-corner{border-radius:999px;background:#050c2294}body.light .demo-crud-search input[type=search]::-webkit-search-cancel-button{border-color:#7d45ff47;background:linear-gradient(135deg,#28a8ff1f,#7d45ff29),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237d45ff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center/16px 16px no-repeat}body.light .demo-crud-icon-btn[data-tooltip]:before,body.light .demo-crud-icon-btn[data-tooltip]:after{color:#071126;background:#fffffffa}body.light .demo-crud-table-wrap,body.light .demo-modal-body{scrollbar-color:rgba(125,69,255,.86) rgba(224,235,255,.72)}body.light .demo-crud-table-wrap::-webkit-scrollbar-track,body.light .demo-modal-body::-webkit-scrollbar-track{background:linear-gradient(180deg,#edf4ffeb,#d9e4ffc7)}body.light .demo-crud-table-wrap::-webkit-scrollbar-thumb,body.light .demo-modal-body::-webkit-scrollbar-thumb{border-color:#edf4ffeb}body.light .project-card-large strong[data-i18n="projects.excelTitle"]{color:var(--purple);text-shadow:0 8px 24px rgba(125,69,255,.18)}.demo-crud-sort-btn{width:100%;min-height:30px;padding:0 4px 0 0;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:6px;color:inherit;background:transparent;font:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-align:left;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.demo-crud-sort-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}.demo-crud-sort-btn i{position:relative;width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.2);border-radius:6px;opacity:0;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease}.demo-crud-sort-btn i:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.demo-crud-sort-btn:hover,.demo-crud-sort-btn:focus-visible,.demo-crud-sort-btn.is-active{color:#9ae6ff}.demo-crud-sort-btn:hover i,.demo-crud-sort-btn:focus-visible i,.demo-crud-sort-btn.is-active i{opacity:1;transform:translateY(0);border-color:#7ed8ff6b;background:#28a8ff14}.demo-crud-sort-btn.is-asc i:before{transform:translateY(2px) rotate(225deg)}.demo-crud-sort-btn.is-desc i:before{transform:translateY(-2px) rotate(45deg)}.demo-crud-sort-reset{min-height:34px;padding:0 12px;border:1px solid rgba(126,216,255,.32);border-radius:8px;color:var(--text);background:#ffffff0f;font-size:.8rem;font-weight:900;cursor:pointer;transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease}.demo-crud-sort-reset:hover,.demo-crud-sort-reset:focus-visible{border-color:#a855f794;color:#fff;background:linear-gradient(135deg,#28a8ff38,#7d45ff4d);box-shadow:0 12px 28px #7d45ff3d;transform:translateY(-1px)}.demo-crud-sort-reset[hidden]{display:none}.demo-crud-bulk-delete:hover,.demo-crud-bulk-delete:focus-visible{color:#071126}body.light .demo-crud-sort-btn:hover,body.light .demo-crud-sort-btn:focus-visible,body.light .demo-crud-sort-btn.is-active{color:var(--purple)}body.light .demo-crud-sort-reset:hover,body.light .demo-crud-sort-reset:focus-visible{color:#071126}.demo-crud-table .demo-crud-sort-btn{min-height:30px;padding:0 4px 0 0!important;border:0;border-radius:6px;color:inherit;background:transparent;box-shadow:none;transform:none}.demo-crud-table .demo-crud-sort-btn:hover,.demo-crud-table .demo-crud-sort-btn:focus-visible,.demo-crud-table .demo-crud-sort-btn.is-active{border:0;color:#9ae6ff;background:transparent;box-shadow:none;transform:none}body.light .demo-crud-table .demo-crud-sort-btn:hover,body.light .demo-crud-table .demo-crud-sort-btn:focus-visible,body.light .demo-crud-table .demo-crud-sort-btn.is-active{color:var(--purple)}.demo-crud-dialog-panel{max-height:min(720px,100dvh - 96px);overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0}.demo-crud-dialog-header,.demo-crud-dialog-body,.demo-crud-dialog-footer{min-width:0}.demo-crud-dialog-header{padding:clamp(20px,3vw,30px) clamp(20px,3vw,30px) 18px;padding-right:clamp(58px,8vw,72px);border-bottom:1px solid rgba(126,216,255,.14)}.demo-crud-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(18px,2.6vw,26px) clamp(20px,3vw,30px);scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.9) rgba(5,12,34,.38)}.demo-crud-dialog-footer{padding:16px clamp(20px,3vw,30px) clamp(18px,2.6vw,24px);border-top:1px solid rgba(126,216,255,.14);background:#ffffff06}.demo-crud-dialog-body::-webkit-scrollbar{width:12px;height:12px}.demo-crud-dialog-body::-webkit-scrollbar-track{margin:4px;border-radius:999px;background:#050c226b}.demo-crud-dialog-body::-webkit-scrollbar-thumb{border:3px solid rgba(5,12,34,.72);border-radius:999px;background:linear-gradient(135deg,#28a8fff5,#7d45fffa)}.demo-crud-dialog-body .demo-crud-delete-line{margin:0}.demo-crud-dialog-footer .demo-crud-dialog-primary:hover,.demo-crud-dialog-footer .demo-crud-dialog-primary:focus-visible,.demo-crud-dialog-actions button[type=submit]:hover,.demo-crud-dialog-actions button[type=submit]:focus-visible{border-color:#a855f794;color:#fff;background:linear-gradient(135deg,#28a8ff38,#7d45ff4d);box-shadow:0 12px 28px #7d45ff3d;transform:translateY(-1px)}body.light .demo-crud-dialog-footer{background:#eff4ff6b}body.light .demo-crud-dialog-body{scrollbar-color:rgba(125,69,255,.86) rgba(224,235,255,.72)}body.light .demo-crud-dialog-body::-webkit-scrollbar-track{background:#e0ebffb8}body.light .demo-crud-dialog-body::-webkit-scrollbar-thumb{border-color:#edf4ffeb}body.light .demo-crud-delete-name{color:#071126}.demo-crud-search{position:relative}.demo-crud-search input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.demo-crud-search-reset{position:absolute;right:10px;bottom:9px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.34);border-radius:8px;color:#9ae6ff;background:linear-gradient(135deg,#28a8ff29,#7d45ff3d),#ffffff0f;box-shadow:0 8px 20px #28a8ff29;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.demo-crud-search-reset[hidden]{display:none}.demo-crud-search-reset svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.demo-crud-search-reset:hover,.demo-crud-search-reset:focus-visible{border-color:#a855f7ad;color:#fff;background:linear-gradient(135deg,#28a8ff47,#7d45ff6b);box-shadow:0 10px 24px #7d45ff47;transform:translateY(-1px)}.demo-modal-body:has(.demo-action-app){overflow:auto}.demo-action-app{position:relative;width:100%;min-height:100%;display:grid;grid-template-columns:64px minmax(0,1fr);overflow:hidden;border:1px solid rgba(126,216,255,.24);border-radius:8px;background:linear-gradient(145deg,#070f26f5,#050c22f0),radial-gradient(circle at 84% 8%,rgba(125,69,255,.18),transparent 34%),radial-gradient(circle at 18% 86%,rgba(40,168,255,.14),transparent 34%)}.demo-action-sidebar{border-right:1px solid rgba(126,216,255,.14)}.demo-action-main{min-width:0;display:grid;gap:14px;padding:clamp(14px,2vw,24px)}.demo-action-head,.demo-action-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-action-head strong{display:block;color:var(--text);font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.1}.demo-action-head span{display:block;margin-top:4px;color:var(--muted);font-size:.92rem}.demo-action-head-actions,.demo-action-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.demo-action-primary,.demo-action-filter-btn,.demo-action-filters button,.demo-action-section-title button{min-height:38px;padding:0 14px;border:1px solid rgba(126,216,255,.28);border-radius:8px;color:var(--text);background:#ffffff0f;font-weight:900;cursor:pointer;transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease}.demo-action-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple))}.demo-action-primary:hover,.demo-action-primary:focus-visible,.demo-action-filter-btn:hover,.demo-action-filter-btn:focus-visible,.demo-action-filters button:hover,.demo-action-filters button:focus-visible,.demo-action-filters button.is-active,.demo-action-section-title button:hover,.demo-action-section-title button:focus-visible{border-color:#a855f794;color:#fff;background:linear-gradient(135deg,#28a8ff38,#7d45ff4d);box-shadow:0 12px 28px #7d45ff3d;transform:translateY(-1px)}.demo-action-search{margin:0}.demo-action-filters[hidden]{display:none}.demo-action-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-action-kpis section,.demo-action-table-panel,.demo-action-card{position:relative;overflow:hidden;border:1px solid rgba(126,216,255,.16);border-radius:8px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff08}.demo-action-kpis section{min-height:98px;padding:16px}.demo-action-kpis span,.demo-action-kpis small{color:var(--muted);font-size:.82rem}.demo-action-kpis strong{display:block;margin-top:8px;color:var(--text);font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1}.demo-action-kpis section>i{position:absolute;right:14px;bottom:14px;width:86px;height:30px;opacity:.9;background:linear-gradient(135deg,transparent 0 20%,rgba(40,168,255,.9) 20% 24%,transparent 24% 42%,rgba(125,69,255,.96) 42% 46%,transparent 46% 64%,rgba(34,197,94,.9) 64% 68%,transparent 68%),linear-gradient(180deg,transparent 50%,rgba(40,168,255,.16));clip-path:polygon(0 70%,18% 58%,30% 72%,44% 35%,58% 60%,74% 42%,100% 10%,100% 100%,0 100%)}.demo-action-ring{position:absolute;right:18px;bottom:16px;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--blue) var(--value),rgba(125,69,255,.24) 0)}.demo-action-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:inherit;background:#071126}.demo-action-table-panel{padding:14px}.demo-action-section-title{margin-bottom:10px}.demo-action-section-title strong,.demo-action-card>strong{color:var(--text);font-size:1rem}.demo-action-section-title span{padding:7px 10px;border:1px solid rgba(126,216,255,.18);border-radius:8px;color:var(--muted);font-size:.78rem;font-weight:800}.demo-action-table-wrap{max-height:300px}.demo-action-table{min-width:980px}.demo-action-table .demo-crud-actions-cell{justify-content:flex-end}.demo-action-status{display:inline-flex;min-width:82px;justify-content:center;padding:5px 9px;border-radius:8px;font-size:.76rem;font-weight:900}.demo-action-status.is-progress,.demo-action-legend .is-progress i{color:#70f0a2;background:#22c55e29}.demo-action-status.is-late,.demo-action-legend .is-late i{color:#ff8ab0;background:#ec48992e}.demo-action-status.is-planned,.demo-action-legend .is-planned i{color:#9aa7ff;background:#6366f12e}.demo-action-status.is-done,.demo-action-legend .is-done i{color:#9ae6ff;background:#28a8ff2e}.demo-action-progress{min-width:146px;display:grid;grid-template-columns:minmax(76px,1fr) 42px;align-items:center;gap:10px}.demo-action-progress i{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 0 18px #7d45ff3d}.demo-action-progress span{color:var(--text);font-size:.78rem;font-weight:900}.demo-action-bottom{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px}.demo-action-card{min-height:190px;padding:16px}.demo-action-status-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center}.demo-action-status-card>strong{grid-column:1/-1}.demo-action-donut{position:relative;width:126px;height:126px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#22c55e 0 56%,var(--blue) 56% 84%,#f97316 84% 93%,var(--purple) 93% 100%)}.demo-action-donut:before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#071126}.demo-action-donut span,.demo-action-donut small{position:relative;z-index:1;display:block;color:var(--text);text-align:center}.demo-action-donut span{font-size:1.75rem;font-weight:900}.demo-action-donut small{margin-top:30px;color:var(--muted);font-size:.72rem}.demo-action-legend{display:grid;gap:10px}.demo-action-legend span{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;color:var(--text);font-size:.84rem}.demo-action-legend i{width:10px;height:10px;border-radius:50%}.demo-action-legend b{color:var(--text)}.demo-action-chart{position:relative;height:128px;margin-top:22px;border-left:1px solid rgba(126,216,255,.14);border-bottom:1px solid rgba(126,216,255,.14);background:linear-gradient(rgba(126,216,255,.08) 1px,transparent 1px) 0 0/100% 25%,linear-gradient(180deg,#28a8ff1f,#7d45ff0f)}.demo-action-chart:after{content:"";position:absolute;left:0;right:0;top:68%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple));transform:rotate(-11deg);transform-origin:left center;box-shadow:0 0 20px #7d45ff47}.demo-action-chart i{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px #28a8ff8c}.demo-action-chart b{position:absolute;left:50%;bottom:calc(100% + 8px);color:var(--text);font-size:.72rem;transform:translate(-50%)}.demo-action-late-card [data-action-late-list]{display:grid;gap:10px}.demo-action-late-card article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(126,216,255,.1)}.demo-action-late-card article>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(251,113,133,.44);border-radius:8px;color:#fb7185;font-weight:900}.demo-action-late-card strong,.demo-action-late-card small{display:block}.demo-action-late-card strong{color:var(--text);font-size:.84rem}.demo-action-late-card small{margin-top:2px;color:var(--muted);font-size:.75rem}.demo-action-late-card b{color:#fb7185;font-size:.72rem}body.light .demo-crud-search-reset{border-color:#7d45ff47;color:var(--purple);background:linear-gradient(135deg,#28a8ff1f,#7d45ff29),#ffffffeb}body.light .demo-crud-search-reset:hover,body.light .demo-crud-search-reset:focus-visible,body.light .demo-action-primary:hover,body.light .demo-action-primary:focus-visible,body.light .demo-action-filter-btn:hover,body.light .demo-action-filter-btn:focus-visible,body.light .demo-action-filters button:hover,body.light .demo-action-filters button:focus-visible,body.light .demo-action-filters button.is-active,body.light .demo-action-section-title button:hover,body.light .demo-action-section-title button:focus-visible{color:#071126}body.light .demo-action-app{background:linear-gradient(145deg,#fffffffa,#eef4fff0),radial-gradient(circle at 84% 8%,rgba(125,69,255,.12),transparent 34%),radial-gradient(circle at 18% 86%,rgba(40,168,255,.1),transparent 34%)}body.light .demo-action-kpis section,body.light .demo-action-table-panel,body.light .demo-action-card{background:#ffffffb8;box-shadow:0 16px 44px #143c8c14}body.light .demo-action-ring:after,body.light .demo-action-donut:before{background:#f7faff}body.light .demo-action-status.is-progress{color:#047857;background:#10b9813d}body.light .demo-action-status.is-late{color:#be123c;background:#f43f5e33}body.light .demo-action-status.is-planned{color:#4f46e5;background:#6366f12e}body.light .demo-action-status.is-done{color:#0369a1;background:#0ea5e92e}@media (max-width: 760px){.demo-crud-dialog-panel{max-height:calc(100dvh - 24px)}.demo-crud-dialog-header,.demo-crud-dialog-body,.demo-crud-dialog-footer{padding-left:16px;padding-right:16px}.demo-crud-dialog-header{padding-right:58px}.demo-action-app{grid-template-columns:1fr}.demo-action-sidebar{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;overflow:auto;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}.demo-action-head,.demo-action-section-title{align-items:stretch;flex-direction:column}.demo-action-head-actions,.demo-action-head-actions button,.demo-action-section-title button{width:100%}.demo-action-kpis,.demo-action-bottom,.demo-action-status-card{grid-template-columns:1fr}.demo-action-donut{margin:0 auto}}.demo-crud-actions-toggle{display:none}body.light .demo-crud-bulk-delete:hover,body.light .demo-crud-bulk-delete:focus-visible{color:#071126}body:not(.light) .demo-crud-bulk-delete,body:not(.light) .demo-crud-bulk-delete:hover,body:not(.light) .demo-crud-bulk-delete:focus-visible{color:#fff}.demo-action-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.demo-action-filter-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.demo-action-sparkline{position:absolute;right:12px;bottom:10px;width:min(112px,42%);height:44px;overflow:visible;filter:drop-shadow(0 0 12px rgba(125,69,255,.28))}.demo-action-sparkline polyline{fill:none;stroke:url(#actionSparklineGradient);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.demo-action-sparkline circle{fill:#071126;stroke:var(--blue);stroke-width:2}body.light .demo-action-sparkline circle{fill:#f7faff}.demo-action-kpis section>i{display:none}.demo-action-donut{place-items:center}.demo-action-donut span,.demo-action-donut small{grid-area:1/1;margin:0}.demo-action-donut span{transform:translateY(-7px)}.demo-action-donut small{transform:translateY(18px)}@media (max-width: 500px){.demo-crud-table{min-width:760px}.demo-crud-table td.demo-crud-actions-cell{position:sticky;right:0;z-index:5;display:table-cell!important;overflow:visible;min-width:54px;text-align:center;background:linear-gradient(145deg,#070f26fa,#050c22f5)}body.light .demo-crud-table td.demo-crud-actions-cell{background:linear-gradient(145deg,#fffffffa,#eff4fff5)}.demo-crud-actions-toggle{display:inline-grid}.demo-crud-actions-cell .demo-crud-icon-btn:not(.demo-crud-actions-toggle){position:absolute;right:10px;z-index:7;opacity:0;pointer-events:none;transform:translateY(4px) scale(.92)}.demo-crud-actions-cell.is-open .demo-crud-icon-btn:not(.demo-crud-actions-toggle),.demo-crud-actions-cell:focus-within .demo-crud-icon-btn:not(.demo-crud-actions-toggle){opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.demo-crud-actions-cell .demo-crud-icon-btn[data-crud-action=view]{top:calc(100% + 8px)}.demo-crud-actions-cell .demo-crud-icon-btn[data-crud-action=edit]{top:calc(100% + 48px)}.demo-crud-actions-cell .demo-crud-icon-btn[data-crud-action=delete]{top:calc(100% + 88px)}.demo-crud-actions-cell.is-open:before,.demo-crud-actions-cell:focus-within:before{content:"";position:absolute;top:calc(100% + 2px);right:4px;z-index:6;width:46px;height:124px;border:1px solid rgba(126,216,255,.22);border-radius:8px;background:#050c22f5;box-shadow:0 18px 44px #00000057}body.light .demo-crud-actions-cell.is-open:before,body.light .demo-crud-actions-cell:focus-within:before{background:#fffffffa;box-shadow:0 18px 44px #143c8c2e}}@media (max-width: 500px){.demo-action-table{min-width:980px}.demo-action-table .demo-crud-actions-toggle{display:inline-grid}.demo-action-table .demo-crud-actions-cell .demo-crud-icon-btn:not(.demo-crud-actions-toggle){position:absolute;right:10px;z-index:7;opacity:0;pointer-events:none;transform:translateY(4px) scale(.92)}.demo-action-table .demo-crud-actions-cell.is-open .demo-crud-icon-btn:not(.demo-crud-actions-toggle),.demo-action-table .demo-crud-actions-cell:focus-within .demo-crud-icon-btn:not(.demo-crud-actions-toggle){opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.demo-action-table .demo-crud-actions-cell .demo-crud-icon-btn[data-action-view]{top:calc(100% + 8px)}.demo-action-table .demo-crud-actions-cell .demo-crud-icon-btn[data-action-edit]{top:calc(100% + 48px)}.demo-action-table .demo-crud-actions-cell .demo-crud-icon-btn[data-action-complete]{top:calc(100% + 88px)}}.demo-action-kpi-change{display:block;margin-top:6px;color:#22c55e;font-size:.78rem;font-style:normal;font-weight:900;line-height:1}body.light .demo-action-kpi-change{color:#047857}.demo-action-chart{height:178px;margin-top:14px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;border:0;background:transparent}.demo-action-chart:after{display:none}.demo-action-chart-yaxis{display:grid;grid-template-rows:repeat(5,1fr);align-items:start;padding-bottom:24px;color:var(--muted);font-size:.72rem;font-weight:800}.demo-action-chart-yaxis span:last-child{align-self:end}.demo-action-chart-plot{position:relative;min-width:0;padding:4px 0 26px;background:linear-gradient(rgba(126,216,255,.09) 1px,transparent 1px) 0 4px/100% 31px,linear-gradient(180deg,#28a8ff1a,#7d45ff0a);border-left:1px solid rgba(126,216,255,.18);border-bottom:1px solid rgba(126,216,255,.18)}.demo-action-chart-plot svg{position:absolute;top:4px;right:10px;bottom:26px;left:0;width:calc(100% - 10px);height:calc(100% - 30px);overflow:visible}.demo-action-chart-plot polyline{fill:none;stroke:url(#actionSparklineGradient);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px rgba(125,69,255,.3))}.demo-action-chart-plot circle{fill:#071126;stroke:var(--blue);stroke-width:3}body.light .demo-action-chart-plot circle{fill:#f7faff}.demo-action-chart-values span{position:absolute;left:var(--x);top:var(--y);color:var(--text);font-size:.72rem;font-weight:900;transform:translate(-50%,-34px);white-space:nowrap}.demo-action-chart-values span:first-child{transform:translateY(-34px)}.demo-action-chart-values span:last-child{transform:translate(-100%,-34px)}.demo-action-chart-months{position:absolute;left:0;right:10px;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.demo-action-chart-months span:first-child{text-align:left}.demo-action-chart-months span:last-child{text-align:right}.demo-action-donut{background:conic-gradient(var(--blue) 0 56%,#22c55e 56% 84%,#fb7185 84% 93%,#6366f1 93% 100%)}.demo-action-legend .is-done i{background:#28a8ffe6}.demo-action-legend .is-progress i{background:#22c55ee6}.demo-action-legend .is-late i{background:#fb7185e6}.demo-action-legend .is-planned i{background:#6366f1e6}.demo-action-table td[data-action-edit-field]{cursor:cell;transition:background .18s ease,box-shadow .18s ease}.demo-action-table td[data-action-edit-field]:hover{background:#28a8ff14;box-shadow:inset 0 0 0 1px #7ed8ff1f}.demo-action-table td.is-inline-editing{padding:6px;background:#28a8ff1a}.demo-action-table td.is-inline-editing.is-invalid{background:#fb71851f;box-shadow:inset 0 0 0 1px #fb71856b}.demo-action-kpis section{min-height:118px}.demo-action-sparkline{right:8px;bottom:8px;width:min(150px,52%);height:58px;filter:drop-shadow(0 0 16px rgba(125,69,255,.34))}.demo-action-sparkline polyline{stroke-width:4}.demo-action-sparkline circle{display:none}.demo-action-ring{right:18px;bottom:12px;width:74px;height:74px;box-shadow:0 0 24px #28a8ff2e}.demo-action-ring:after{top:13px;right:13px;bottom:13px;left:13px}.demo-action-progress i{display:block;overflow:hidden;background:linear-gradient(90deg,var(--blue),var(--purple))}.demo-action-progress.is-danger i{background:linear-gradient(90deg,#fb7185,#be123c);box-shadow:0 0 18px #fb718561}.demo-action-progress.is-warning i{background:linear-gradient(90deg,#f97316,#facc15);box-shadow:0 0 18px #f9731657}.demo-action-progress.is-cool i{background:linear-gradient(90deg,#22d3ee,#2563ff);box-shadow:0 0 18px #2563ff57}.demo-action-progress.is-strong i{background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 0 18px #7d45ff6b}.demo-action-progress.is-success i{background:linear-gradient(90deg,#10b981,#22c55e);box-shadow:0 0 18px #22c55e6b}.demo-action-progress.is-danger span{color:#fb7185}.demo-action-progress.is-warning span{color:#facc15}.demo-action-progress.is-cool span{color:#7ed8ff}.demo-action-progress.is-strong span{color:#c7b8ff}.demo-action-progress.is-success span{color:#70f0a2}body.light .demo-action-progress.is-warning span{color:#c2410c}body.light .demo-action-progress.is-cool span{color:#1d4ed8}body.light .demo-action-progress.is-strong span{color:var(--purple)}body.light .demo-action-progress.is-success span{color:#047857}.demo-action-chart-plot polyline{stroke:url(#actionGlobalProgressGradient)}.demo-action-chart-plot circle{fill:#28a8ff;stroke:#7d45ff;stroke-width:2;filter:drop-shadow(0 0 8px rgba(40,168,255,.58))}body.light .demo-action-chart-plot circle{fill:#2563ff;stroke:#7d45ff}.demo-modal:has(.demo-placement-app){padding:0}.demo-modal-panel:has(.demo-placement-app){width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.demo-modal-panel:has(.demo-placement-app) .demo-modal-body{min-height:0}.demo-modal-body:has(.demo-placement-app){padding:14px}.demo-modal-body:has(.demo-placement-app) .demo-placement-app{min-height:100%}.demo-modal-panel:has(.demo-placement-app){width:min(1420px,100%);max-height:min(860px,100vh - 32px)}.demo-modal-body:has(.demo-placement-app){padding:18px;overflow:auto}.demo-placement-app{min-height:690px;display:grid;grid-template-columns:74px minmax(0,1fr);overflow:hidden;border:1px solid rgba(126,216,255,.24);border-radius:8px;background:linear-gradient(145deg,#071126fa,#030818f5),radial-gradient(circle at 86% 7%,rgba(125,69,255,.18),transparent 34%),radial-gradient(circle at 16% 90%,rgba(40,168,255,.13),transparent 34%)}.demo-placement-sidebar{border-right:1px solid rgba(126,216,255,.14)}.demo-placement-main{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:18px}.demo-placement-head,.demo-placement-toolbar,.demo-placement-legend,.demo-placement-layout,.demo-placement-kpis{min-width:0}.demo-placement-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.demo-placement-head strong{display:block;color:var(--text);font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.1}.demo-placement-head span,.demo-placement-toolbar span,.demo-placement-station span,.demo-placement-station small,.demo-placement-grid-head span,.demo-placement-kpis span,.demo-placement-kpis small,.demo-placement-kpis em,.demo-placement-kpis b{color:var(--muted)}.demo-placement-head>div:first-child>span{display:block;margin-top:5px;font-size:.9rem}.demo-placement-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;font-size:.78rem;font-weight:800}.demo-placement-legend span{display:inline-flex;align-items:center;gap:7px}.demo-placement-legend i,.demo-placement-station:after{width:8px;height:8px;border-radius:50%}.demo-placement-legend i{display:inline-block}.demo-placement-legend .is-assigned{background:#2563ff}.demo-placement-legend .is-available{background:#22c55e}.demo-placement-legend .is-partial{background:#f97316}.demo-placement-legend .is-unavailable{background:#7d45ff}.demo-placement-legend .is-alert{background:#ec4899}.demo-placement-toolbar{display:grid;grid-template-columns:minmax(160px,auto) minmax(150px,auto) minmax(220px,1fr) auto;gap:8px;align-items:center}.demo-placement-toolbar>span,.demo-placement-toolbar select,.demo-placement-search input,.demo-placement-staff-panel select,.demo-placement-staff-search input,.demo-placement-icon-btn,.demo-placement-primary,.demo-placement-reset{min-height:36px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#ffffff0f}.demo-placement-toolbar>span{display:grid;place-items:center;padding:0 14px;font-size:.84rem;font-weight:900}.demo-placement-icon-btn,.demo-placement-primary,.demo-placement-reset{cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.demo-placement-icon-btn:hover,.demo-placement-icon-btn:focus-visible,.demo-placement-primary:hover,.demo-placement-primary:focus-visible,.demo-placement-reset:hover,.demo-placement-reset:focus-visible{border-color:#a855f7b8;background:linear-gradient(135deg,#28a8ff38,#7d45ff47);box-shadow:0 12px 28px #7d45ff3d;transform:translateY(-1px)}.demo-placement-toolbar select,.demo-placement-search input,.demo-placement-staff-panel select,.demo-placement-staff-search input{width:100%;padding:0 12px;outline:none}.demo-placement-search,.demo-placement-staff-search{position:relative;margin:0}.demo-placement-search input{padding-right:44px}.demo-placement-search .demo-crud-search-reset{top:50%;right:8px;bottom:auto;transform:translateY(-50%)}.demo-placement-search .demo-crud-search-reset:hover,.demo-placement-search .demo-crud-search-reset:focus-visible{transform:translateY(-50%)}.demo-placement-search span,.demo-placement-staff-search span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.demo-placement-primary,.demo-placement-reset{min-width:110px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#28a8ff61;color:#9ae6ff;font-weight:900}.demo-placement-primary svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.demo-placement-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;min-height:0}.demo-placement-board-panel,.demo-placement-staff-panel,.demo-placement-kpis section{border:1px solid rgba(126,216,255,.16);border-radius:8px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff0d}.demo-placement-table-wrap{height:100%;min-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.9) rgba(5,12,34,.38)}.demo-placement-grid{min-width:calc(170px + var(--placement-team-count, 5) * 152px);display:grid;grid-template-columns:170px repeat(var(--placement-team-count, 5),minmax(144px,1fr))}.demo-placement-grid-head,.demo-placement-station,.demo-placement-slot{min-width:0;border-right:1px solid rgba(126,216,255,.12);border-bottom:1px solid rgba(126,216,255,.12)}.demo-placement-grid-head{min-height:54px;display:grid;place-items:center;padding:10px;color:var(--text);font-size:.82rem;text-align:center}.demo-placement-grid-head strong{display:block}.demo-placement-grid-head span{display:block;margin-top:3px;font-size:.72rem}.demo-placement-grid-head.is-station{justify-items:start;text-align:left}.demo-placement-station{position:relative;min-height:88px;padding:16px 14px}.demo-placement-station:after{content:"";position:absolute;right:9px;top:18px;background:#22c55e;box-shadow:0 0 14px #22c55e9e}.demo-placement-station strong,.demo-placement-station span,.demo-placement-station small{display:block}.demo-placement-station strong{color:var(--text);font-size:.98rem}.demo-placement-station span,.demo-placement-station small{margin-top:5px;font-size:.76rem}.demo-placement-slot{position:relative;min-height:88px;padding:8px;display:grid;align-content:center;gap:5px;transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}.demo-placement-slot.is-filtered{opacity:.24}.demo-placement-slot.is-empty{margin:8px;min-height:72px;border:1px dashed rgba(126,216,255,.3);border-radius:8px}.demo-placement-slot.is-empty>span{color:var(--muted);font-size:.78rem;text-align:center}.demo-placement-slot.is-over{background:#28a8ff1f;box-shadow:inset 0 0 0 2px #28a8ff75,0 0 26px #28a8ff2e}.demo-placement-slot button{position:absolute;right:8px;top:50%;width:24px;height:24px;border:1px solid rgba(126,216,255,.2);border-radius:6px;color:var(--muted);background:#ffffff0f;transform:translateY(-50%);cursor:pointer}.demo-placement-person{width:100%;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(126,216,255,.18);border-radius:8px;background:linear-gradient(145deg,#101d3df0,#081128e6);cursor:grab}.demo-placement-person:active{cursor:grabbing}.demo-placement-person.is-dragging{opacity:.48}.demo-placement-person>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--placement-skill-start, #f97316),var(--placement-skill-end, #ec4899));box-shadow:0 0 18px var(--placement-skill-shadow, rgba(249, 115, 22, .28));font-size:.68rem;font-weight:900}.demo-placement-person strong,.demo-placement-person small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-placement-person strong{color:var(--text);font-size:.74rem}.demo-placement-person small{margin-top:1px;color:var(--muted);font-size:.66rem}.demo-placement-person i{width:max-content;max-width:62px;overflow:hidden;color:#22c55e;font-size:.62rem;font-style:normal;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.demo-placement-person.is-partial i{color:#f97316}.demo-placement-person.is-unavailable{opacity:.58;cursor:not-allowed}.demo-placement-person.is-unavailable i{color:#a855f7}.demo-placement-person.is-compact{grid-template-columns:22px minmax(0,1fr) 8px;padding:5px 28px 5px 6px}.demo-placement-person.is-compact>span{width:22px;height:22px;font-size:.56rem}.demo-placement-person.is-compact i{width:8px;height:8px;border-radius:50%;color:transparent;background:#22c55e}.demo-placement-person.is-compact.is-partial i{background:#f97316}.demo-placement-staff-panel{min-width:0;padding:14px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px}.demo-placement-staff-panel>strong{color:var(--text);font-size:1rem}.demo-placement-staff-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:9px;padding-right:2px}.demo-placement-staff-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.demo-placement-staff-item.is-selected .demo-placement-person{border-color:#28a8ffb8;box-shadow:0 0 0 3px #28a8ff29}.demo-placement-staff-item>button{min-height:32px;padding:0 9px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:#9ae6ff;background:#28a8ff14;font-size:.7rem;font-weight:900;cursor:pointer}.demo-placement-staff-item>button:disabled{opacity:.45;cursor:not-allowed}.demo-placement-empty{color:var(--muted);font-size:.84rem}.demo-placement-kpis{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.05fr 1.25fr;gap:10px}.demo-placement-kpis section{position:relative;min-height:94px;overflow:hidden;padding:14px}.demo-placement-kpis span,.demo-placement-kpis small,.demo-placement-kpis em,.demo-placement-kpis b{display:block;font-size:.78rem;font-style:normal}.demo-placement-kpis strong{display:block;margin-top:10px;color:var(--text);font-size:clamp(1.4rem,2vw,2rem);line-height:1}.demo-placement-kpis em{margin-top:8px;color:#22c55e;font-weight:900}.demo-placement-kpis b{margin-top:5px;color:#f97316;font-weight:800}.demo-placement-ring{position:absolute;right:16px;bottom:16px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) var(--value),rgba(125,69,255,.22) 0)}.demo-placement-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:inherit;background:#071126}.demo-placement-ring strong{position:relative;z-index:1;margin:0;font-size:1rem}.demo-placement-bars{--placement-hours-level: 0%;position:absolute;right:18px;bottom:34px;width:84px;height:46px;opacity:.9;background:linear-gradient(to top,#28a8ff6b,#28a8ffb8) 0 bottom/8px 22% no-repeat,linear-gradient(to top,#28a8ff80,#28a8ffd1) 14px bottom/8px 34% no-repeat,linear-gradient(to top,#28a8ff94,#4a90ffe6) 28px bottom/8px 48% no-repeat,linear-gradient(to top,#4a90ffad,#6366f1f5) 42px bottom/9px 64% no-repeat,linear-gradient(to top,#6366f1c2,#7d45ff) 58px bottom/9px 80% no-repeat,linear-gradient(to top,#7d45ffdb,#a855f7) 74px bottom/10px 100% no-repeat;clip-path:inset(0 calc(100% - var(--placement-hours-level)) 0 0);filter:drop-shadow(0 0 12px rgba(40,168,255,.22));transition:clip-path .25s ease}.demo-placement-sparkline{position:absolute;right:12px;bottom:14px;width:112px;height:42px;overflow:visible}.demo-placement-sparkline polyline{fill:none;stroke:#28a8ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.demo-placement-sparkline.is-purple polyline{stroke:#7d45ff}body.light .demo-placement-app{background:linear-gradient(145deg,#fffffffa,#eef4fff5),radial-gradient(circle at 86% 7%,rgba(125,69,255,.1),transparent 34%),radial-gradient(circle at 16% 90%,rgba(40,168,255,.1),transparent 34%)}body.light .demo-placement-board-panel,body.light .demo-placement-staff-panel,body.light .demo-placement-kpis section{background:#ffffffb8;box-shadow:0 16px 44px #143c8c1a}body.light .demo-placement-toolbar>span,body.light .demo-placement-toolbar select,body.light .demo-placement-search input,body.light .demo-placement-staff-panel select,body.light .demo-placement-staff-search input,body.light .demo-placement-icon-btn,body.light .demo-placement-primary,body.light .demo-placement-slot button,body.light .demo-placement-staff-item>button{background:#ffffffd6;border-color:#7d45ff38}body.light .demo-placement-person{background:linear-gradient(145deg,#fff,#eef4ff);border-color:#4f46e547;box-shadow:0 10px 24px #1e40af14}body.light .demo-placement-person>span{color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--placement-skill-end, #be123c) 34%,transparent)}body.light .demo-placement-person i{color:#047857;background:transparent}body.light .demo-placement-person.is-partial i{color:#c2410c;background:transparent}body.light .demo-placement-person.is-unavailable{opacity:.62;border-color:#64748b57;background:linear-gradient(145deg,#f8fafc,#e2e8f0)}body.light .demo-placement-person.is-unavailable i{color:#475569;background:transparent}body.light .demo-placement-person.is-compact i{color:transparent;background:#047857}body.light .demo-placement-person.is-compact.is-partial i{color:transparent;background:#c2410c}body.light .demo-placement-person.is-compact.is-unavailable i{color:transparent;background:#475569}body.light .demo-placement-legend .is-assigned{background:#1d4ed8}body.light .demo-placement-legend .is-available{background:#047857}body.light .demo-placement-legend .is-partial{background:#c2410c}body.light .demo-placement-legend .is-unavailable{background:#64748b}body.light .demo-placement-legend .is-alert{background:#be123c}body.light .demo-placement-station:after{background:#047857;box-shadow:0 0 12px #0478575c}body.light .demo-placement-slot.is-over,body.light .demo-placement-staff-panel.is-over{background:#1d4ed81f;box-shadow:inset 0 0 0 2px #1d4ed85c,0 0 22px #1d4ed824}body.light .demo-placement-table-wrap,body.light .demo-placement-staff-panel,body.light .demo-placement-kpi-coverage,body.light .demo-placement-kpi-hours,body.light .demo-placement-kpi-alerts,body.light .demo-placement-kpi-cost{border:1px solid #071126}body.light .demo-placement-kpis em{color:#047857}body.light .demo-placement-kpis b{color:#c2410c}body.light .demo-placement-ring{background:conic-gradient(#1d4ed8 var(--value),rgba(91,33,182,.24) 0);box-shadow:0 0 18px #1d4ed829}body.light .demo-placement-ring:after{background:#edf2ff;box-shadow:inset 0 0 0 1px #07112614}body.light .demo-placement-ring strong{color:#071126}body.light .demo-placement-bars{background:linear-gradient(to top,#1d4ed885,#1d4ed8d1) 0 bottom/8px 22% no-repeat,linear-gradient(to top,#1d4ed894,#2563ebe0) 14px bottom/8px 34% no-repeat,linear-gradient(to top,#2563eba8,#4f46e5f0) 28px bottom/8px 48% no-repeat,linear-gradient(to top,#4f46e5b8,#5b21b6fa) 42px bottom/9px 64% no-repeat,linear-gradient(to top,#5b21b6c7,#6d28d9) 58px bottom/9px 80% no-repeat,linear-gradient(to top,#6d28d9db,#9333ea) 74px bottom/10px 100% no-repeat;filter:drop-shadow(0 0 10px rgba(29,78,216,.18))}body.light .demo-placement-sparkline polyline{stroke:#1d4ed8}body.light .demo-placement-sparkline.is-purple polyline{stroke:#6d28d9}@media (max-width: 980px){.demo-placement-app{grid-template-columns:1fr}.demo-placement-sidebar{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;overflow:auto;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}.demo-placement-head,.demo-placement-layout{grid-template-columns:1fr}.demo-placement-head{flex-direction:column}.demo-placement-legend{justify-content:flex-start}.demo-placement-toolbar{grid-template-columns:36px minmax(140px,1fr) 36px}.demo-placement-toolbar select,.demo-placement-search,.demo-placement-primary{grid-column:1/-1}.demo-placement-kpis{grid-template-columns:1fr}}.demo-modal.is-open:has(.demo-placement-app){padding:0}.demo-modal.is-open:has(.demo-placement-app) .demo-modal-panel{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.demo-modal.is-open:has(.demo-placement-app) .demo-modal-body{min-height:0;padding:14px;overflow:auto}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-app{min-height:100%;height:100%}.demo-placement-slot{padding-right:8px}.demo-placement-slot-adds{position:absolute;right:8px;top:50%;z-index:0;display:grid;gap:6px;transform:translateY(-50%);opacity:.48;pointer-events:none;user-select:none;-webkit-user-select:none}.demo-placement-slot .demo-placement-slot-add{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.28);border-radius:7px;color:#c8f3ff;background:linear-gradient(135deg,#28a8ff2e,#7d45ff2e),#ffffff12;box-shadow:inset 0 1px #ffffff14,0 10px 22px #28a8ff1a;cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none}.demo-placement-slot.is-filled .demo-placement-slot-adds{top:50%;bottom:auto;transform:translateY(-50%)}.demo-placement-slot .demo-placement-person,.demo-placement-slot .demo-placement-vacant{position:relative;z-index:1}.demo-placement-slot .demo-placement-person{max-width:100%}.demo-placement-toolbar select,.demo-placement-staff-panel select{min-height:38px;padding:0 42px 0 14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--text);border:1px solid rgba(126,216,255,.22);border-radius:8px;background-color:#ffffff12;background-image:linear-gradient(135deg,#28a8ff24,#7d45ff24),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ae6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 14px center;background-size:100% 100%,15px 15px;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000001f;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.demo-placement-toolbar select:hover,.demo-placement-staff-panel select:hover,.demo-placement-toolbar select:focus-visible,.demo-placement-staff-panel select:focus-visible{border-color:#28a8ff94;background-color:#28a8ff17;box-shadow:inset 0 1px #ffffff1a,0 0 0 3px #28a8ff24,0 14px 28px #00000026}.demo-placement-toolbar select option,.demo-placement-staff-panel select option{color:#fff;background:#071126}body.light .demo-placement-slot .demo-placement-slot-add{color:#4f2dce;border-color:#7d45ff3d;background:linear-gradient(135deg,#28a8ff1f,#7d45ff1f),#ffffffe6;box-shadow:inset 0 1px #ffffffbf,0 10px 20px #4c5bb41f}body.light .demo-placement-toolbar select,body.light .demo-placement-staff-panel select{color:#071126;border-color:#7d45ff3d;background-color:#ffffffe0;background-image:linear-gradient(135deg,#28a8ff1a,#7d45ff1f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237d45ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");box-shadow:inset 0 1px #ffffffb8,0 12px 24px #4c5bb41a}body.light .demo-placement-toolbar select:hover,body.light .demo-placement-staff-panel select:hover,body.light .demo-placement-toolbar select:focus-visible,body.light .demo-placement-staff-panel select:focus-visible{border-color:#7d45ff7a;background-color:#fffffffa;box-shadow:inset 0 1px #fffc,0 0 0 3px #7d45ff21,0 14px 28px #4c5bb424}body.light .demo-placement-toolbar select option,body.light .demo-placement-staff-panel select option{color:#071126;background:#fff}.demo-modal.is-open:has(.demo-placement-app) .demo-modal-body{overflow:hidden}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-app{min-height:0}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-main{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(40,168,255,.58) rgba(255,255,255,.06)}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-main::-webkit-scrollbar{width:10px}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-main::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0f}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-main::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#28a8ff,#7d45ff) border-box;background-clip:padding-box,border-box}.demo-placement-slot{align-content:start;gap:7px}.demo-placement-slot.has-open-slot{min-height:126px}.demo-placement-slot.is-empty{display:grid;align-content:stretch}.demo-placement-vacant-card{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;padding:8px;border:1px dashed rgba(126,216,255,.3);border-radius:8px;color:var(--muted);background:#ffffff09;pointer-events:none;user-select:none;-webkit-user-select:none}.demo-placement-vacant-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:800}.demo-placement-vacant-card i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#c8f3ff;background:linear-gradient(135deg,#28a8ff29,#7d45ff2e);font-style:normal;font-weight:900}.demo-placement-staff-item{grid-template-columns:minmax(0,1fr);cursor:pointer}body.light .demo-placement-vacant-card{border-color:#7d45ff3d;background:#ffffffa8}body.light .demo-placement-vacant-card i{color:#4f2dce;background:linear-gradient(135deg,#28a8ff1f,#7d45ff24)}.demo-modal.is-open:has(.demo-placement-app) .demo-placement-main{grid-template-rows:auto auto auto auto}.demo-placement-layout{position:relative;z-index:1;align-items:stretch;margin-bottom:12px}.demo-placement-kpis{position:static;z-index:auto;margin-top:0;align-self:start}.demo-placement-board-panel{min-width:0;min-height:0}.demo-placement-table-wrap{height:auto;max-height:calc(100dvh - 310px)}.demo-placement-staff-panel{height:100%;max-height:calc(100dvh - 310px);overflow:hidden}.demo-placement-staff-list{max-height:100%;overflow:auto}.demo-placement-slot.has-open-slot{min-height:0}.demo-placement-slot.is-empty{margin:0;min-height:0;border:0;border-radius:0}.demo-placement-vacant-card{padding:6px}body.light .demo-placement-reset{background:#ffffffd6;border-color:#7d45ff38}.demo-placement-grid-head{position:sticky;top:0;z-index:6;background:linear-gradient(145deg,#0a1531fa,#071126fa),#081128f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-placement-grid-head.is-station{left:0;z-index:8}.demo-placement-station{position:sticky;left:0;z-index:4;background:linear-gradient(145deg,#0a1531fa,#071126fa),#081128f5}.demo-placement-staff-panel.is-over{border-color:#28a8ff9e;background:linear-gradient(135deg,#28a8ff24,#7d45ff1f),#fff1;box-shadow:inset 0 0 0 2px #28a8ff47,0 0 28px #28a8ff29}.demo-placement-kpi-hours,.demo-placement-kpi-alerts,.demo-placement-kpi-workload,.demo-placement-kpi-cost{display:grid;grid-template-rows:auto 1fr auto;padding-right:14px}.demo-placement-metric-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:12px;margin-top:8px}.demo-placement-metric-body strong{margin:0}.demo-placement-kpi-hours .demo-placement-bars{position:relative;right:auto;bottom:auto;width:112px;height:62px;align-self:center}.demo-placement-kpi-workload .demo-placement-sparkline,.demo-placement-kpi-cost .demo-placement-sparkline{position:relative;top:auto;right:auto;bottom:auto;width:112px;height:62px;align-self:center}.demo-placement-kpi-hours em,.demo-placement-kpi-workload em,.demo-placement-kpi-cost em{align-self:end}body.light .demo-placement-grid-head,body.light .demo-placement-station{background:linear-gradient(145deg,#fffffffa,#eff5fffa),#fffffff5}body.light .demo-placement-staff-panel.is-over{border-color:#7d45ff80;background:linear-gradient(135deg,#28a8ff1f,#7d45ff1f),#ffffffc7;box-shadow:inset 0 0 0 2px #7d45ff29,0 16px 44px #4c5bb424}@media (min-width: 981px){.demo-placement-table-wrap{height:100%;max-height:none}.demo-placement-staff-panel{max-height:none}}.demo-placement-kpi-coverage{display:grid;grid-template-rows:auto 1fr auto}.demo-placement-coverage-body{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:8px}.demo-placement-kpi-coverage .demo-placement-ring{position:relative;right:auto;bottom:auto;width:62px;height:62px}.demo-placement-coverage-body small{color:var(--text);font-size:.9rem;font-weight:900}.demo-placement-kpi-coverage em{align-self:end}.demo-placement-alert-body{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) 62px;align-items:center;gap:10px;margin-top:8px}.demo-placement-alert-body strong,.demo-placement-alert-body small{margin:0}.demo-placement-alert-body i{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#f9731629,#ec48992e),#ffffff0a;box-shadow:inset 0 0 0 1px #f9731638,0 0 22px #ec489929}.demo-placement-alert-body i:before{content:"!";width:28px;height:28px;display:grid;place-items:center;border:2px solid #f97316;border-radius:50%;color:#f97316;font-size:1rem;font-style:normal;font-weight:950}.demo-placement-alert-details{align-self:end;max-height:72px;display:grid;gap:5px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(249,115,22,.76) rgba(255,255,255,.08)}.demo-placement-alert-details b{display:block;line-height:1.25}.demo-placement-alert-details b.is-ok{color:#22c55e}@media (max-width: 980px){.demo-placement-toolbar{grid-template-columns:minmax(140px,1fr)}.demo-placement-reset{grid-column:1/-1}}.demo-modal.is-open:has(.demo-action-app) .demo-modal-body{min-height:0;overflow:hidden}.demo-modal.is-open:has(.demo-action-app) .demo-action-app{min-height:0;height:100%}.demo-modal.is-open:has(.demo-action-app) .demo-action-main{min-height:0;height:100%;align-content:start;grid-auto-rows:max-content;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.9) rgba(5,12,34,.38)}.demo-modal.is-open:has(.demo-action-app) .demo-action-main::-webkit-scrollbar{width:12px}.demo-modal.is-open:has(.demo-action-app) .demo-action-main::-webkit-scrollbar-track{margin:4px;border-radius:999px;background:linear-gradient(180deg,#050c2275,#0c1a4057)}.demo-modal.is-open:has(.demo-action-app) .demo-action-main::-webkit-scrollbar-thumb{border:3px solid rgba(5,12,34,.72);border-radius:999px;background:linear-gradient(135deg,#28a8ff,#7d45ff)}.demo-action-table-panel{scroll-margin-top:16px}.demo-action-table-panel .demo-action-section-title{align-items:stretch;flex-wrap:wrap}.demo-action-section-tools{min-width:min(100%,740px);display:flex;flex:1 1 680px;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.demo-action-section-tools .demo-action-search{flex:1 1 260px}.demo-action-section-tools .demo-action-search input{min-height:38px}.demo-action-section-tools .demo-action-status-select{min-height:38px;min-width:138px;padding:0 40px 0 14px;border:1px solid rgba(126,216,255,.28);border-radius:8px;color:var(--text);background-color:#ffffff0f;background-image:linear-gradient(135deg,#28a8ff1a,#7d45ff1f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ae6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 14px center;background-size:100% 100%,15px 15px;font-weight:900;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.demo-action-section-tools .demo-action-status-select:hover,.demo-action-section-tools .demo-action-status-select:focus-visible{border-color:#a855f7b8;background-color:#28a8ff17;box-shadow:0 12px 28px #7d45ff3d;transform:translateY(-1px)}.demo-action-section-tools .demo-action-status-select option{color:#fff;background:#071126}body.light .demo-modal.is-open:has(.demo-action-app) .demo-action-main{scrollbar-color:rgba(125,69,255,.86) rgba(224,235,255,.72)}body.light .demo-modal.is-open:has(.demo-action-app) .demo-action-main::-webkit-scrollbar-track{background:linear-gradient(180deg,#edf4ffeb,#d9e4ffc7)}body.light .demo-modal.is-open:has(.demo-action-app) .demo-action-main::-webkit-scrollbar-thumb{border-color:#edf4ffeb}body.light .demo-action-section-tools .demo-action-status-select{color:#071126;border-color:#7d45ff3d;background-color:#ffffffd6;background-image:linear-gradient(135deg,#28a8ff17,#7d45ff1f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237d45ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body.light .demo-action-section-tools .demo-action-status-select option{color:#071126;background:#fff}@media (max-width: 760px){.demo-action-section-tools,.demo-action-section-tools .demo-action-status-select,.demo-action-section-tools>button{width:100%}}.demo-action-bottom{gap:10px;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);align-items:stretch}.demo-action-bottom .demo-action-card{min-height:226px;padding:12px}.demo-action-chart-card{min-height:260px}.demo-action-chart-plot{min-height:142px;padding-top:0}.demo-action-chart-yaxis{box-sizing:border-box;padding:0 0 26px;display:flex;flex-direction:column;justify-content:space-between;align-items:end}.demo-action-chart-yaxis span{line-height:1}.demo-action-chart-yaxis span:last-child{align-self:end;transform:translateY(1px)}.demo-action-status-card{grid-template-columns:96px minmax(0,1fr);gap:8px 10px}.demo-action-status-card>strong{font-size:.92rem}.demo-action-donut{width:96px;height:96px}.demo-action-donut:before{width:62px;height:62px}.demo-action-donut span{font-size:1.35rem}.demo-action-donut small{margin-top:0;font-size:.64rem}.demo-action-legend{gap:6px}.demo-action-legend span{gap:8px;font-size:.76rem}.demo-action-chart{height:118px;margin-top:14px}.demo-action-chart b{font-size:.66rem}.demo-action-late-card [data-action-late-list]{gap:6px;max-height:162px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.86) rgba(5,12,34,.26)}.demo-action-late-card article{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:7px 0}.demo-action-late-card article>span{width:24px;height:24px}.demo-action-late-card strong{font-size:.78rem}.demo-action-late-card small,.demo-action-late-card b{font-size:.68rem}.demo-action-section-tools .demo-action-search{flex:0 1 340px;max-width:380px;min-height:38px}.demo-action-section-tools .demo-action-search input{height:38px;min-height:38px;padding-right:44px}.demo-action-search .demo-crud-search-reset{top:50%;right:8px;bottom:auto;width:24px;height:24px;align-items:center;justify-content:center;justify-items:center;padding:0;transform:translateY(-50%)}.demo-action-search .demo-crud-search-reset:hover,.demo-action-search .demo-crud-search-reset:focus-visible{transform:translateY(-50%)}.demo-action-search .demo-crud-search-reset svg{display:block;width:14px;height:14px;margin:auto;place-self:center}.demo-action-search .demo-crud-search-reset svg path{vector-effect:non-scaling-stroke}.demo-action-table-panel{height:auto;min-height:0;overflow:visible;min-width:0}.demo-action-table-panel .demo-action-table-wrap{height:auto;max-height:min(48dvh,420px);overflow:auto;overscroll-behavior:contain}.demo-action-bottom{position:relative;z-index:0;align-self:start;min-width:0;max-width:100%;overflow-x:clip}.demo-action-app,.demo-action-main,.demo-action-kpis,.demo-action-kpis section,.demo-action-bottom .demo-action-card,.demo-action-status-card,.demo-action-chart-card,.demo-action-late-card,.demo-action-legend,.demo-action-legend span,.demo-action-late-card article,.demo-action-section-tools,.demo-action-section-title{min-width:0}.demo-action-legend span,.demo-action-late-card article{max-width:100%}.demo-action-legend b,.demo-action-late-card strong,.demo-action-late-card small,.demo-action-late-card b{min-width:0;overflow-wrap:anywhere}@media (max-width: 1280px){.demo-action-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-action-bottom{grid-template-columns:minmax(0,3fr) minmax(0,4fr)}.demo-action-card.demo-action-status-card,.demo-action-card.demo-action-chart-card{grid-column:auto}.demo-action-card.demo-action-late-card{grid-column:1/-1}}@media (max-width: 1100px){.demo-modal.is-open:has(.demo-action-app) .demo-action-main{min-height:0;height:100%;align-content:start;grid-auto-rows:max-content;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.demo-action-table-panel .demo-action-section-title{gap:10px}.demo-action-section-tools{min-width:0;flex:0 1 100%;gap:8px;justify-content:flex-start}.demo-action-card.demo-action-chart-card{min-height:220px}.demo-action-card.demo-action-late-card{min-height:230px}.demo-action-chart{height:126px}.demo-action-late-card [data-action-late-list]{max-height:170px}}@media (max-width: 760px){.demo-modal.is-open:has(.demo-action-app) .demo-action-app{grid-template-rows:auto minmax(0,1fr)}.demo-action-table-panel{min-width:0}.demo-action-table-wrap{min-height:0;max-height:min(52dvh,360px)}.demo-action-section-tools .demo-action-search{grid-column:1/-1;flex:1 1 100%;max-width:none}.demo-action-section-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.demo-action-bottom,.demo-action-kpis{grid-template-columns:minmax(0,1fr)}.demo-action-card.demo-action-status-card,.demo-action-card.demo-action-chart-card,.demo-action-card.demo-action-late-card{grid-column:1/-1}.demo-action-section-tools .demo-action-status-select,.demo-action-section-tools [data-action-reset],.demo-action-section-tools .demo-action-primary{width:100%;min-width:0;padding-right:10px;padding-left:10px;font-size:.78rem}.demo-action-bottom .demo-action-status-card{min-height:0}}@media (max-width: 760px){.demo-crud-dialog-panel{max-height:calc(100dvh - 25vh)}}form{margin-top:0}.demo-action-section-tools .demo-action-primary.demo-crud-dialog-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#7d45fffa,#28a8ffeb);box-shadow:0 14px 32px #28a8ff3d}.demo-action-section-tools .demo-action-primary.demo-crud-dialog-primary:hover,.demo-action-section-tools .demo-action-primary.demo-crud-dialog-primary:focus-visible{border-color:#a855f7d1;color:#fff;background:linear-gradient(135deg,#7d45fffa,#28a8ffeb);box-shadow:0 18px 46px #7d45ff6b,0 0 0 4px #7d45ff29;transform:translateY(-1px)}.demo-action-search .demo-crud-search-reset{width:20px;height:20px;min-height:0;border-radius:6px;box-shadow:0 6px 14px #28a8ff29}.demo-action-search .demo-crud-search-reset svg{width:12px;height:12px}body.light .demo-action-section-tools .demo-action-primary.demo-crud-dialog-primary:hover,body.light .demo-action-section-tools .demo-action-primary.demo-crud-dialog-primary:focus-visible{color:#071126}.demo-placement-kpi-alerts.is-ok{border-color:#22c55e57;background:radial-gradient(circle at 86% 22%,rgba(34,197,94,.16),transparent 34%),linear-gradient(135deg,#22c55e1a,#28a8ff0d);box-shadow:inset 0 1px #ffffff14,0 18px 42px #22c55e14}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body{padding:8px;border:1px solid rgba(34,197,94,.28);border-radius:8px;background:#22c55e14}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body strong,.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body small{color:#86efac}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i{background:linear-gradient(135deg,#22c55e38,#28a8ff1f),#ffffff0a;box-shadow:inset 0 0 0 1px #22c55e57,0 0 20px #22c55e29}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i:before{content:"✓";border-color:#22c55e;color:#22c55e}body.light .demo-placement-kpi-alerts.is-ok{border-color:#04785761;background:radial-gradient(circle at 86% 22%,rgba(4,120,87,.16),transparent 34%),linear-gradient(135deg,#0478571f,#0e74900f),#ffffffbd}body.light .demo-placement-kpi-alerts.is-ok .demo-placement-alert-body{border-color:#04785752;background:#0478571a}body.light .demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i{background:linear-gradient(135deg,#04785733,#0e74901a),#ffffffc7;box-shadow:inset 0 0 0 1px #04785757,0 0 16px #04785724}body.light .demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i:before{border-color:#047857;color:#047857}body.light .demo-placement-kpi-alerts:not(.is-ok){border-color:#be123c57;background:radial-gradient(circle at 86% 22%,rgba(190,18,60,.12),transparent 34%),linear-gradient(135deg,#be123c1a,#c2410c0f),#ffffffbd}body.light .demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body strong{color:#be123c}body.light .demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body small,body.light .demo-placement-alert-details b{color:#9f1239}body.light .demo-placement-alert-details b.is-ok{color:#047857}.demo-action-table .demo-crud-icon-btn.is-complete{color:#22c55e}.demo-action-table .demo-crud-icon-btn.is-complete:hover,.demo-action-table .demo-crud-icon-btn.is-complete:focus-visible{border-color:#22c55e94;color:#052e16;background:linear-gradient(135deg,#22c55edb,#7dd8ffb8);box-shadow:0 12px 28px #22c55e42}.demo-action-table .demo-crud-icon-btn.is-restart{color:#f97316}.demo-action-table .demo-crud-icon-btn.is-restart:hover,.demo-action-table .demo-crud-icon-btn.is-restart:focus-visible{border-color:#f973169e;color:#431407;background:linear-gradient(135deg,#f97316e0,#fbbf24b8);box-shadow:0 12px 28px #f9731647}.demo-action-confirm-panel{grid-template-rows:auto auto}.demo-action-confirm-panel .demo-crud-dialog-footer{justify-content:flex-end}.demo-action-confirm-panel .demo-crud-dialog-primary.is-complete{border-color:#22c55e94;color:#052e16;background:linear-gradient(135deg,#22c55edb,#7dd8ffb8);box-shadow:0 12px 28px #22c55e42}.demo-action-confirm-panel .demo-crud-dialog-primary.is-complete:hover,.demo-action-confirm-panel .demo-crud-dialog-primary.is-complete:focus-visible{border-color:#22c55eb8;color:#052e16;background:linear-gradient(135deg,#22c55e,#7ed8ff);box-shadow:0 16px 36px #22c55e57}.demo-action-confirm-panel .demo-crud-dialog-primary.is-restart{border-color:#f973169e;color:#431407;background:linear-gradient(135deg,#f97316e0,#fbbf24b8);box-shadow:0 12px 28px #f9731647}.demo-action-confirm-panel .demo-crud-dialog-primary.is-restart:hover,.demo-action-confirm-panel .demo-crud-dialog-primary.is-restart:focus-visible{border-color:#f97316c7;color:#431407;background:linear-gradient(135deg,#f97316,#fbbf24);box-shadow:0 16px 36px #f9731657}body.light .demo-placement-kpi-alerts.is-ok{background:radial-gradient(circle at 86% 22%,rgba(34,197,94,.14),transparent 34%),linear-gradient(135deg,#22c55e1a,#28a8ff0f)}body.light .demo-placement-kpi-alerts.is-ok .demo-placement-alert-body strong,body.light .demo-placement-kpi-alerts.is-ok .demo-placement-alert-body small{color:#047857}.demo-placement-alert-body{grid-template-columns:auto minmax(0,1fr) 36px}.demo-placement-alert-body i{width:36px;height:36px;border-radius:10px}.demo-placement-alert-body i:before{width:18px;height:18px;border-width:1.5px;font-size:.68rem}@media (max-width: 980px){.demo-modal.is-open:has(.demo-placement-app) .demo-placement-main{height:100%;min-height:0;display:flex;flex-direction:column;align-content:initial;overflow-x:hidden;overflow-y:auto}.demo-placement-layout{flex:0 0 auto;grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(0,1fr);align-items:start;margin-bottom:0}.demo-placement-kpis{flex:0 0 auto;grid-column:1/-1;grid-row:auto;align-self:start;width:100%;margin-top:12px}.demo-placement-table-wrap{height:auto;max-height:52dvh;min-height:360px}.demo-placement-staff-panel{height:auto;max-height:360px}}.demo-action-late-empty{min-height:100px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:18px;border:1px solid rgba(34,197,94,.28);border-radius:8px;background:radial-gradient(circle at 14% 18%,rgba(34,197,94,.18),transparent 38%),linear-gradient(135deg,#22c55e14,#28a8ff0f);box-shadow:inset 0 1px #ffffff14,0 16px 34px #22c55e14}.demo-action-late-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:#052e16;background:linear-gradient(135deg,#22c55e,#7ed8ff);box-shadow:0 12px 28px #22c55e47;font-weight:900}.demo-action-late-empty strong,.demo-action-late-empty small{display:block}.demo-action-late-empty strong{color:#86efac;font-size:.92rem}.demo-action-late-empty small{margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.45}body.light .demo-action-late-empty{background:radial-gradient(circle at 14% 18%,rgba(34,197,94,.14),transparent 38%),linear-gradient(135deg,#22c55e1a,#28a8ff14);box-shadow:0 16px 34px #14532d1f}body.light .demo-action-late-empty strong{color:#047857}.demo-tpm-grid,.demo-tpm-bottom{position:relative;z-index:1;align-items:start}.demo-tpm-grid{min-height:max-content}.demo-tpm-bottom{margin-top:0}.demo-modal.is-open:has(.demo-tpm-app){padding:0}.demo-modal.is-open:has(.demo-tpm-app) .demo-modal-panel{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.demo-modal.is-open:has(.demo-tpm-app) .demo-modal-body{min-height:0;padding:14px;overflow:hidden}.demo-tpm-app{--tpm-cancel-color: #f8fafc;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:74px minmax(0,1fr);overflow:hidden;border:1px solid rgba(126,216,255,.24);border-radius:8px;background:linear-gradient(145deg,#071126fa,#030818f5),radial-gradient(circle at 86% 7%,rgba(125,69,255,.18),transparent 34%),radial-gradient(circle at 16% 90%,rgba(40,168,255,.13),transparent 34%)}.demo-tpm-sidebar{border-right:1px solid rgba(126,216,255,.14)}.demo-tpm-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;overflow:auto;padding:18px;scrollbar-width:thin;scrollbar-color:rgba(40,168,255,.58) rgba(255,255,255,.06)}.demo-tpm-head,.demo-tpm-controls,.demo-tpm-kpis,.demo-tpm-grid,.demo-tpm-bottom{min-width:0}.demo-tpm-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.demo-tpm-head strong{display:block;color:var(--text);font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.1}.demo-tpm-head span,.demo-tpm-controls label span,.demo-tpm-kpis span,.demo-tpm-kpis small,.demo-tpm-card header span,.demo-tpm-card footer span,.demo-tpm-card small{color:var(--muted)}.demo-tpm-head>div:first-child>span{display:block;margin-top:5px;font-size:.9rem}.demo-tpm-controls{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;align-items:end}.demo-tpm-controls label{min-width:0;display:grid;gap:5px;margin:0}.demo-tpm-controls select,.demo-tpm-controls input,.demo-tpm-card select{width:100%;min-height:38px;padding:0 40px 0 12px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#ffffff0f;outline:none}.demo-tpm-controls select,.demo-tpm-card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#ffffff13;background-image:linear-gradient(135deg,#28a8ff24,#7d45ff24),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ae6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 13px center;background-size:100% 100%,15px 15px;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000001f;cursor:pointer}.demo-tpm-controls select:hover,.demo-tpm-controls select:focus-visible,.demo-tpm-card select:hover,.demo-tpm-card select:focus-visible{border-color:#28a8ff94;background-color:#28a8ff1a;box-shadow:inset 0 1px #ffffff1a,0 0 0 3px #28a8ff24,0 14px 28px #00000026}.demo-tpm-controls select option,.demo-tpm-card select option{color:#fff;background:#071126}.demo-tpm-status{min-height:50px;display:grid;grid-template-columns:10px minmax(0,1fr);align-content:center;gap:3px 8px;padding:8px 12px;border:1px solid rgba(34,197,94,.22);border-radius:8px;background:#22c55e14}.demo-tpm-status i{width:9px;height:9px;align-self:center;border-radius:50%;background:#22c55e;box-shadow:0 0 18px #22c55ead}.demo-tpm-status strong,.demo-tpm-status span{grid-column:2;margin:0}.demo-tpm-status strong{color:#22c55e;font-size:.86rem}.demo-tpm-search{margin:0}.demo-tpm-search .demo-crud-search-reset{width:22px;height:22px;min-height:0;border-radius:6px}.demo-tpm-search .demo-crud-search-reset svg{width:12px;height:12px}.demo-tpm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.demo-tpm-kpis article,.demo-tpm-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(126,216,255,.16);border-radius:8px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff0d}.demo-tpm-kpis article{min-height:118px;padding:16px}.demo-tpm-kpis strong{display:block;margin-top:8px;color:var(--text);font-size:clamp(1.45rem,2.2vw,2.15rem);line-height:1}.demo-tpm-kpis em{display:block;margin-top:6px;color:#22c55e;font-size:.78rem;font-style:normal;font-weight:900}.demo-tpm-kpis .is-cost em{color:#fb7185}.demo-tpm-kpis svg{position:absolute;right:12px;bottom:12px;width:88px;height:36px;overflow:visible}.demo-tpm-kpis polyline{fill:none;stroke:url(#actionGlobalProgressGradient);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.demo-tpm-kpis polyline{stroke:#3b82f6;filter:drop-shadow(0 0 12px rgba(40,168,255,.26))}.demo-tpm-kpis .is-cost polyline{stroke:#ec4899}.demo-tpm-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(320px,.85fr);gap:12px;align-items:stretch}.demo-tpm-card{padding:16px}.demo-tpm-card header,.demo-tpm-card footer,.demo-tpm-card header>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-tpm-card header{margin-bottom:14px}.demo-tpm-card header strong{color:var(--text);font-size:1rem}.demo-tpm-card header span{display:block;margin-top:4px;font-size:.78rem}.demo-tpm-ring-layout{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:center}.demo-tpm-ring{position:relative;width:126px;height:126px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) var(--value),rgba(125,69,255,.24) 0)}.demo-tpm-ring:before{content:"";position:absolute;width:82px;height:82px;border-radius:inherit;background:#071126}.demo-tpm-ring span,.demo-tpm-ring small{position:relative;z-index:1;grid-area:1/1;display:block;color:var(--text);text-align:center}.demo-tpm-ring span{align-self:end;margin-bottom:1px;font-size:1.8rem;font-weight:900;line-height:1}.demo-tpm-ring small{align-self:start;margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1}.demo-tpm-checks,.demo-tpm-interventions [data-tpm-intervention-list]{display:grid;gap:10px}.demo-tpm-intervention-body{display:grid;justify-items:center;gap:16px}.demo-tpm-intervention-ring{position:relative;width:184px;height:184px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#28a8ff 0,#28a8ff 50%,#7d45ff 50%,#7d45ff 84%,#f97316 84%,#f97316 92%,#ec4899 92%,#ec4899);box-shadow:0 0 20px #28a8ff29}.demo-tpm-intervention-ring:before{content:"";position:absolute;top:32px;right:32px;bottom:32px;left:32px;border-radius:inherit;background:#071126}.demo-tpm-intervention-ring span,.demo-tpm-intervention-ring small{position:relative;z-index:1;grid-area:1/1;display:block;color:var(--text);text-align:center}.demo-tpm-intervention-ring span{align-self:center;transform:translateY(-15px);font-size:2.18rem;font-weight:950;line-height:1}.demo-tpm-intervention-ring small{align-self:center;transform:translateY(21px);color:var(--muted);font-size:.72rem;font-weight:800;line-height:1}.demo-tpm-checks span,.demo-tpm-interventions [data-tpm-intervention-list] span{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;color:var(--text);font-size:.82rem}.demo-tpm-checks i,.demo-tpm-interventions i{width:10px;height:10px;border-radius:50%;background:#28a8ff}.demo-tpm-checks span:nth-child(2) i,.demo-tpm-interventions .is-tool i{background:#22c55e}.demo-tpm-checks span:nth-child(3) i,.demo-tpm-interventions .is-progress i{background:#f97316}.demo-tpm-interventions .is-late i{background:#ef4444}.demo-tpm-checks span:nth-child(4) i,.demo-tpm-interventions .is-cancel i{background:var(--tpm-cancel-color)}.demo-tpm-card footer{margin-top:16px}.demo-tpm-card footer div{height:8px;min-width:86px;flex:1;overflow:hidden;border-radius:999px;background:#7ed8ff1f}.demo-tpm-card footer i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 0 18px #7d45ff52}.demo-tpm-card footer strong{color:var(--text)}.demo-tpm-ring-card .demo-crud-primary-btn{min-height:34px;margin-top:14px;float:right;padding:0 14px;font-size:.78rem}.demo-tpm-interventions [data-tpm-intervention-list] span{grid-template-columns:18px minmax(0,1fr) auto;padding:4px 0}.demo-tpm-bottom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr) minmax(250px,.85fr);gap:12px;align-items:stretch}.demo-tpm-card header button{min-height:32px;padding:0 12px;border:1px solid rgba(126,216,255,.22);border-radius:8px;color:var(--text);background:#ffffff12;font-size:.76rem;font-weight:900;cursor:pointer}.demo-tpm-table-wrap{max-height:400px;overflow:auto}.demo-tpm-table-wrap table{width:100%;min-width:980px;border-collapse:collapse}.demo-tpm-table-wrap th,.demo-tpm-table-wrap td{padding:11px 10px;border-bottom:1px solid rgba(126,216,255,.2);color:var(--text);font-size:.78rem;text-align:left}.demo-tpm-table-wrap tbody tr{background:#ffffff04}.demo-tpm-table-wrap tbody tr:nth-child(2n){background:#28a8ff0b}.demo-tpm-table-wrap tbody tr:hover{background:#7d45ff1a}.demo-tpm-table-wrap td{border-right:1px solid rgba(126,216,255,.08)}.demo-tpm-table-wrap td:last-child{border-right:0}.demo-tpm-table-wrap th{position:sticky;top:0;z-index:2;color:var(--muted);background:#071126fa;font-size:.7rem;text-transform:uppercase}.demo-tpm-sort-btn{width:100%;min-height:28px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;text-transform:inherit;cursor:pointer}.demo-tpm-sort-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}.demo-tpm-sort-btn i{position:relative;width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid rgba(126,216,255,.22);border-radius:6px;opacity:0;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease}.demo-tpm-sort-btn i:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.demo-tpm-sort-btn:hover,.demo-tpm-sort-btn:focus-visible,.demo-tpm-sort-btn.is-active{color:#9ae6ff}.demo-tpm-sort-btn:hover i,.demo-tpm-sort-btn:focus-visible i,.demo-tpm-sort-btn.is-active i{opacity:1;transform:translateY(0);border-color:#7ed8ff75;background:#28a8ff1f}.demo-tpm-sort-btn.is-asc i:before{transform:translateY(2px) rotate(225deg)}.demo-tpm-sort-btn.is-desc i:before{transform:translateY(-2px) rotate(45deg)}.demo-tpm-table-wrap th:last-child,.demo-tpm-table-wrap td:last-child{position:sticky;right:0;z-index:3;min-width:116px;border-left:1px solid rgba(126,216,255,.14);background:#071126fa;box-shadow:-12px 0 24px #050c2247}.demo-tpm-table-wrap th:last-child{z-index:4}.demo-tpm-status-pill{display:inline-flex;min-width:74px;justify-content:center;padding:5px 8px;border-radius:8px;font-size:.72rem;font-weight:900}.demo-tpm-status-pill.is-planned{color:#9ae6ff;background:#28a8ff33}.demo-tpm-status-pill.is-done{color:#86efac;background:#22c55e2e}.demo-tpm-status-pill.is-progress{color:#fdba74;background:#f973162e}.demo-tpm-status-pill.is-late{color:#fb7185;background:#fb71852e}.demo-tpm-status-pill.is-cancelled{color:#f8fafc;background:#f8fafc24}.demo-tpm-progress{min-width:132px;display:grid;grid-template-columns:minmax(78px,1fr) 38px;align-items:center;gap:9px}.demo-tpm-progress i{height:8px;overflow:hidden;border-radius:999px;background:#7ed8ff1f}.demo-tpm-progress i:before{content:"";display:block;width:var(--progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#28a8ff,#60a5fa);box-shadow:0 0 14px #28a8ff3d}.demo-tpm-progress span{color:var(--text);font-size:.72rem;font-weight:900;text-align:right}.demo-tpm-progress.is-done i:before{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 14px #22c55e3d}.demo-tpm-progress.is-progress i:before{background:linear-gradient(90deg,#f97316,#facc15);box-shadow:0 0 14px #f973163d}.demo-tpm-progress.is-late i:before{background:linear-gradient(90deg,#dc2626,#fb7185);box-shadow:0 0 14px #ef44443d}.demo-tpm-progress.is-cancelled i:before{background:var(--tpm-cancel-color);box-shadow:none}.demo-tpm-table-wrap .demo-crud-icon-btn.is-complete{color:#22c55e}.demo-tpm-table-wrap .demo-crud-icon-btn.is-complete:hover,.demo-tpm-table-wrap .demo-crud-icon-btn.is-complete:focus-visible{border-color:#22c55e94;color:#052e16;background:linear-gradient(135deg,#22c55edb,#7dd8ffb8);box-shadow:0 12px 28px #22c55e42}.demo-tpm-table-wrap .demo-crud-icon-btn.is-restart{color:#f97316}.demo-tpm-table-wrap .demo-crud-icon-btn.is-restart:hover,.demo-tpm-table-wrap .demo-crud-icon-btn.is-restart:focus-visible{border-color:#f973169e;color:#431407;background:linear-gradient(135deg,#f97316e0,#fbbf24b8);box-shadow:0 12px 28px #f9731647}.demo-tpm-alerts [data-tpm-alerts],.demo-tpm-docs [data-tpm-documents]{display:grid;gap:10px}.demo-tpm-alerts article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}.demo-tpm-alerts article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#f97316;border:1px solid rgba(249,115,22,.42)}.demo-tpm-alerts article.is-danger>span{color:#fb7185;border-color:#fb71857a}.demo-tpm-alerts article.is-info>span{color:#28a8ff;border-color:#28a8ff7a}.demo-tpm-alerts article.is-ok{padding:12px;border:1px solid rgba(34,197,94,.28);border-radius:8px;background:linear-gradient(135deg,#22c55e1a,#28a8ff0f)}.demo-tpm-alerts article.is-ok>span{color:#22c55e;border-color:#22c55e75}.demo-tpm-alerts strong,.demo-tpm-docs strong{display:block;color:var(--text);font-size:.82rem}.demo-tpm-alerts b{color:var(--muted);font-size:.7rem;white-space:nowrap}.demo-tpm-docs article{display:grid;grid-template-columns:24px minmax(0,1fr) 48px 54px;gap:10px;align-items:center;color:var(--muted);font-size:.76rem}.demo-tpm-docs article>span{color:#9ae6ff}.demo-tpm-detail-list{display:grid;gap:10px}.demo-tpm-detail-list span{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(126,216,255,.12);color:var(--text)}.demo-tpm-detail-dialog{width:min(980px,100vw - 32px)}.demo-tpm-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.demo-tpm-detail-summary section{min-width:0;padding:12px;border:1px solid rgba(126,216,255,.16);border-radius:8px;background:#ffffff0e}.demo-tpm-detail-summary span{display:block;color:var(--muted);font-size:.74rem;font-weight:850}.demo-tpm-detail-summary strong{display:block;margin-top:6px;color:var(--text);font-size:clamp(1.15rem,2.5vw,1.55rem);line-height:1}.demo-tpm-detail-summary div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.demo-tpm-detail-summary b{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;color:#9ae6ff;background:#28a8ff29;font-size:.72rem;line-height:1}.demo-tpm-detail-summary b.is-done{color:#86efac;background:#22c55e29}.demo-tpm-detail-summary b.is-progress{color:#fdba74;background:#f9731629}.demo-tpm-detail-summary b.is-late{color:#fb7185;background:#ef444429}.demo-tpm-detail-summary b.is-cancelled{color:#f8fafc;background:#f8fafc1f}.demo-tpm-detail-summary em{font-style:normal;font-weight:950}.demo-tpm-detail-table-wrap{max-height:340px;overflow:auto;border:1px solid rgba(126,216,255,.14);border-radius:8px}.demo-tpm-detail-table-wrap table{width:100%;min-width:900px;border-collapse:collapse}.demo-tpm-detail-table-wrap th,.demo-tpm-detail-table-wrap td{padding:10px;border-bottom:1px solid rgba(126,216,255,.14);color:var(--text);font-size:.76rem;text-align:left}.demo-tpm-detail-table-wrap th{position:sticky;top:0;z-index:1;color:var(--muted);background:#071126;font-size:.68rem;text-transform:uppercase}.demo-tpm-detail-table-wrap tbody tr:nth-child(2n){background:#28a8ff0b}body.light .demo-tpm-detail-summary section,body.light .demo-tpm-detail-table-wrap{border:1px solid #071126;background:#ffffffb8}body.light .demo-tpm-detail-summary b.is-cancelled{color:#071126;background:#0711261a}body.light .demo-tpm-detail-table-wrap th{color:#071126;background:#f7faff}body.light .demo-tpm-detail-table-wrap td{border-bottom-color:#07112629}.demo-crud-view-dialog{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(560px,100dvh - 24px)}.demo-crud-view-dialog .demo-crud-dialog-body{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.demo-tpm-detail-dialog{width:min(1180px,100vw - 24px);max-height:calc(100dvh - 32px);grid-template-rows:auto minmax(0,1fr) auto}.demo-tpm-detail-dialog .demo-crud-dialog-body{min-height:0;display:grid;gap:14px;overflow:auto;-webkit-overflow-scrolling:touch}.demo-tpm-detail-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible}.demo-tpm-detail-table-wrap th{position:static}@media (max-width: 760px){.demo-tpm-detail-summary{grid-template-columns:1fr}.demo-crud-view-dialog,.demo-tpm-detail-dialog{max-height:calc(100dvh - 24px)}}body.light .demo-tpm-app{background:linear-gradient(145deg,#fffffffa,#eff5fff5),radial-gradient(circle at 86% 7%,rgba(125,69,255,.12),transparent 34%),radial-gradient(circle at 16% 90%,rgba(40,168,255,.1),transparent 34%)}body.light .demo-tpm-kpis article,body.light .demo-tpm-card{background:#ffffffc7;box-shadow:0 16px 44px #143c8c14}body.light .demo-tpm-ring:before,body.light .demo-tpm-table-wrap th{background:#f7faff}body.light .demo-tpm-table-wrap{border:1px solid #071126}body.light .demo-tpm-table-wrap thead{border-bottom:1px solid #071126}body.light .demo-tpm-table-wrap th{border-right:1px solid rgba(7,17,38,.38);border-bottom:1px solid #071126}body.light .demo-tpm-table-wrap td{border-right:1px solid rgba(7,17,38,.14);border-bottom:1px solid rgba(7,17,38,.22)}body.light .demo-tpm-table-wrap tbody tr{background:#ffffffd1}body.light .demo-tpm-table-wrap tbody tr:nth-child(2n){background:#e2e8f0db}body.light .demo-tpm-table-wrap tbody tr:hover{background:#7d45ff1f}body.light .demo-tpm-table-wrap th:first-child{border-left:0}body.light .demo-tpm-table-wrap th:last-child{border-right:0}body.light .demo-tpm-sort-btn:hover,body.light .demo-tpm-sort-btn:focus-visible,body.light .demo-tpm-sort-btn.is-active{color:#5b21b6}body.light .demo-tpm-sort-btn i{border-color:#5b21b63d}body.light .demo-tpm-sort-btn:hover i,body.light .demo-tpm-sort-btn:focus-visible i,body.light .demo-tpm-sort-btn.is-active i{border-color:#5b21b680;background:#7d45ff1f}body.light .demo-tpm-intervention-ring:before{background:#f7faff;box-shadow:inset 0 0 0 1px #07112614}body.light .demo-tpm-controls select,body.light .demo-tpm-card select{color:#071126;border-color:#7d45ff3d;background-color:#ffffffe6;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:linear-gradient(135deg,#28a8ff1a,#7d45ff1f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237d45ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat!important;background-position:0 0,right 13px center!important;background-size:100% 100%,15px 15px!important}body.light .demo-tpm-table-wrap th:last-child,body.light .demo-tpm-table-wrap td:last-child{border-left:1px solid rgba(7,17,38,.22);background:#f7faff;box-shadow:-12px 0 22px #0f172a14}body.light .demo-tpm-app{--tpm-cancel-color: #071126}body.light .demo-tpm-progress.is-cancelled span{color:#071126}body.light .demo-tpm-controls select option,body.light .demo-tpm-card select option{color:#071126;background:#fff}@media (max-width: 1280px){.demo-tpm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-tpm-grid,.demo-tpm-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-tpm-schedule{grid-column:1/-1}.demo-tpm-intervention-body{width:100%;grid-template-columns:auto minmax(0,1fr);justify-items:stretch;align-items:center;gap:18px}.demo-tpm-intervention-ring{justify-self:start}.demo-tpm-interventions [data-tpm-intervention-list]{width:100%}}@media (max-width: 960px){.demo-tpm-app{grid-template-columns:minmax(0,1fr)}.demo-tpm-sidebar{grid-auto-flow:column;grid-auto-columns:minmax(36px,1fr);justify-content:stretch;overflow:hidden;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}}@media (max-width: 860px){.demo-tpm-app{grid-template-columns:1fr}.demo-tpm-sidebar{grid-auto-flow:column;grid-auto-columns:minmax(36px,1fr);justify-content:stretch;overflow:hidden;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}.demo-tpm-head,.demo-tpm-controls{grid-template-columns:1fr}.demo-tpm-head{flex-direction:column}.demo-tpm-kpis,.demo-tpm-grid,.demo-tpm-bottom,.demo-tpm-ring-layout{grid-template-columns:1fr}.demo-tpm-ring{margin:0 auto}}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-main{grid-template-rows:auto auto auto auto auto;align-content:start}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom{position:relative;z-index:1;align-items:start}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid{min-height:max-content}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-main{display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-head,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-search,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-kpis,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom{flex:0 0 auto}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid{display:grid;align-items:stretch;grid-auto-rows:1fr;min-height:0}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid>.demo-tpm-card{height:100%;min-height:0}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid>.demo-tpm-card{display:flex;flex-direction:column}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-ring-card .demo-tpm-ring-layout,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-interventions [data-tpm-intervention-list]{flex:1 1 auto}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom{position:relative;z-index:1;margin-top:0}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid{grid-template-columns:minmax(0,2.35fr) minmax(320px,.85fr)}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid>.demo-tpm-schedule{grid-column:auto}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid .demo-tpm-table-wrap{flex:1 1 auto;max-height:400px;min-height:260px}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom>.demo-tpm-card{height:100%}@media (max-width: 1280px){.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid>.demo-tpm-schedule{grid-column:1/-1}}@media (max-width: 860px){.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid,.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-bottom{grid-template-columns:minmax(0,1fr)}.demo-modal.is-open:has(.demo-tpm-app) .demo-tpm-grid .demo-tpm-table-wrap{max-height:320px;min-height:220px}}.demo-crud-sidebar span.is-active{color:inherit}.demo-placement-toolbar select,.demo-placement-staff-panel select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-repeat:no-repeat,no-repeat!important;background-position:0 0,right 14px center!important;background-size:100% 100%,15px 15px!important}.demo-placement-toolbar select::-ms-expand,.demo-placement-staff-panel select::-ms-expand{display:none}body.light .demo-placement-toolbar select,body.light .demo-placement-staff-panel select{background-repeat:no-repeat,no-repeat!important;background-position:0 0,right 14px center!important;background-size:100% 100%,15px 15px!important}.demo-placement-alert-body i{position:relative}.demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body i{color:#fb7185;border-color:#fb718557;background:radial-gradient(circle,#fb718533,#f973161f);box-shadow:0 0 18px #fb718538}.demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body i:before{content:"!";display:grid;place-items:center;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;font-size:.72rem;font-style:normal;font-weight:900;line-height:1}.demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body i:after{content:none}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i{color:#22c55e;border-color:#22c55e57;background:radial-gradient(circle,#22c55e38,#10b9811f);box-shadow:0 0 20px #22c55e47}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i:before{content:"";display:block;width:20px;height:20px;border:0;border-radius:50%;background:linear-gradient(135deg,#22c55e,#86efac);box-shadow:inset 0 1px #ffffff94,0 0 18px #22c55e5c}.demo-placement-kpi-alerts.is-ok .demo-placement-alert-body i:after{content:"";position:absolute;width:8px;height:5px;border-left:2px solid #052e16;border-bottom:2px solid #052e16;transform:rotate(-45deg)}@media (min-width: 761px) and (max-width: 960px){.demo-modal.is-open:has(.demo-action-app) .demo-action-app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.demo-modal.is-open:has(.demo-action-app) .demo-action-sidebar{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}}.demo-action-table{min-width:860px}body.light strong[data-i18n="projects.placementTitle"],body.light strong[data-i18n="projects.actionTitle"],body.light strong[data-i18n="projects.monitoringTitle"],body.light strong[data-i18n="projects.tpmTitle"]{color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:none}@media (max-width: 1130px){.hero-shell{grid-template-columns:minmax(0,1fr)}.hero-right{display:none}}body.light .demo-placement-reset{color:#071126}body.light strong[data-i18n="projects.excelTitle"]{color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:none}body.light .project-card-large strong[data-i18n="projects.excelTitle"]{color:#fff;text-shadow:none}.demo-crud-dialog-actions .demo-crud-dialog-primary.is-complete,.demo-crud-dialog-actions button[data-action-confirm-done].is-complete{border-color:#22c55eb8;color:#052e16;background:linear-gradient(135deg,#22c55ee0,#10b981a3);box-shadow:0 12px 30px #22c55e52}.demo-crud-dialog-actions .demo-crud-dialog-primary.is-complete:hover,.demo-crud-dialog-actions .demo-crud-dialog-primary.is-complete:focus-visible,.demo-crud-dialog-actions button[data-action-confirm-done].is-complete:hover,.demo-crud-dialog-actions button[data-action-confirm-done].is-complete:focus-visible{border-color:#86efaceb;color:#052e16;background:linear-gradient(135deg,#22c55e,#86efac);box-shadow:0 16px 38px #22c55e6b,0 0 0 4px #22c55e29;transform:translateY(-1px)}.demo-crud-dialog-actions .demo-crud-dialog-primary.is-restart,.demo-crud-dialog-actions button[data-action-confirm-done].is-restart{border-color:#f97316b8;color:#431407;background:linear-gradient(135deg,#f97316e6,#fbbf24a8);box-shadow:0 12px 30px #f9731652}.demo-crud-dialog-actions .demo-crud-dialog-primary.is-restart:hover,.demo-crud-dialog-actions .demo-crud-dialog-primary.is-restart:focus-visible,.demo-crud-dialog-actions button[data-action-confirm-done].is-restart:hover,.demo-crud-dialog-actions button[data-action-confirm-done].is-restart:focus-visible{border-color:#fdba74f0;color:#431407;background:linear-gradient(135deg,#f97316,#facc15);box-shadow:0 16px 38px #f973166b,0 0 0 4px #f9731629;transform:translateY(-1px)}.demo-tpm-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-tpm-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.demo-tpm-ring span,.demo-tpm-ring small{grid-area:auto;align-self:auto;margin:0;line-height:1}.demo-modal.is-open:has(.demo-monitoring-app){padding:0}.demo-modal.is-open:has(.demo-monitoring-app) .demo-modal-panel{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.demo-modal.is-open:has(.demo-monitoring-app) .demo-modal-body{min-height:0;overflow:hidden;padding:0}.demo-monitoring-app{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:72px minmax(0,1fr);overflow:hidden;border:1px solid rgba(126,216,255,.24);border-radius:8px;background:linear-gradient(145deg,#070f26f5,#050c22f5),radial-gradient(circle at 86% 9%,rgba(125,69,255,.16),transparent 34%),radial-gradient(circle at 18% 88%,rgba(40,168,255,.14),transparent 36%)}.demo-monitoring-sidebar{border-right:1px solid rgba(126,216,255,.14)}.demo-monitoring-main{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:12px;padding:clamp(14px,2vw,24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(125,69,255,.9) rgba(5,12,34,.38)}.demo-monitoring-main::-webkit-scrollbar{width:12px}.demo-monitoring-main::-webkit-scrollbar-track{margin:4px;border-radius:999px;background:#050c227a}.demo-monitoring-main::-webkit-scrollbar-thumb{border:3px solid rgba(5,12,34,.72);border-radius:999px;background:linear-gradient(135deg,#28a8ff,#7d45ff)}.demo-monitoring-head,.demo-monitoring-card header,.demo-monitoring-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-monitoring-head>div:first-child strong{display:block;color:var(--text);font-size:clamp(1.18rem,2vw,1.75rem);line-height:1.1}.demo-monitoring-head>div:first-child span,.demo-monitoring-card header span,.demo-monitoring-card footer span,.demo-monitoring-card small,.demo-monitoring-indicator-grid section>span{color:var(--muted)}.demo-monitoring-head>div:first-child span{display:block;margin-top:6px;font-size:.92rem}.demo-monitoring-controls{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1fr) 136px;gap:10px;align-items:end}.demo-monitoring-controls label{min-width:0;display:grid;gap:5px;margin:0}.demo-monitoring-controls label span{color:var(--muted);font-size:.78rem;font-weight:800}.demo-monitoring-controls select,.demo-monitoring-controls input,.demo-monitoring-card select{width:100%;min-height:38px;padding:0 40px 0 12px;border:1px solid rgba(126,216,255,.24);border-radius:8px;color:var(--text);background:#ffffff0f;outline:none}.demo-monitoring-controls select,.demo-monitoring-card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#ffffff13;background-image:linear-gradient(135deg,#28a8ff24,#7d45ff24),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ae6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 13px center;background-size:100% 100%,15px 15px;cursor:pointer}.demo-monitoring-controls select option,.demo-monitoring-card select option{color:#fff;background:#071126}.demo-monitoring-status{min-height:38px;display:grid;grid-template-columns:10px minmax(0,1fr);align-content:center;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(34,197,94,.22);border-radius:8px;background:#22c55e14}.demo-monitoring-status i{width:9px;height:9px;align-self:center;position:relative;border-radius:50%;background:#22c55e;box-shadow:0 0 18px #22c55ead;animation:monitoringStatusDot 1.45s ease-out infinite}.demo-monitoring-status i:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(34,197,94,.42);border-radius:inherit;animation:monitoringStatusPulse 1.45s ease-out infinite}.demo-monitoring-status strong{grid-column:2}.demo-monitoring-status strong{color:#22c55e;font-size:.84rem}@keyframes monitoringStatusDot{0%,to{transform:scale(1)}50%{transform:scale(.82)}}@keyframes monitoringStatusPulse{0%{opacity:.72;transform:scale(.65)}to{opacity:0;transform:scale(1.75)}}.demo-monitoring-top{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(260px,1.08fr) minmax(260px,1fr) minmax(260px,1fr);gap:12px}.demo-monitoring-top>.demo-monitoring-production{display:none}.demo-monitoring-goal{display:flex;flex-direction:column;grid-column:span 2}.demo-monitoring-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:12px;align-items:stretch}.demo-monitoring-card{min-width:0;overflow:hidden;padding:16px;border:1px solid rgba(126,216,255,.16);border-radius:8px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff0d}.demo-monitoring-card header{margin-bottom:14px}.demo-monitoring-card header strong,.demo-monitoring-card footer strong{color:var(--text)}.demo-monitoring-card header span{display:block;margin-top:4px;font-size:.78rem}.demo-monitoring-card select{max-width:150px;min-height:34px;font-size:.78rem}.demo-monitoring-production{min-height:260px}.demo-monitoring-detail-layout{display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);gap:14px;align-items:stretch}.demo-monitoring-detail-production{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-self:start;padding:2px 0 0;border:0;border-radius:0;background:transparent}.demo-monitoring-detail-production small{display:block;color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.demo-monitoring-production-delta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:.74rem;font-weight:800}.demo-monitoring-production-goal{display:grid;gap:8px;margin-top:12px}.demo-monitoring-production-goal span{color:var(--muted);font-size:.76rem;font-weight:900;line-height:1.2}.demo-monitoring-production-goal i{height:9px;overflow:hidden;border:1px solid rgba(126,216,255,.16);border-radius:999px;background:#ffffff12}.demo-monitoring-production-goal b{width:0;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#28a8ff,#7d45ff);box-shadow:0 0 14px #7d45ff47;transition:width .25s ease}.demo-monitoring-production-value{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:18px;width:100%}.demo-monitoring-production-value strong{color:var(--text);font-size:clamp(2rem,4vw,3rem);line-height:.95}.demo-monitoring-production-value span{justify-self:end;color:var(--text);font-size:.86rem;white-space:nowrap}.demo-monitoring-production small{display:block;margin-top:14px}.demo-monitoring-production em,.demo-monitoring-detail-production em,.demo-monitoring-indicator-grid em{display:inline-flex;padding:4px 9px;border-radius:7px;color:#22c55e;background:#22c55e24;font-style:normal;font-weight:900}.demo-monitoring-production em.is-negative,.demo-monitoring-detail-production em.is-negative,.demo-monitoring-indicator-grid em.is-negative{color:#fb7185;background:#fb718524}.demo-monitoring-spark{width:100%;height:126px;margin-top:16px;overflow:visible}.demo-monitoring-spark polyline{fill:none;stroke:url(#monitoringSparkGradient);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px rgba(125,69,255,.32))}.demo-monitoring-goal-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;min-height:156px;width:100%}.demo-monitoring-ring-wrap{display:grid;justify-items:center;gap:10px}.demo-monitoring-ring-wrap>small{color:var(--muted);font-size:.82rem}.demo-monitoring-ring strong{position:relative;z-index:1;display:block;color:var(--text);font-size:clamp(1.45rem,3vw,1.8rem);line-height:1}.demo-monitoring-ring span{position:relative;z-index:1;display:block;color:var(--muted);font-size:.74rem;font-weight:800}.demo-monitoring-goal-footer{display:block!important;margin-top:auto;padding-top:14px;width:100%;min-width:0}.demo-monitoring-goal-footer>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.76rem}.demo-monitoring-team-behavior{display:grid;gap:8px;width:100%;min-width:0}.demo-monitoring-team-behavior>span{text-align:center;color:var(--text);font-size:.78rem;font-weight:900;letter-spacing:0;overflow-wrap:anywhere}.demo-monitoring-team-behavior>i{width:100%;min-width:0;max-width:none;justify-self:stretch;height:90px;display:block;box-sizing:border-box;padding:5px;border:1px solid rgba(126,216,255,.16);border-radius:999px;background:#ffffff0e;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.demo-monitoring-team-behavior>i b{width:100%;height:100%;display:block;border-radius:inherit;box-shadow:inset 0 1px #ffffff38,0 0 18px #28a8ff3d;transition:background .25s ease}.demo-monitoring-team-scale{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:.68rem;font-weight:800;line-height:1;white-space:nowrap}.demo-monitoring-team-legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.demo-monitoring-team-legend span{min-width:0;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(126,216,255,.16);border-radius:999px;color:var(--muted);background:#ffffff0e;font-size:.68rem;font-weight:900;line-height:1}.demo-monitoring-team-legend b{display:inline-flex;align-items:center;margin-left:2px;padding-left:7px;border-left:1px solid rgba(126,216,255,.18);color:var(--text);font-size:.7rem;font-weight:950;line-height:1}.demo-monitoring-team-legend i{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.demo-monitoring-team-legend .is-run{background:#22c55e}.demo-monitoring-team-legend .is-stop{background:#fb7185}.demo-monitoring-team-behavior>small{color:var(--muted);font-size:.7rem;font-weight:800;line-height:1.35;text-align:center}.demo-monitoring-ring{position:relative;width:112px;height:112px;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(var(--ring-color, #28a8ff) var(--value),rgba(125,69,255,.24) 0);box-shadow:0 0 24px color-mix(in srgb,var(--ring-color, #28a8ff) 32%,transparent);transition:background .25s ease,box-shadow .25s ease}.demo-monitoring-ring:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:inherit;background:#071126}.demo-monitoring-ranking>div{display:grid;gap:14px}.demo-monitoring-ranking{display:flex;flex-direction:column}.demo-monitoring-ranking>div{flex:1 1 auto;align-content:start}.demo-monitoring-ranking section{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-bottom:5px}.demo-monitoring-ranking section>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#b8c7ff;background:#7d45ff29;font-size:.72rem;font-weight:900}.demo-monitoring-ranking section strong{display:block;color:var(--text);font-size:.84rem}.demo-monitoring-ranking section i{display:block;height:5px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,#28a8ff,#7d45ff)}.demo-monitoring-ranking section i.is-pink{background:linear-gradient(90deg,#ec4899,#fb7185)}.demo-monitoring-ranking section b{color:var(--text)}.demo-monitoring-ranking section small{font-size:.72rem}.demo-monitoring-scrap-footer{display:block;width:100%}.demo-monitoring-scrap-target{position:relative;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:end;padding:12px;border:1px solid rgba(34,197,94,.18);border-radius:8px;background:linear-gradient(135deg,#22c55e1f,#28a8ff0f),#ffffff09;overflow:hidden}.demo-monitoring-scrap-target span{color:var(--text);font-size:.78rem;font-weight:900}.demo-monitoring-scrap-target strong{color:#22c55e;font-size:1rem;line-height:1}.demo-monitoring-scrap-target small{grid-column:1/-1;color:var(--muted);font-size:.72rem}.demo-monitoring-scrap-target i{grid-column:1/-1;display:block;height:5px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#28a8ff);box-shadow:0 0 16px #22c55e42}.demo-monitoring-scrap-target.is-warning{border-color:#fb923c5c;background:linear-gradient(135deg,#fb923c24,#fbbf2412),#ffffff09}.demo-monitoring-scrap-target.is-warning strong{color:#fb923c}.demo-monitoring-scrap-target.is-warning i{background:linear-gradient(90deg,#fb923c,#facc15);box-shadow:0 0 16px #fb923c4d}.demo-monitoring-scrap-target.is-over{border-color:#fb718557;background:linear-gradient(135deg,#fb718521,#ec48990f),#ffffff09}.demo-monitoring-scrap-target.is-over strong{color:#fb7185}.demo-monitoring-scrap-target.is-over i{background:linear-gradient(90deg,#fb7185,#ec4899);box-shadow:0 0 16px #fb718547}.demo-monitoring-ranking footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(126,216,255,.12)}.demo-monitoring-detail{min-height:300px}.demo-monitoring-chart{position:relative;padding:0 0 0 46px}.demo-monitoring-chart-y{position:absolute;top:12px;bottom:36px;left:0;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:.72rem}.demo-monitoring-chart svg{width:100%;height:240px;overflow:visible;background:linear-gradient(rgba(126,216,255,.08) 1px,transparent 1px) 0 0/100% 25%,linear-gradient(180deg,#28a8ff14,#7d45ff08)}.demo-monitoring-chart polygon{fill:url(#monitoringAreaGradient)}.demo-monitoring-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.demo-monitoring-chart .is-real{stroke:#2563ff;stroke-width:5;filter:drop-shadow(0 0 14px rgba(37,99,255,.42))}.demo-monitoring-chart .is-goal{stroke:#ffffffc2;stroke-width:3;stroke-dasharray:6 10}.demo-monitoring-chart-x{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.72rem}.demo-monitoring-indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-monitoring-indicator-grid section{min-height:104px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(34px,1fr) auto;align-items:start;gap:8px 10px;border:1px solid rgba(126,216,255,.13);border-radius:8px;background:#ffffff0b}.demo-monitoring-indicator-grid section>span{grid-column:1/-1;min-width:0}.demo-monitoring-indicator-grid strong{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;min-height:34px;margin-top:0;color:var(--text);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-monitoring-indicator-grid strong small{display:inline;color:var(--muted);font-size:.78rem}.demo-monitoring-indicator-grid section>small{display:block;grid-column:1;grid-row:3;margin-top:0}.demo-monitoring-indicator-grid em{grid-column:2;grid-row:3;justify-self:end;align-self:center;min-width:56px;margin-top:0;text-align:right;font-variant-numeric:tabular-nums}body.light .demo-monitoring-app{background:linear-gradient(145deg,#fffffffa,#eff5fff5),radial-gradient(circle at 86% 9%,rgba(125,69,255,.12),transparent 34%),radial-gradient(circle at 18% 88%,rgba(40,168,255,.1),transparent 36%)}body.light .demo-monitoring-card,body.light .demo-monitoring-indicator-grid section{border-color:#071126;background:#ffffffc2;box-shadow:0 16px 44px #143c8c14}body.light .demo-monitoring-chart .is-goal{stroke:#071126}body.light .demo-monitoring-ranking section>span{color:#071126}body.light .demo-monitoring-status{border-color:#1665347a;background:linear-gradient(135deg,#16a34a33,#0596691a);box-shadow:inset 0 1px #ffffffb8,0 10px 24px #1665341f}body.light .demo-monitoring-status strong{color:#14532d}body.light .demo-monitoring-status i{background:#15803d;box-shadow:0 0 16px #15803d80}body.light .demo-monitoring-status i:after{border-color:#15803d75}body.light .demo-monitoring-ring{background:conic-gradient(var(--ring-color, #0f766e) var(--value),rgba(7,17,38,.22) 0);box-shadow:0 0 22px color-mix(in srgb,var(--ring-color, #0f766e) 28%,transparent)}body.light .demo-monitoring-ring:before{background:#edf2ff;box-shadow:inset 0 0 0 1px #07112614}body.light .demo-monitoring-ring strong,body.light .demo-monitoring-ring-wrap>small{color:#071126}body.light .demo-monitoring-ring span,body.light .demo-monitoring-team-behavior>span,body.light .demo-monitoring-team-scale{color:#334155}body.light .demo-monitoring-production-goal span,body.light .demo-monitoring-team-behavior>small{color:#334155}body.light .demo-monitoring-production-goal i,body.light .demo-monitoring-team-legend span{border-color:#0f172a2e;background:#e2e8f0b8}body.light .demo-monitoring-team-legend b{border-left-color:#0f172a2e;color:#071126}body.light .demo-monitoring-production-goal b{background:linear-gradient(90deg,#0369a1,#6d28d9);box-shadow:0 0 12px #4f46e533}body.light .demo-monitoring-team-legend .is-run{background:#22c55e}body.light .demo-monitoring-team-legend .is-stop{background:#fb7185}body.light .demo-monitoring-production em,body.light .demo-monitoring-detail-production em,body.light .demo-monitoring-indicator-grid em{color:#047857;background:#04785729}body.light .demo-monitoring-production em.is-negative,body.light .demo-monitoring-detail-production em.is-negative,body.light .demo-monitoring-indicator-grid em.is-negative{color:#be123c;background:#be123c29}body.light .demo-monitoring-scrap-target{border-color:#04785761;background:linear-gradient(135deg,#04785724,#0e749014),#ffffffb8}body.light .demo-monitoring-scrap-target strong{color:#047857}body.light .demo-monitoring-scrap-target i{background:linear-gradient(90deg,#047857,#0369a1);box-shadow:0 0 14px #0478573d}body.light .demo-monitoring-scrap-target.is-warning{border-color:#c2410c6b;background:linear-gradient(135deg,#c2410c29,#b4530914),#ffffffb8}body.light .demo-monitoring-scrap-target.is-warning strong{color:#c2410c}body.light .demo-monitoring-scrap-target.is-warning i{background:linear-gradient(90deg,#c2410c,#ca8a04);box-shadow:0 0 14px #c2410c42}body.light .demo-monitoring-scrap-target.is-over{border-color:#be123c70;background:linear-gradient(135deg,#be123c26,#9d174d14),#ffffffb8}body.light .demo-monitoring-scrap-target.is-over strong{color:#be123c}body.light .demo-monitoring-scrap-target.is-over i{background:linear-gradient(90deg,#be123c,#9d174d);box-shadow:0 0 14px #be123c42}body.light .demo-monitoring-controls select,body.light .demo-monitoring-controls input,body.light .demo-monitoring-card select{color:#071126;border-color:#7d45ff3d;background-color:#ffffffe0}body.light .demo-monitoring-card select option,body.light .demo-monitoring-controls select option{color:#071126;background:#fff}@media (max-width: 1280px){.demo-monitoring-top{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-monitoring-bottom{grid-template-columns:minmax(0,1fr)}.demo-monitoring-detail,.demo-monitoring-indicators{grid-column:1/-1}.demo-monitoring-indicators{min-height:0}.demo-monitoring-indicator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1080px){.demo-monitoring-top{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-monitoring-bottom{grid-template-columns:minmax(0,1fr)}.demo-monitoring-indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.demo-monitoring-app{grid-template-columns:minmax(0,1fr)}.demo-monitoring-sidebar{grid-auto-flow:column;grid-auto-columns:minmax(36px,1fr);justify-content:stretch;overflow:hidden;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}}@media (max-width: 860px){.demo-monitoring-app{grid-template-columns:minmax(0,1fr)}.demo-monitoring-sidebar{grid-auto-flow:column;grid-auto-columns:minmax(36px,1fr);justify-content:stretch;overflow-x:hidden;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(126,216,255,.14)}.demo-monitoring-head,.demo-monitoring-card header{align-items:stretch;flex-direction:column}.demo-monitoring-controls,.demo-monitoring-top,.demo-monitoring-bottom{grid-template-columns:minmax(0,1fr)}.demo-monitoring-goal{grid-column:auto}.demo-monitoring-detail-layout,.demo-monitoring-goal-body{grid-template-columns:minmax(0,1fr)}.demo-monitoring-team-behavior>i{height:72px}.demo-monitoring-goal-footer>div{flex-direction:column;gap:4px}.demo-monitoring-indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-monitoring-card select{max-width:none}}@media (max-width: 560px){.demo-monitoring-indicator-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 960px){.demo-crud-app,.demo-action-app,.demo-placement-app{grid-template-columns:minmax(0,1fr)!important}.demo-crud-app>.demo-crud-sidebar,.demo-action-sidebar,.demo-placement-sidebar{grid-auto-flow:column!important;grid-auto-columns:minmax(36px,1fr)!important;justify-content:stretch!important;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid rgba(126,216,255,.14)!important}}body.light .service-card.reveal-up,body.light .service-card.service-card-featured.service-card-stack.reveal-up,body.light .location-card,body.light .contact-form.reveal-up{border:1px solid #071126}body.light .service-card li,body.light .contact-proof span{border-color:#07112657}body.light .tech-cloud span:nth-child(1),body.light .service-card:nth-child(1) .service-icon,body.light .service-card:nth-child(4) .service-icon{border-color:#1d4ed87a;color:#1d4ed8}body.light .tech-cloud span:nth-child(2),body.light .location-content span,body.light .office-card>span,body.light .office-icon{border-color:#5b21b67a;color:#5b21b6}body.light .tech-cloud span:nth-child(3),body.light .service-card:nth-child(2) .service-icon{border-color:#0e74907a;color:#0e7490}body.light .process-line{border-color:#07112647;background:linear-gradient(90deg,#1d4ed81f,#5b21b61f,#0f766e1a)}body.light .process-line i{background:linear-gradient(135deg,#1d4ed8,#be123c);box-shadow:0 0 16px #1d4ed84d}body.light .location-dot{background:#1d4ed8;box-shadow:0 0 0 9px #1d4ed824,0 0 22px #1d4ed857}body.light .location-dot-louviers:before{background:#5b21b6;box-shadow:0 0 0 8px #5b21b621}body.light .location-dot-evreux{background:#7e22ce;box-shadow:0 0 0 8px #7e22ce21,0 0 20px #7e22ce4d}body.light .contact-form input.is-invalid,body.light .contact-form textarea.is-invalid{border-color:#be123c;box-shadow:0 0 0 3px #be123c24}body.light .contact-form label.has-error>span{color:#be123c}body.light .demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body i{background:linear-gradient(135deg,#be123c2e,#9f12391c),#ffffffd1;box-shadow:inset 0 0 0 1px #9f123961,0 0 16px #9f123924}body.light .demo-placement-kpi-alerts:not(.is-ok) .demo-placement-alert-body i:before{border-color:#9f1239;color:#9f1239}body.light .demo-placement-grid-head{color:#071126;border-right-color:#07112652;border-bottom:1px solid #071126;background:linear-gradient(145deg,#e2e8f0fa,#f1f5f9fa),#fffffff5;box-shadow:inset 0 -1px #07112624,0 8px 18px #0f172a14}body.light .demo-placement-grid-head strong{color:#020617}body.light .demo-placement-grid-head span{color:#334155}body.light .demo-placement-grid-head.is-station,body.light .demo-placement-station{border-right:1px solid #071126}body.light .demo-placement-station{background:linear-gradient(145deg,#f8fafcfc,#e2e8f0fa),#fffffff5;box-shadow:inset -1px 0 #07112624,4px 0 14px #0f172a0d}body.light .demo-placement-station,body.light .demo-placement-slot{border-bottom:1px solid rgba(7,17,38,.24)}body.light .demo-placement-slot{border-right:1px solid rgba(7,17,38,.18);background:#ffffffb3}body.light .demo-placement-grid .demo-placement-station:nth-child(12n+13),body.light .demo-placement-grid .demo-placement-station:nth-child(12n+25),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+14),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+15),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+16),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+17),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+18),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+26),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+27),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+28),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+29),body.light .demo-placement-grid .demo-placement-slot:nth-child(12n+30){background:linear-gradient(145deg,#eff6ffb8,#f5f3ff8f),#ffffffdb}body.light .demo-crud-table thead th{color:#020617;border-bottom:1px solid #071126;background:linear-gradient(145deg,#e2e8f0fa,#f1f5f9fa),#fffffff5;box-shadow:inset 0 -1px #07112624,0 8px 18px #0f172a14}body.light .demo-crud-table thead th+th{border-left:1px solid rgba(7,17,38,.16)}body.light .demo-crud-table thead th .demo-crud-sort-btn{color:#020617}body.light .demo-crud-table thead th .demo-crud-sort-btn i{border-color:#07112647;background:#ffffff94}body.light .demo-crud-table .demo-crud-select-col{border-right:1px solid rgba(7,17,38,.28);background:linear-gradient(145deg,#e0e7ffb8,#eff6ffb8),#ffffffe0}body.light .demo-crud-table tbody td.demo-crud-select-col{box-shadow:inset -1px 0 #07112614}body.light .demo-crud-table .demo-crud-select-col input[type=checkbox]{accent-color:#5b21b6;filter:drop-shadow(0 2px 5px rgba(91,33,182,.18))}body:not(.light) .demo-placement-station,body:not(.light) .demo-placement-slot{border-bottom:1px solid rgba(126,216,255,.24)}body:not(.light) .demo-placement-slot{border-right:1px solid rgba(126,216,255,.2);background:#ffffff07}body:not(.light) .demo-placement-grid-head.is-station,body:not(.light) .demo-placement-station{border-right:1px solid rgba(126,216,255,.3)}body:not(.light) .demo-placement-grid .demo-placement-station:nth-child(12n+13),body:not(.light) .demo-placement-grid .demo-placement-station:nth-child(12n+25),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+14),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+15),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+16),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+17),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+18),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+26),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+27),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+28),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+29),body:not(.light) .demo-placement-grid .demo-placement-slot:nth-child(12n+30){background:linear-gradient(145deg,#28a8ff0b,#7d45ff0a),#ffffff09}body.light .demo-crud-table .demo-crud-select-col{border-right:1px solid rgba(7,17,38,.42);border-left:1px solid rgba(7,17,38,.12);background:linear-gradient(145deg,#c7d2fed1,#dbeafed6),#fffffff0;box-shadow:inset -1px 0 #0711261f,inset 1px 0 #ffffffb8}body.light .demo-crud-table thead th.demo-crud-select-col{background:linear-gradient(145deg,#a5b4fcc7,#bfdbfedb),#fffffff5}body.light .demo-crud-table .demo-crud-select-col{border-right:1px solid rgba(7,17,38,.5);border-left:1px solid rgba(7,17,38,.16);background:linear-gradient(145deg,#e2e8f0f5,#f1f5f9fa),#fffffff5;box-shadow:inset -1px 0 #07112624,inset 1px 0 #ffffffdb}body.light .demo-crud-table thead th.demo-crud-select-col{background:linear-gradient(145deg,#cbd5e1fa,#e2e8f0fa),#fffffff5}body.light .demo-crud-check span{border-color:#0711268a;background:#fff;box-shadow:inset 0 1px #ffffffe6,0 2px 7px #0f172a29}body.light .demo-crud-check input:checked+span{border-color:#7e22ce;background:linear-gradient(135deg,#a855f7,#6d28d9 58%,#5b21b6)}body.light .demo-placement-grid-head{border-right:1px solid rgba(7,17,38,.42);border-left:1px solid rgba(7,17,38,.14);box-shadow:inset -1px 0 #07112621,inset 1px 0 #ffffffb8,inset 0 -1px #07112624,0 8px 18px #0f172a14}body.light .demo-placement-grid-head.is-station{border-left:0;border-right:1px solid rgba(7,17,38,.62)}.demo-monitoring-detail-production .demo-monitoring-production-value span{display:none}body.light .demo-tpm-kpis article,body.light .demo-tpm-grid .demo-tpm-card,body.light .demo-tpm-bottom .demo-tpm-card{border:1px solid #071126}.demo-tpm-ring-card .demo-crud-primary-btn.demo-crud-dialog-primary{min-height:38px;display:inline-flex;align-items:center;justify-content:center;margin-top:14px;float:right;padding:0 16px;border-color:transparent;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 14px 32px #28a8ff3d;font-size:.82rem;font-weight:900;transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease}.demo-tpm-ring-card .demo-crud-primary-btn.demo-crud-dialog-primary:hover,.demo-tpm-ring-card .demo-crud-primary-btn.demo-crud-dialog-primary:focus-visible{border-color:#a855f794;color:#fff;background:linear-gradient(135deg,#7d45ff,#28a8ff);box-shadow:0 18px 46px #7d45ff6b,0 0 0 4px #7d45ff24;transform:translateY(-1px)}body.light .demo-placement-kpi-workload,body.light .demo-placement-kpi-alerts{border:1px solid #071126}body.light .demo-action-kpis section,body.light .demo-action-bottom .demo-action-card{border:1px solid #071126}body.light .demo-action-table,body.light .demo-tpm-schedule{border:1px solid #071126}body.light .demo-tpm-status-pill.is-planned{color:#075985;background:#0369a129;box-shadow:inset 0 0 0 1px #0369a142}body.light .demo-tpm-status-pill.is-done{color:#047857;background:#04785729;box-shadow:inset 0 0 0 1px #0478573d}body.light .demo-tpm-status-pill.is-progress{color:#c2410c;background:#c2410c29;box-shadow:inset 0 0 0 1px #c2410c3d}body.light .demo-tpm-status-pill.is-late{color:#be123c;background:#be123c29;box-shadow:inset 0 0 0 1px #be123c3d}body.light .demo-tpm-status-pill.is-cancelled{color:#071126;background:#0711261a;box-shadow:inset 0 0 0 1px #07112647}body.light .demo-tpm-alerts article>span{color:#c2410c;border-color:#c2410c80;background:#c2410c1a}body.light .demo-tpm-alerts article.is-danger>span{color:#be123c;border-color:#be123c85;background:#be123c1a}body.light .demo-tpm-alerts article.is-info>span{color:#0369a1;border-color:#0369a180;background:#0369a11a}body.light .demo-tpm-alerts article.is-ok>span{color:#047857;border-color:#04785785;background:#0478571f}.service-card li.service-list-wide{flex-basis:100%}.demo-crud-dialog-body label,.demo-crud-dialog-body input,.demo-crud-dialog-body select,.demo-crud-dialog-body textarea{min-width:0}.demo-crud-dialog-body input,.demo-crud-dialog-body select,.demo-crud-dialog-body textarea{max-width:100%}@media (max-width: 760px){.demo-crud-dialog-body input,.demo-crud-dialog-body select,.demo-crud-dialog-body textarea{width:100%;font-size:16px;box-sizing:border-box}.demo-crud-dialog-body input[type=date]{min-height:44px;padding:10px 12px;line-height:1.2;-webkit-appearance:none;-moz-appearance:none;appearance:none}}@media (max-width: 500px){.demo-action-table .demo-crud-actions-cell:focus-within:not(.is-open):before{content:none;display:none}.demo-action-table .demo-crud-actions-cell:focus-within:not(.is-open) .demo-crud-icon-btn:not(.demo-crud-actions-toggle){opacity:0;pointer-events:none;transform:translateY(4px) scale(.92)}}