@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";:root{--bg: #f5f7f8;--surface: #ffffff;--surface-soft: #f8fafb;--text: #172426;--muted: #718084;--line: #e4eaeb;--primary: #0aaeb0;--primary-strong: #067a7c;--primary-soft: #d4f5f4;--accent: #2a2f7f;--danger: #b44343;--danger-soft: #feecec;--warning: #b67814;--warning-soft: #fff4d9;--success: #117a54;--success-soft: #e1f6ed;--radius: 16px;--shadow: 0 12px 30px rgba(16, 38, 42, .08)}[data-theme=dark]{--bg:#11191a;--surface:#172123;--surface-soft:#1d292b;--text:#edf7f5;--muted:#9aa8a9;--line:#2c3b3d;--primary:#51c2b0;--primary-strong:#88e4d5;--primary-soft:#163d39;--accent:#eab556;--danger:#ef8989;--danger-soft:#472525;--warning:#edbd57;--warning-soft:#49391e;--success:#73d7aa;--success-soft:#163c2d;--shadow:0 18px 40px rgba(0,0,0,.22)}@media(prefers-color-scheme:dark){[data-theme=system]{--bg:#11191a;--surface:#172123;--surface-soft:#1d292b;--text:#edf7f5;--muted:#9aa8a9;--line:#2c3b3d;--primary:#51c2b0;--primary-strong:#88e4d5;--primary-soft:#163d39;--accent:#eab556;--danger:#ef8989;--danger-soft:#472525;--warning:#edbd57;--warning-soft:#49391e;--success:#73d7aa;--success-soft:#163c2d;--shadow:0 18px 40px rgba(0,0,0,.22)}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface);padding:.7rem .8rem;outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}textarea{min-height:92px;resize:vertical}.app-shell{min-height:100vh;display:flex}.sidebar{width:255px;padding:22px 14px;display:flex;flex-direction:column;background:#103f3b;color:#e9fbf8;position:fixed;inset-block:0;inset-inline-start:0;z-index:20;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.page-wrap{width:calc(100% - 255px);margin-inline-start:255px;min-height:100vh}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:7px 4px 26px 10px}.brand{display:flex;align-items:center;gap:11px}.sidebar-close{flex-shrink:0}.brand-mark,.hero-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#103f3b;background:transparent;font-weight:900;font-size:23px}.brand strong{display:block;font-size:14px}.brand small{color:#a4cbc6;display:block;font-size:10px;margin-top:2px}.nav-list{display:grid;gap:4px}.nav-item{width:100%;border:0;display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:10px;color:#c4e2de;background:transparent;text-align:start;transition:.15s}.nav-item:hover,.nav-item.is-active{background:#ffffff1f;color:#fff}.nav-item span:first-child{width:18px;text-align:center;color:#9ee1d7}.nav-badge{margin-inline-start:auto;background:#e5484d;color:#fff;font-size:11px;font-weight:700;line-height:1;min-width:20px;height:20px;padding:0 5px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.nav-button{font:inherit}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.topbar{height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 91%,transparent);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);position:sticky;top:0;z-index:10}.breadcrumb{color:var(--muted);font-weight:700}.topbar-actions{display:flex;align-items:center;gap:10px}.quick-action,.button{border:0;border-radius:10px;padding:.66rem .9rem;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:6px}.quick-action{background:var(--primary-soft);color:var(--primary-strong)}.icon-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.user-menu{display:flex;gap:8px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:800}.content{padding:30px 32px 48px;max-width:1680px}.mobile-only{display:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.page-heading h1{margin:0;font-size:25px;letter-spacing:-.4px}.page-heading p{margin:4px 0 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);font-weight:800;font-size:11px;margin:0 0 7px}.muted{color:var(--muted)}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-strong)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.button-danger{background:var(--danger-soft);color:var(--danger)}.button-block{width:100%}.button-small{font-size:12px;padding:.44rem .7rem}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.metric-card .label{color:var(--muted);font-size:12px}.metric-card .value{font-size:25px;font-weight:800;margin-top:5px}.metric-card .sub{color:var(--primary);font-size:12px;margin-top:4px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h2{margin:0;font-size:17px}.flash{padding:12px 15px;border-radius:11px;margin-bottom:18px}.flash ul{margin:6px 0 0;padding-inline-start:18px}.flash-success{background:var(--success-soft);color:var(--success)}.flash-error{background:var(--danger-soft);color:var(--danger)}.status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-weight:700;font-size:11px;white-space:nowrap}.status-success{color:var(--success);background:var(--success-soft)}.status-warning{color:var(--warning);background:var(--warning-soft)}.status-danger{color:var(--danger);background:var(--danger-soft)}.status-neutral{color:var(--muted);background:var(--surface-soft)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.data-table{width:100%;border-collapse:collapse;min-width:690px}.data-table th{background:var(--surface-soft);color:var(--muted);text-align:start;font-size:12px;padding:11px 14px;white-space:nowrap}.data-table td{border-top:1px solid var(--line);padding:12px 14px;vertical-align:middle}.data-table tr:hover td{background:color-mix(in srgb,var(--primary-soft) 24%,transparent)}.table-primary{font-weight:800}.table-secondary{display:block;font-size:12px;color:var(--muted);margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-stack{display:grid;gap:14px}.form-stack label,.form-grid label,.form-grid-3 label{display:grid;gap:6px;color:var(--muted);font-weight:700;font-size:12px}.full-row{grid-column:1/-1}.checkbox{display:flex!important;align-items:center;gap:7px!important}.checkbox input{width:auto}.empty{padding:34px;color:var(--muted);text-align:center}.journey{display:flex;align-items:stretch;overflow:auto;gap:0;padding:18px 4px}.journey-step{min-width:124px;position:relative;padding:0 10px;text-align:center}.journey-step:not(:last-child):after{content:"";width:55%;height:2px;position:absolute;top:16px;inset-inline-end:-28%;background:var(--line)}.journey-dot{width:34px;height:34px;margin:0 auto 9px;border:2px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:11px;position:relative;z-index:1}.journey-step.done .journey-dot{background:var(--success);border-color:var(--success);color:#fff}.journey-step.current .journey-dot{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 5px var(--primary-soft)}.journey-step.skipped .journey-dot{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.journey-step .journey-name{font-size:11px;font-weight:800}.journey-step .journey-dept{font-size:10px;color:var(--muted);margin-top:3px}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:100px 1fr;gap:13px;padding:10px 0;border-bottom:1px solid var(--line)}.timeline-row:last-child{border:0}.timeline-date{color:var(--muted);font-size:11px}.info-list{display:grid;gap:12px}.info-item{display:flex;justify-content:space-between;gap:15px;border-bottom:1px dashed var(--line);padding-bottom:9px}.info-item span:first-child{color:var(--muted)}.info-item strong{text-align:end}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:20px}.builder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);gap:20px;align-items:start}.builder-pane{padding:20px}.builder-preview{position:sticky;top:91px}.preview-sheet{background:#fff;color:#1b2529;min-height:560px;border-radius:8px;padding:30px 28px;box-shadow:0 8px 26px #00000024}.preview-sheet h3{margin:0}.preview-sheet .preview-head{display:flex;justify-content:space-between;border-bottom:2px solid #176d63;padding-bottom:15px;margin-bottom:18px}.preview-lines{display:grid;gap:9px}.preview-line{height:11px;background:#e7eeee;border-radius:5px}.preview-line.short{width:57%}.item-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding:16px;padding-inline-end:56px;border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;margin-bottom:8px}.item-row label{font-size:11px}.item-row .remove-row{position:absolute;top:12px;inset-inline-end:12px;width:30px;height:30px;border:0;border-radius:9px;background:var(--danger-soft);color:var(--danger)}.builder-summary{margin-top:15px;padding:14px;border-radius:12px;background:var(--primary-soft);color:var(--primary-strong)}.builder-summary strong{font-size:20px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto}.tab{padding:11px 13px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;background:none;cursor:pointer}.tab.is-active{color:var(--primary-strong);border-bottom-color:var(--primary-strong);font-weight:700}.tab.is-active{color:var(--primary);border-color:var(--primary);font-weight:800}.progress-bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#59bba8);border-radius:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-hero{padding:11vw 12vw;color:#effbf8;background:radial-gradient(circle at 20% 0%,#287b71 0,#0d3633 48%,#092a29)}.auth-hero .hero-mark{margin-bottom:32px}.auth-hero h1{max-width:600px;font-size:clamp(32px,4vw,57px);line-height:1.13;margin:10px 0 18px}.auth-hero p:not(.eyebrow){color:#b5d8d3;max-width:520px;font-size:16px}.auth-panel{display:grid;place-items:center;padding:32px;background:var(--bg)}.auth-card{width:min(100%,420px);padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card h2{margin:0;font-size:28px}.demo-hint{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px;direction:ltr;text-align:left}.guest-body{background:var(--bg)}.print-only{display:none}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.builder,.split{grid-template-columns:1fr}.builder-preview{position:static}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.hide-mobile{display:none}.attendance-table{min-width:0}.sidebar{transform:translate(110%);transition:transform .2s;box-shadow:var(--shadow)}[dir=ltr] .sidebar{transform:translate(-110%)}body.sidebar-open .sidebar{transform:translate(0)}.page-wrap{margin:0;width:100%}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 16px}.content{padding:20px 16px 36px}.quick-action span,.user-name{display:none}.grid-2,.grid-3,.grid-4,.form-grid,.form-grid-3{grid-template-columns:1fr}.page-heading{flex-direction:column}.auth-layout{grid-template-columns:1fr}.auth-hero{padding:48px 30px}.auth-panel{padding:25px 16px}.auth-card{padding:26px}.timeline-row{grid-template-columns:1fr;gap:2px}.item-row{grid-template-columns:1fr 1fr}}.item-row.is-dragging{opacity:.45;border-style:dashed}.confirm-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14168c;z-index:1000;align-items:center;justify-content:center;padding:20px}.confirm-modal.is-open{display:flex}.confirm-modal-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px;max-width:min(440px,92vw);width:100%}.confirm-modal-card h3{margin:0 0 10px;font-size:18px}.confirm-modal-card p{margin:0;color:var(--muted);line-height:1.7}.link-button{background:none;border:0;padding:0;color:var(--primary);font-weight:700;cursor:pointer;text-decoration:underline}.link-button:hover{color:var(--primary-strong)}.measurement-item-row{display:flex;flex-wrap:nowrap;align-items:baseline;gap:10px;max-width:100%;overflow-x:auto}.measurement-item-row>label{flex:0 0 auto}.measurement-item-row>label:first-child{width:16em}.measurement-item-row>label.full-row{flex:1 1 auto;min-width:26em}.measurement-item-row>label.full-row textarea{min-height:44px;font-size:12px}.measurement-item-row>.remove-row{flex:0 0 auto}.field-label{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-bottom:8px}.role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);max-height:220px;overflow:auto}@media(max-width:820px){.role-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.measurement-item-row{grid-template-columns:1fr 1fr}.measurement-item-row .remove-row{grid-column:2;justify-self:end}}.topbar .icon-button[data-theme-toggle]{background:var(--surface);color:var(--text);border-color:var(--line)}.brand{align-items:center}.brand-mark,.hero-mark{background:transparent!important;padding:0;overflow:hidden;width:clamp(40px,3.2vw,56px);height:clamp(40px,3.2vw,56px);border-radius:0!important;display:grid;place-items:center}.brand-mark img,.hero-mark img{width:100%;height:100%;display:block;object-fit:contain}.auth-centered{grid-template-columns:1fr;background:radial-gradient(circle at 50% -10%,#1b5c55 0,#0d3633 55%,#092a29)}.auth-centered .auth-panel{min-height:100vh;background:transparent}.auth-centered .auth-card{text-align:center;padding:42px 36px}.auth-centered .auth-card .form-stack{text-align:start}.auth-logo{width:88px;height:88px;margin:0 auto 18px;display:grid;place-items:center;overflow:hidden}.auth-logo img{width:100%;height:100%;display:block;object-fit:contain}.auth-centered .demo-hint{text-align:center}.auth-brand{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.auth-card{position:relative}.auth-brand-mark{width:56px;height:56px;display:grid;place-items:center;overflow:hidden}.auth-brand-mark img{width:100%;height:100%;display:block;object-fit:contain}.auth-brand-text strong{display:block;font-size:16px;letter-spacing:-.2px}.auth-brand-text small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}.landing-body{overflow-x:hidden}.land-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,5vw,64px);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.land-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:16px}.land-brand img{width:44px;height:44px;object-fit:contain}.land-brand small{display:block;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px}.land-links{display:flex;gap:22px;font-weight:700;font-size:13px}.land-links a{color:var(--muted);transition:color .15s}.land-links a:hover{color:var(--primary)}.land-actions{display:flex;align-items:center;gap:10px}.land-lang{font-weight:800;font-size:12px;color:var(--primary-strong);padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.land-hero{min-height:78vh;display:grid;place-items:center;text-align:center;padding:80px 20px 60px;background:radial-gradient(ellipse at 50% -20%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 60%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 50%)}.land-hero-inner{max-width:820px}.land-hero h1{font-size:clamp(38px,7vw,72px);line-height:1.12;letter-spacing:-1.5px;margin:10px 0 18px;font-weight:900}.land-hero h1 span{color:var(--primary)}.land-sub{font-size:clamp(15px,2.4vw,20px);color:var(--muted);max-width:560px;margin:0 auto 28px}.land-ref{display:inline-block;background:var(--primary-soft);color:var(--primary-strong);font-weight:700;font-size:13px;padding:7px 14px;border-radius:99px;margin:0 0 20px}.land-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px clamp(16px,5vw,64px) 60px}.land-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:34px 28px 28px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s;overflow:hidden}.land-card:hover{transform:translateY(-4px);border-color:var(--primary)}.land-num{position:absolute;top:18px;inset-inline-end:22px;font-size:52px;font-weight:900;color:var(--line);line-height:1}.land-card h2{margin:0 0 10px;font-size:21px}.land-tag{color:var(--primary-strong);font-weight:800;margin:0 0 8px}.land-card .muted{margin:0}.land-why{padding:30px clamp(16px,5vw,64px) 70px;text-align:center}.land-why h2{font-size:clamp(24px,4vw,38px);margin:0 0 34px;letter-spacing:-.8px}.land-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto;text-align:start}.land-why-grid>div{border-inline-start:3px solid var(--primary);padding-inline-start:16px}.land-why-grid strong{display:block;margin-bottom:6px}.land-why-grid p{margin:0}.land-contact{padding:60px clamp(16px,5vw,64px) 80px;background:var(--surface-soft);border-block:1px solid var(--line)}.land-contact-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.land-contact h2{font-size:clamp(24px,4vw,36px);margin:0 0 10px}.land-form{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.land-form label{display:grid;gap:6px;font-weight:700;font-size:12px}.land-footer{text-align:center;padding:44px 20px}.land-footer img{width:52px;height:52px;object-fit:contain}.land-footer p{margin:8px 0 0;font-weight:700}@media(max-width:900px){.land-links{display:none}.land-strip,.land-why-grid,.land-contact-inner{grid-template-columns:1fr}.land-hero{min-height:60vh}}@media(max-width:480px){.land-actions .button span,.land-brand span small{display:none}.land-card{padding:26px 20px}}.land-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 clamp(16px,5vw,64px) 60px;max-width:1100px;margin:0 auto}.land-stat{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 12px}.land-stat strong{display:block;font-size:clamp(26px,4vw,40px);font-weight:900;color:var(--primary)}.land-stat span{color:var(--muted);font-size:12px;font-weight:700}.land-section{padding:56px clamp(16px,5vw,64px);max-width:1100px;margin:0 auto}.land-section h2{font-size:clamp(24px,4vw,38px);margin:0 0 14px;letter-spacing:-.8px}.land-lead{font-size:15px;max-width:640px}.land-alt{background:var(--surface-soft);border-block:1px solid var(--line);max-width:none}.land-alt>*{max-width:1100px;margin-inline:auto}.land-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.land-service{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;transition:border-color .15s,transform .15s}.land-service:hover{border-color:var(--primary);transform:translateY(-3px)}.land-service strong{display:block;margin-bottom:8px}.land-service p{margin:0;font-size:13px}.land-clients{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.land-client{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-size:12px;font-weight:700;color:var(--muted);transition:.15s}.land-client:hover{color:var(--primary-strong);border-color:var(--primary)}.land-contact-info{margin-top:24px;display:grid;gap:14px;font-size:13px}.land-contact-info p{margin:0}@media(max-width:900px){.land-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.land-services-grid{grid-template-columns:1fr}}.pagination{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagination-item{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-weight:700;font-size:13px;text-decoration:none}a.pagination-item:hover{border-color:var(--primary);color:var(--primary-strong)}.pagination-item.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-item.is-disabled{color:var(--muted);background:var(--surface-soft);cursor:default}@media(max-width:820px){.topbar{height:60px;padding:0 12px;gap:8px}.topbar .breadcrumb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.topbar-actions{gap:6px;flex-shrink:0}.topbar-actions form{margin:0;display:inline-flex}.topbar .icon-button{width:38px;height:38px;min-width:38px;padding:0;display:inline-grid;place-items:center;border-radius:12px;font-size:13px}.topbar .quick-action{width:38px;height:38px;padding:0;overflow:hidden;display:inline-grid;place-items:center;font-size:18px;border-radius:12px}.topbar .quick-action span,.topbar .user-name{display:none}.topbar .user-menu{padding:0;gap:0;background:transparent;border:0}}.data-table tbody tr.awaiting-me td{background:var(--primary-soft)}.data-table tbody tr.awaiting-me td:first-child{border-inline-start:4px solid var(--primary)}.data-table tbody tr.awaiting-me:hover td{background:color-mix(in srgb,var(--primary-soft) 80%,var(--primary) 20%)}.sector-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sector-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;font-size:14px}.sector-tab:hover{border-color:var(--primary)}.sector-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.sector-tab-count{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:12px;text-align:center}.sector-tab.is-active .sector-tab-count{background:#ffffff40;color:#fff}.sector-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-soft);color:var(--muted)}.sector-metals{background:#e8edf5;color:#2a3a5c}.sector-cooling{background:#dff3fb;color:#0b6a8a}.sector-both{background:var(--primary-soft);color:var(--primary-strong)}.req-star{color:var(--danger);font-weight:800}.button-sm{padding:0 14px;min-height:36px;font-size:13px;line-height:1;border-radius:9px;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}dialog.form-dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(780px,94vw);max-height:92vh;overflow:auto;background:var(--surface);color:var(--text);box-shadow:0 24px 60px #0a141659}dialog.form-dialog::backdrop{background:#0a14168c}dialog.form-dialog .card-pad{padding:22px}.sector-switch{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft)}.sector-switch a{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.sector-switch a:hover{color:var(--text)}.sector-switch a.is-active{background:var(--primary);color:#fff}@media(max-width:820px){.sector-switch a{padding:6px 9px;font-size:12px}}.cost-detail-row td{background:var(--surface-soft);border-top:0}.cost-breakdown{list-style:disc;margin:4px 12px 8px auto;padding:0 22px 0 0;max-width:560px;text-align:right;direction:rtl}.cost-breakdown .cost-component{display:flex;gap:8px;align-items:center;margin-bottom:8px}.cost-breakdown .cost-label{flex:1 1 220px;min-width:0}.cost-breakdown .cost-amount{flex:0 0 150px;min-width:0;text-align:left}.cost-breakdown .cost-label-text{flex:1 1 220px}.cost-breakdown .cost-amount-text{flex:0 0 150px;font-weight:700;text-align:left}.cost-add{display:flex;margin:0 12px 0 auto}.topbar{height:64px;padding:0 28px;gap:16px}.topbar .breadcrumb{color:var(--text);font-size:15px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:8px;flex-shrink:0}.topbar-actions form{margin:0;display:inline-flex}.topbar-quick{display:flex;align-items:center;gap:6px}.topbar-quick:empty{display:none}.topbar .quick-action{height:36px;padding:0 12px;font-size:13px;border:1px solid transparent;border-radius:10px;white-space:nowrap;transition:background .15s,color .15s}.topbar .quick-action i{font-size:13px}.topbar .quick-action:hover,.topbar .quick-action.is-active{background:var(--primary);color:#fff}.topbar-divider{width:1px;height:24px;background:var(--line);margin:0 2px}.topbar .icon-button{transition:border-color .15s,color .15s;font-size:15px}.topbar .icon-button:hover,.topbar .icon-button.is-active{border-color:var(--primary);color:var(--primary-strong)}.topbar .icon-button-text{font-size:12px;font-weight:800}.user-menu{position:relative}.user-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:3px;padding-inline-end:10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:hover,.user-menu[open]>summary{border-color:var(--primary)}.user-menu .avatar{width:30px;height:30px;font-size:13px}.user-menu .user-name{font-weight:700;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-caret{font-size:10px;color:var(--muted);transition:transform .15s}.user-menu[open] .user-caret{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;min-width:230px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:2px}.dropdown-head{padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line);display:grid;gap:1px}.dropdown-head small{color:var(--muted);font-size:12px;text-align:start}.dropdown-menu a,.dropdown-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--text);font-size:13px;font-weight:600;text-align:start}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--surface-soft)}.dropdown-menu i{width:16px;text-align:center;color:var(--muted)}.dropdown-menu form{display:block}.dropdown-menu .dropdown-danger,.dropdown-menu .dropdown-danger i{color:var(--danger)}@media(max-width:1280px){.topbar .quick-action span{display:none}.topbar .quick-action{width:36px;padding:0}}@media(max-width:1600px){.user-menu .user-name{display:none}.user-menu>summary{padding-inline-end:8px}}.topbar .breadcrumb{flex:1;min-width:80px}.topbar .dev-login select{width:120px;height:36px;padding:0 .6rem;font-size:12px;border-radius:10px}@media(max-width:820px){.topbar{height:60px;padding:0 12px;gap:8px}.topbar .breadcrumb{flex:1;font-size:14px}.topbar-actions{gap:6px}.topbar-divider{display:none}.topbar .quick-action{width:38px;height:38px;border-radius:12px;font-size:15px}.user-menu>summary{padding:3px;border-radius:999px}.user-caret{display:none}}@media(max-width:640px){.topbar .sector-switch,.topbar [data-theme-toggle],.topbar-actions>form{display:none}}.visit-option{margin-top:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.visit-toggle{padding:14px 16px;cursor:pointer;align-items:flex-start!important;gap:12px!important}.visit-toggle input{width:18px;height:18px;margin-top:3px;accent-color:var(--primary)}.visit-toggle span{display:grid;gap:2px}.visit-toggle strong{color:var(--text);font-size:14px}.visit-toggle small{color:var(--muted);font-weight:600}.visit-fields{border:0;margin:0;padding:4px 16px 18px;min-width:0}.visit-fields:disabled{display:none}.visit-fields small.muted{font-weight:600}.dropdown-mobile-only{display:none;border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.dropdown-label{padding:6px 10px 2px;color:var(--muted);font-size:11px;font-weight:800}.dropdown-menu a.is-active,.dropdown-menu a.is-active i{color:var(--primary-strong)}@media(max-width:640px){.dropdown-mobile-only{display:grid;gap:2px}}.pending-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.pending-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:700;font-size:13px;transition:border-color .15s}.pending-chip:hover{border-color:var(--primary)}.pending-chip i{color:var(--primary)}.pending-chip strong{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:12px;text-align:center}.pending-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.pending-group{padding:18px 18px 10px;scroll-margin-top:84px}.pending-group-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pending-group-head h2{margin:0;font-size:16px}.pending-group-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-strong);flex-shrink:0}.pending-count{padding:2px 9px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-weight:800;font-size:12px}.pending-all{margin-inline-start:auto;color:var(--primary);font-weight:700;font-size:12px;white-space:nowrap}.pending-list{list-style:none;margin:0;padding:0}.pending-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}.pending-item:first-child{border-top:0}.pending-item.is-overdue{background:color-mix(in srgb,var(--danger-soft) 55%,transparent);border-radius:10px;padding-inline:10px}.pending-main{display:grid;gap:2px;min-width:0}.pending-title{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.pending-title:hover{color:var(--primary-strong)}.pending-sub{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pending-time{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;white-space:nowrap}.pending-time.is-late{color:var(--danger);font-weight:700}.pending-action{white-space:nowrap}.pending-more{display:block;padding:10px 4px 6px;border-top:1px solid var(--line);color:var(--primary);font-weight:700;font-size:12px}.pending-empty{padding:56px 24px;text-align:center}.pending-empty i{font-size:42px;color:var(--success)}.pending-empty h2{margin:14px 0 6px;font-size:19px}.pending-empty p{margin:0}.nav-pending span:first-child{font-size:15px}@media(max-width:1100px){.pending-groups{grid-template-columns:1fr}}@media(max-width:640px){.pending-item{grid-template-columns:minmax(0,1fr) auto}.pending-meta{grid-column:1;grid-row:2;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.pending-action{grid-column:2;grid-row:1 / span 2}}.nav-group-head{display:flex;align-items:center;gap:2px}.nav-group-head .nav-item{flex:1;min-width:0}.nav-toggle{flex-shrink:0;width:32px;height:38px;border:0;border-radius:9px;background:transparent;color:#9ee1d7;display:grid;place-items:center;transition:background .15s}.nav-toggle:hover{background:#ffffff1f;color:#fff}.nav-toggle i{font-size:11px;transition:transform .2s}.nav-group.is-open .nav-toggle i{transform:rotate(180deg)}.nav-sub{display:none}.nav-group.is-open .nav-sub{display:grid;gap:4px;margin-top:4px}.nav-sub-item{padding-inline-start:30px;font-size:13px}.nav-group.is-open .nav-group-badge{display:none}.pending-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pending-actions form{margin:0}.pending-head-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.pending-head-actions form{margin:0}.pending-head-actions .link-button{font-size:12px;text-decoration:none}.pending-head-actions .pending-all{margin-inline-start:0}@media(max-width:640px){.pending-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:stretch}}.customer-tabs{margin:22px 0 4px}.customer-tabs .tab{display:inline-flex;align-items:center;gap:7px}.file-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:18px 0}.file-stat{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,transform .15s}.file-stat:hover{border-color:var(--primary);transform:translateY(-2px)}.file-stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-strong);flex-shrink:0}.file-stat-text{display:grid;line-height:1.3;min-width:0}.file-stat-text strong{font-size:20px}.file-stat-text span{color:var(--muted);font-size:12px;font-weight:700}.file-stat-text small{color:var(--primary-strong);font-size:11px;font-weight:700}.file-project{margin-bottom:14px;overflow:hidden}.file-project-head{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.file-project-head::-webkit-details-marker{display:none}.file-project-head:hover{background:var(--surface-soft)}.file-caret{font-size:12px;color:var(--muted);transition:transform .2s}.file-project[open] .file-caret{transform:rotate(180deg)}.file-project-title{display:grid;min-width:0}.file-project-title small{color:var(--muted);font-size:12px}.file-project-count{margin-inline-start:auto;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.file-project-head .pending-all{margin-inline-start:0}.file-sections{display:grid;gap:18px;padding:4px 18px 18px;border-top:1px solid var(--line)}.file-section{scroll-margin-top:84px}.file-section h3{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:14px}.file-section h3 i{color:var(--primary)}.file-table{min-width:560px}.file-table td:first-child{width:45%}.file-date{color:var(--muted);white-space:nowrap}.file-amount{text-align:end;font-weight:800;white-space:nowrap}.file-amount small{color:var(--muted);font-weight:600}.change-log{margin-top:18px}.change-log .section-title{flex-wrap:wrap;gap:6px 14px;justify-content:flex-start}.log-entry{padding:14px 0;border-top:1px solid var(--line)}.log-entry:first-of-type{border-top:0}.log-head{display:flex;align-items:center;gap:12px}.log-avatar{width:34px;height:34px;flex-shrink:0}.log-who{display:grid;min-width:0}.log-who span{color:var(--muted);font-size:13px}.log-time{margin-inline-start:auto;color:var(--muted);font-size:12px;white-space:nowrap}.log-head form{margin:0}.log-delete{width:32px;height:32px;color:var(--danger)}.log-delete:hover{border-color:var(--danger);background:var(--danger-soft)}.log-changes{margin:10px 0 0;margin-inline-start:46px}.log-changes .data-table{min-width:420px}.log-changes td{padding:8px 14px}.log-old{color:var(--danger);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--danger) 45%,transparent);word-break:break-word}.log-new{color:var(--success);font-weight:700;word-break:break-word}.log-note{margin:8px 0 0;margin-inline-start:46px;font-size:12px}@media(max-width:640px){.log-changes,.log-note{margin-inline-start:0}.file-project-head{flex-wrap:wrap}.file-project-count{margin-inline-start:0}}.file-toolbar{display:flex;justify-content:flex-end;margin:16px 0 0}.file-toolbar .button i{color:var(--danger)}.file-docs{margin:14px 0 4px}.file-docs-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.file-docs-head h2{margin:0;font-size:16px}.file-docs-head p{margin:2px 0 0;font-size:12px}.file-docs-head .button{margin-inline-start:auto}.file-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px 18px}.doc-card{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.doc-card.is-expired{border-color:var(--danger);background:var(--danger-soft)}.doc-icon{font-size:26px;color:var(--primary);margin-top:2px}.doc-card.is-expired .doc-icon{color:var(--danger)}.doc-body{display:grid;gap:1px;min-width:0;flex:1}.doc-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-body small{font-size:11px}.doc-expiry{color:var(--success);font-weight:700}.doc-card.is-expired .doc-expiry{color:var(--danger)}.doc-actions{display:flex;flex-direction:column;gap:6px}.doc-actions form{margin:0}.doc-actions .icon-button{width:32px;height:32px;font-size:13px}.file-pdf{width:44px;text-align:end}.file-pdf .icon-button{width:32px;height:32px;color:var(--danger)}.file-pdf .icon-button:hover{border-color:var(--danger);background:var(--danger-soft)}.wo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wo-stat{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,transform .15s}.wo-stat:hover{border-color:var(--primary);transform:translateY(-2px)}.wo-stat>span:last-child{display:grid;line-height:1.3}.wo-stat strong{font-size:22px}.wo-stat small{color:var(--muted);font-weight:700;font-size:12px}.wo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px}.wo-toolbar p{margin:0;font-size:13px}.wo-row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;white-space:nowrap}.wo-row-actions .icon-button{width:32px;height:32px;font-size:13px}.wo-pdf{color:var(--danger)!important}.wo-pdf:hover{border-color:var(--danger)!important;background:var(--danger-soft)}@media(max-width:1100px){.wo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.wo-toolbar{flex-direction:column;align-items:stretch}}.assistant-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.assistant-summary>strong{font-size:26px;color:var(--primary-strong)}.assistant-summary>span{flex:1;min-width:220px;font-size:13px}.assistant-summary form{margin:0}.pending-group-head small{display:block;font-size:12px}.pending-group-icon.tone-danger{background:var(--danger-soft);color:var(--danger)}.pending-group-icon.tone-warning{background:var(--warning-soft);color:var(--warning)}.pending-group-icon.tone-muted{background:var(--surface-soft);color:var(--muted)}.route-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:16px}.route-map-card{overflow:hidden}.route-map{width:100%;height:520px}.route-status{font-size:12px;margin:0 0 10px}.route-stops{margin:0 0 14px;padding-inline-start:22px;display:grid;gap:10px}.route-stops li{padding-inline-start:4px}.route-stops li a{display:block;font-weight:800}.route-stops li small{color:var(--muted);font-size:12px}.route-pin span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:12px;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}.lead-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.lead-card{padding:16px;display:flex;flex-direction:column;gap:10px}.lead-card.is-starred{border-color:var(--warning);box-shadow:0 0 0 2px var(--warning-soft)}.lead-head{display:flex;justify-content:space-between;gap:10px}.lead-head h3{margin:0 0 4px;font-size:15px}.lead-head form{margin:0}.lead-star{color:var(--warning)!important}.lead-desc{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.lead-facts{margin:0;display:grid;gap:6px}.lead-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:13px}.lead-facts dt{color:var(--muted);font-weight:700}.lead-facts dd{margin:0;overflow-wrap:anywhere}.lead-facts a{color:var(--primary-strong)}.lead-foot{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.lead-sources summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--primary)}.lead-sources ul{margin:6px 0 0;padding-inline-start:18px;font-size:12px}.lead-foot small{margin-inline-start:auto}.perf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.perf-card{padding:16px;display:grid;gap:10px}.perf-top{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.perf-value strong{font-size:28px}.perf-value .muted{font-size:14px;margin-inline-start:4px}@media(max-width:1100px){.route-layout{grid-template-columns:1fr}.route-map{height:380px}.perf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.perf-grid,.lead-grid{grid-template-columns:1fr}}.wo-step h2 i{color:var(--primary);margin-inline-end:4px}.install-checks{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--warning);border-radius:12px;background:var(--warning-soft)}.install-checks strong{color:var(--warning);font-size:13px}.install-checks .checkbox{color:var(--text);font-size:13px;font-weight:700}.wo-timer{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;white-space:nowrap}.wo-timer.is-running{color:var(--warning)}.wo-timer.is-running i{animation:wo-pulse 1.6s ease-in-out infinite}.wo-timer.is-done{color:var(--success)}.wo-timer.is-idle{color:var(--muted)}@keyframes wo-pulse{50%{opacity:.35}}.wo-timer-card .section-title{flex-wrap:wrap;gap:8px}.wo-timer-card h2 i{color:var(--primary)}.wo-timer-total{font-size:13px;color:var(--muted);font-weight:700;display:inline-flex;align-items:center;gap:6px}.wo-timer-total .wo-timer{font-size:16px}.wo-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.wo-phase{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.wo-phase small{color:var(--muted);font-weight:700;font-size:12px}.wo-phase.is-running{border-color:var(--warning);background:var(--warning-soft)}.wo-phase.is-done{border-color:color-mix(in srgb,var(--success) 40%,var(--line))}.wo-events{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.wo-events li{display:grid;gap:2px;padding:8px 10px;border-inline-start:3px solid var(--line);font-size:12px}.wo-events li.is-done{border-color:var(--success)}.wo-events li span{font-weight:700}.wo-events li time{color:var(--muted);direction:ltr;text-align:start}.prod-stats{margin:16px 0 22px}.prod-stats h2 i,.prod-stats h3 i{color:var(--primary)}.prod-stats h3{margin:0;font-size:15px}.prod-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.prod-kpi{padding:14px;display:grid;gap:4px}.prod-kpi small{color:var(--muted);font-weight:700;font-size:12px}.prod-kpi strong{font-size:22px}.prod-kpi strong span{font-size:12px;color:var(--muted);font-weight:700}.prod-kpi em{font-style:normal;font-size:12px;color:var(--muted)}.prod-kpi em.up{color:var(--success);font-weight:800}.prod-kpi em.down{color:var(--danger);font-weight:800}.prod-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.prod-chart{height:180px;display:flex;align-items:stretch;gap:6px;padding-top:18px}.prod-bar{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.prod-bar-fill{width:100%;min-height:2px;border-radius:6px 6px 0 0;background:color-mix(in srgb,var(--primary) 55%,transparent);transition:background .15s}.prod-bar:hover .prod-bar-fill,.prod-bar.is-today .prod-bar-fill{background:var(--primary)}.prod-bar-value{font-size:10px;font-weight:800;color:var(--primary-strong);margin-bottom:2px}.prod-bar-label{font-size:10px;color:var(--muted);margin-top:4px;direction:ltr}.prod-stalled{margin-top:14px;border-color:var(--warning)}.prod-stalled h3 i{color:var(--warning)}.prod-stalled ul{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:13px}@media(max-width:1280px){.prod-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.prod-charts,.wo-phases{grid-template-columns:1fr}.prod-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.prod-actions{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}.prod-stats .section-title{flex-wrap:wrap;gap:8px}.prod-record{margin:16px 0}.record-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.record-filter label{display:grid;gap:6px;color:var(--muted);font-weight:700;font-size:12px;min-width:160px}.record-presets{display:flex;gap:6px;flex-wrap:wrap;width:100%}.record-presets .sector-tab{padding:6px 14px;font-size:13px}.record-totals{margin-top:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.record-table tr.is-empty td{color:var(--muted)}.record-table tr.is-today td{background:var(--primary-soft)}.record-table tfoot th{background:var(--surface-soft);color:var(--text);font-size:13px;border-top:2px solid var(--line);padding:11px 14px;text-align:start}.prod-record h3 i{color:var(--primary)}.wo-handover{margin-top:12px;padding:12px;border:1px dashed var(--warning);border-radius:12px;background:var(--warning-soft);display:grid;gap:10px}.wo-handover.is-done{border-style:solid;border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:var(--success-soft)}.wo-handover p{margin:0;font-size:13px}.wo-handover p i{color:var(--warning);margin-inline-end:4px}.wo-handover.is-done p i{color:var(--success)}.wo-handover .button{justify-self:start}.wo-handover-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.wo-handover-form label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted);min-width:160px}.sidebar{background:var(--surface-soft);color:var(--text);border-inline-end:1px solid var(--line);scrollbar-color:var(--line) transparent}.sidebar .sidebar-head{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:14px}.sidebar .sidebar-close{color:var(--text)}.sidebar .nav-list{gap:2px}.sidebar .nav-item{position:relative;color:var(--text);font-size:14.5px;font-weight:600;padding:10px 12px;border-radius:10px}.sidebar .nav-item span:first-child{width:20px;color:var(--muted);font-size:15px}.sidebar .nav-item:hover{background:color-mix(in srgb,var(--line) 55%,transparent);color:var(--text)}.sidebar .nav-item.is-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.sidebar .nav-item.is-active span:first-child{color:var(--primary-strong)}.sidebar .nav-item.is-active:before{content:"";position:absolute;inset-inline-start:-14px;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(180deg,#22c55e,var(--primary),#2563eb)}.sidebar .nav-group-head .nav-item:not(.is-active){color:var(--muted);font-weight:700}.sidebar .nav-group.is-open .nav-sub{gap:6px;margin:6px 0 8px;padding-inline-start:16px}.sidebar .nav-sub-item{padding:9px 12px;font-size:14px;font-weight:500;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 2px #0f172a0a}.sidebar .nav-sub-item:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.sidebar .nav-sub-item.is-active{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.sidebar .nav-toggle{color:var(--muted);width:28px}.sidebar .nav-toggle i{font-size:10px}.sidebar .nav-toggle:hover{background:color-mix(in srgb,var(--line) 55%,transparent);color:var(--text)}.sidebar .nav-badge{border-radius:999px;min-width:22px;height:22px;font-size:11.5px}.sidebar .sidebar-bottom{border-top:1px solid var(--line);padding-top:10px}.grid>*{min-width:0}:root{--page-bg:#eef2f7;--grid-line:#dfe5ee}[data-theme=dark]{--page-bg:var(--bg);--grid-line:rgba(255,255,255,.045)}@media(prefers-color-scheme:dark){[data-theme=system]{--page-bg:var(--bg);--grid-line:rgba(255,255,255,.045)}}body{background-color:var(--page-bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:42px 42px;background-attachment:fixed}.sidebar .sidebar-head{justify-content:center;position:relative;padding-inline:4px}.sidebar .sidebar-head .brand{margin-inline:auto;justify-content:center}.sidebar .sidebar-head .sidebar-close{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%)}
