@font-face{font-family:Dubai;src:url(/fonts/Dubai%20Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dubai;src:url(/fonts/Dubai%20Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--app-accent:#3498db;--app-accent-soft:#6dd5fa;--app-accent-dark:#277bb8;--app-header-sticky-offset:60px;--app-bg:#fff;--app-page-bg:#f4f8fb;--app-surface:#fff;--app-surface-soft:#f8fafc;--app-text:#0f172a;--app-muted:#64748b;--app-border:#dbe7f0;color:var(--app-text);background:var(--app-page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Dubai,Tajawal,Cairo,Arial,sans-serif}:root[data-app-mode=dark]{--app-bg:#0b1222;--app-page-bg:#0b1222;--app-surface:#151f31;--app-surface-soft:#1c293d;--app-text:#e8eef7;--app-muted:#9fb0c7;--app-border:#2a3a52}*{box-sizing:border-box}html,body,#root{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;min-height:100%}body{background:var(--app-page-bg);color:var(--app-text);margin:0;overflow:hidden auto}:root[data-app-mode=dark] .app-shell,:root[data-app-mode=dark] .app-page-shell{background:var(--app-bg)!important;color:var(--app-text)!important}:root[data-app-mode=dark] .home-card-grid>*,:root[data-app-mode=dark] .dashboard-metric-grid>*,:root[data-app-mode=dark] .dashboard-main-grid>*,:root[data-app-mode=dark] .dashboard-filter-panel{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important;box-shadow:0 14px 32px #0000002e!important}:root[data-app-mode=dark] .home-card-grid>:hover,:root[data-app-mode=dark] .dashboard-metric-grid>:hover{background:var(--app-surface-soft)!important}:root[data-app-mode=dark] input,:root[data-app-mode=dark] select,:root[data-app-mode=dark] textarea{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}:root[data-app-mode=dark] input::placeholder,:root[data-app-mode=dark] textarea::placeholder{opacity:1;color:var(--app-muted)!important}:root[data-app-mode=dark] .home-hero-panel{box-shadow:none!important;background:0 0!important;border-color:#0000!important}:root[data-app-mode=dark] .home-search-box,:root[data-app-mode=dark] .home-pulse-card,:root[data-app-mode=dark] .home-search-result,:root[data-app-mode=dark] .home-announcement-card,:root[data-app-mode=dark] .home-chart-panel{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important;box-shadow:0 12px 28px #0000002e!important}:root[data-app-mode=dark] .home-chart-panel .recharts-cartesian-grid line{stroke:var(--app-border)}:root[data-app-mode=dark] .home-chart-panel .recharts-default-tooltip{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.home-completion-timeline>button:last-child,.home-delivery-timeline>button:last-child{border-bottom:none!important}.home-completion-timeline>button:hover,.home-delivery-timeline>button:hover{background:var(--app-surface-soft,#f8fafc)!important}:root[data-app-mode=dark] .home-completion-timeline,:root[data-app-mode=dark] .home-delivery-timeline{background-image:linear-gradient(var(--app-border), var(--app-border))!important}:root[data-app-mode=dark] .home-pulse-card:hover,:root[data-app-mode=dark] .home-search-result:hover{background:var(--app-surface-soft)!important}:root[data-app-mode=dark] .home-announcement-card{border-color:#fb923c57!important}:root[data-app-mode=dark] .app-main-nav{border-color:var(--app-border)!important;background:#0f172af0!important;box-shadow:0 10px 24px #0000003d!important}:root[data-app-mode=dark] .app-main-nav-item{color:var(--app-muted)!important}:root[data-app-mode=dark] .app-main-nav-item.is-active{border-color:#6dd5fa5c!important;border-bottom-color:var(--app-accent-soft)!important;color:var(--app-accent-soft)!important;background:#3498db2e!important;box-shadow:0 8px 18px #0000002e!important}:root[data-app-mode=dark] .app-main-nav-item span[aria-label=تحديث\ جديد]{box-shadow:0 0 0 2px var(--app-surface)!important}.app-header-nav-item:hover{color:#fff!important;background:#ffffff1f!important}.app-header-nav-item.is-active:hover{background:#fff3!important}:root[data-app-mode=dark] .app-page-shell h1,:root[data-app-mode=dark] .app-page-shell h2,:root[data-app-mode=dark] .app-page-shell strong{color:var(--app-text)!important}:root[data-app-mode=dark] .home-announcement-item,:root[data-app-mode=dark] .home-announcement-panel,:root[data-app-mode=dark] .home-announcement-panel-item,:root[data-app-mode=dark] .report-preview-panel,:root[data-app-mode=dark] .report-preview-section{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}:root[data-app-mode=dark] .home-announcement-item:hover,:root[data-app-mode=dark] .report-preview-section:hover{background:var(--app-surface-soft)!important}:root[data-app-mode=dark] .report-preview-header,:root[data-app-mode=dark] .report-preview-section-header,:root[data-app-mode=dark] .report-preview-head-row{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}:root[data-app-mode=dark] .report-preview-table th,:root[data-app-mode=dark] .report-preview-table td{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-muted)!important}:root[data-app-mode=dark] .report-preview-table th,:root[data-app-mode=dark] .report-preview-table td:nth-child(2){color:var(--app-text)!important}:root[data-app-mode=dark] .report-preview-table tbody tr:nth-child(2n) td{background:var(--app-surface-soft)!important}:root[data-app-mode=dark] .report-open-button{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-accent-soft)!important}html::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar{width:8px;height:8px}#root::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}#root::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}html::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-track{background:0 0}#root::-webkit-scrollbar-track{background:0 0}button,input,select,textarea{font:inherit}.work-center-backdrop{z-index:2590;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a1f;position:fixed;inset:0}.work-center-shell{z-index:2600;text-align:right;width:auto;height:min(650px,100dvh - 104px);max-height:calc(100dvh - 104px);color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);direction:rtl;border-radius:18px;grid-template-rows:auto minmax(0,1fr);animation:.18s ease-out work-center-enter;display:grid;position:fixed;top:clamp(72px,9vh,92px);left:max(12px,50vw - 520px);right:max(12px,50vw - 520px);overflow:hidden;box-shadow:0 26px 70px #0f172a38}@media (width>=861px){.work-center-shell[data-section=systems]{height:min(465px,100vh - 96px)}.work-center-shell[data-section=notes]{height:min(540px,100vh - 96px)}.work-center-shell[data-section=contacts],.work-center-shell[data-section=calendar]{height:min(590px,100vh - 96px)}}.work-center-header{background:var(--app-surface);border-bottom:1px solid var(--app-border);grid-template-columns:minmax(92px,auto) minmax(170px,1fr) minmax(0,auto);align-items:center;gap:14px;min-height:62px;padding:11px 14px;display:grid}.work-center-heading{gap:1px;min-width:max-content;display:grid}.work-center-heading strong{color:var(--app-text);font-size:16px;line-height:1.2}.work-center-heading span{color:var(--app-muted);font-size:10px;font-weight:700}.work-center-search{justify-self:start;width:min(100%,360px);display:block;position:relative}.work-center-search svg{inset-inline-start:11px;z-index:1;color:var(--app-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.work-center-search input{box-sizing:border-box;width:100%;height:34px;color:var(--app-text);background:var(--app-surface-soft);border:1px solid #0000;border-radius:9px;outline:none;padding:5px 34px 5px 11px;font-size:11px;transition:border-color .16s,background .16s,box-shadow .16s}.work-center-search input:focus{background:var(--app-surface);border-color:color-mix(in srgb, var(--app-accent) 38%, var(--app-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--app-accent) 10%, transparent)}.work-center-header-actions{align-items:center;gap:5px;min-width:0;display:flex}.work-center-header-actions.is-calendar{direction:ltr;justify-content:flex-start}.work-center-shell[data-section=calendar] .work-center-search{width:min(100%,430px)}.work-center-quick-add{color:#fff;background:var(--app-accent-dark);cursor:pointer;white-space:nowrap;border:0;border-radius:9px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.work-center-date{color:var(--app-muted);white-space:nowrap;margin-inline:5px;font-size:10px;font-weight:700}.work-center-icon-button,.work-center-rail-button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,transform .15s;display:inline-flex}.work-center-icon-button{border-radius:9px;width:31px;height:31px}.work-center-icon-button:hover,.work-center-icon-button.is-active{color:var(--app-accent-dark);background:color-mix(in srgb, var(--app-accent) 11%, var(--app-surface))}.work-center-main{direction:ltr;grid-template-columns:54px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.work-center-content{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--app-muted) 32%, transparent) transparent;direction:rtl;grid-column:2;min-width:0;height:100%;min-height:0;padding:15px;overflow:auto}.work-center-shell[data-section=contacts] .work-center-content,.work-center-shell[data-section=calendar] .work-center-content{padding:0;overflow:hidden}.work-center-rail{background:color-mix(in srgb, var(--app-surface-soft) 78%, transparent);border-right:1px solid var(--app-border);direction:rtl;flex-direction:column;grid-area:1/1;align-items:center;gap:5px;padding:9px 7px;display:flex}.work-center-rail-button{border-radius:10px;flex:0 0 38px;width:38px;height:38px}.work-center-rail-button:hover{color:var(--app-text);background:var(--app-surface-soft)}.work-center-rail-button.is-active{color:#fff;background:var(--app-accent);box-shadow:0 7px 16px color-mix(in srgb, var(--app-accent) 28%, transparent)}.work-center-systems-toolbar{justify-content:flex-end;min-height:30px;margin-bottom:1px;display:flex}.work-center-systems-toolbar button{min-height:28px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.work-center-systems-toolbar button:hover,.work-center-systems-toolbar button.is-active{color:var(--app-accent-dark);background:color-mix(in srgb, var(--app-accent) 8%, var(--app-surface))}.work-center-system-form{background:color-mix(in srgb, var(--app-accent) 4%, var(--app-surface-soft));border:1px solid var(--app-border);border-radius:14px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.work-center-system-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.work-center-system-form label{gap:5px;min-width:0;display:grid}.work-center-system-form label span{color:var(--app-muted);font-size:9px;font-weight:800}.work-center-system-form input{box-sizing:border-box;width:100%;min-width:0;height:34px;color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);border-radius:9px;outline:none;padding:5px 9px;font-size:10px}.work-center-system-form input:focus{border-color:color-mix(in srgb, var(--app-accent) 42%, var(--app-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--app-accent) 9%, transparent)}.work-center-system-form-footer{justify-content:flex-start;align-items:center;gap:7px;display:flex}.work-center-system-form-footer span{color:#b45309;margin-inline-end:auto;font-size:10px;font-weight:800}.work-center-system-form-footer button{min-height:31px;color:var(--app-muted);background:var(--app-surface);border:1px solid var(--app-border);cursor:pointer;border-radius:9px;padding:0 12px;font-size:10px;font-weight:800}.work-center-system-form-footer button[type=submit]{color:#fff;background:var(--app-accent-dark);border-color:var(--app-accent-dark)}.work-center-system-section{min-width:0}.work-center-system-section-title{padding-inline:2px}.work-center-system-grid{display:grid}.work-center-system-grid.is-favorites{direction:rtl;grid-template-columns:repeat(auto-fit,112px);justify-content:start;gap:14px}.work-center-system-list{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.work-center-system-item{min-width:0;position:relative}.work-center-system-button{width:100%;min-width:0;color:var(--app-text);text-align:right;border:0;font-family:inherit;transition:color .15s,background .15s,transform .15s;position:relative}.work-center-system-button:hover{color:var(--app-accent-dark)}.work-center-system-tile{text-align:center;background:var(--app-surface-soft);border-radius:16px;align-content:center;justify-items:center;gap:10px;min-height:120px;padding:14px 8px 12px;display:grid}.work-center-system-tile:hover{background:color-mix(in srgb, var(--app-accent) 7%, var(--app-surface-soft));transform:translateY(-1px)}.work-center-system-row{background:color-mix(in srgb, var(--app-surface-soft) 55%, transparent);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:54px;padding:7px 7px 7px 36px;display:grid}.work-center-system-row:hover{background:color-mix(in srgb, var(--app-accent) 7%, var(--app-surface-soft))}.work-center-system-icon{width:44px;height:44px;color:var(--app-accent-dark);background:color-mix(in srgb, var(--app-accent) 10%, var(--app-surface));border-radius:13px;place-items:center;display:grid}.work-center-system-tile .work-center-system-icon{border-radius:16px;width:58px;height:58px}.work-center-system-tile .work-center-system-icon svg{width:25px;height:25px}.work-center-system-row .work-center-system-icon{border-radius:11px;width:36px;height:36px}.work-center-system-copy{gap:2px;min-width:0;display:grid}.work-center-system-copy strong,.work-center-system-copy small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.work-center-system-copy strong{color:inherit;font-size:10px;font-weight:800}.work-center-system-copy small{color:var(--app-muted);font-size:8px;font-weight:700}.work-center-system-row .work-center-system-copy small{display:none}.work-center-system-tile .work-center-system-copy{justify-items:center}.work-center-system-tile .work-center-system-copy strong{font-size:9px}.work-center-system-external{inset-inline-end:7px;color:var(--app-muted);opacity:0;transition:opacity .15s;position:absolute;top:7px}.work-center-system-button:hover .work-center-system-external{opacity:1}.work-center-system-favorite{z-index:1;width:24px;height:24px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.work-center-system-favorite.is-active{color:#d99500}.work-center-system-favorite:hover{color:#d99500;background:color-mix(in srgb, var(--app-accent) 8%, transparent)}.work-center-system-item.is-favorite .work-center-system-favorite{top:8px;transform:none}.work-center-system-url{box-sizing:border-box;width:100%;color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);text-align:left;direction:ltr;border-radius:8px;outline:none;margin-top:5px;padding:5px 7px;font-family:inherit;font-size:9px}.work-center-system-url:focus{border-color:color-mix(in srgb, var(--app-accent) 45%, var(--app-border))}.work-center-notes-panel{gap:16px;display:grid}.work-center-note-composer{background:var(--app-surface-soft);min-height:210px;box-shadow:none;border:0;border-radius:13px;grid-template-rows:auto minmax(92px,1fr) auto;gap:10px;padding:18px 18px 16px;display:grid}.work-center-note-title-input,.work-center-note-body-input,.work-center-note-edit-title,.work-center-note-edit-body{box-sizing:border-box;width:100%;color:var(--app-text);text-align:right;background:0 0;border:0;outline:none;font-family:inherit}.work-center-note-title-input{height:34px;font-size:16px;font-weight:800}.work-center-note-body-input{resize:none;min-height:104px;color:var(--app-muted);font-size:15px;line-height:1.8}.work-center-note-title-input::placeholder,.work-center-note-body-input::placeholder{color:color-mix(in srgb, var(--app-muted) 76%, transparent);opacity:1}.work-center-note-composer-footer{border-top:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.work-center-note-save-button{color:#fff;background:color-mix(in srgb, var(--app-accent) 72%, #fff);cursor:pointer;border:0;border-radius:9px;min-width:66px;min-height:35px;padding:0 16px;font-size:12px;font-weight:900}.work-center-note-color-picker{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.work-center-note-color-picker button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:31px;height:31px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 5px 14px #0f172a14}.work-center-note-color-picker button.is-active{border-color:#0f172a;transform:scale(1.06);box-shadow:0 0 0 3px #fff,0 8px 18px #0f172a24}.work-center-note-color-picker.is-small{gap:5px}.work-center-note-color-picker.is-small button{width:18px;height:18px}.work-center-notes-heading{color:var(--app-muted);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.work-center-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.work-center-note-card{min-height:124px;box-shadow:none;border:0;border-radius:11px;align-content:start;padding:18px 18px 14px;display:grid}.work-center-note-card-inner{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.work-center-note-open{color:#1f2937;cursor:pointer;text-align:right;background:0 0;border:0;gap:8px;min-width:0;padding:0;font-family:inherit;display:grid}.work-center-note-open strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;line-height:1.45;overflow:hidden}.work-center-note-open span{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.7;display:-webkit-box;overflow:hidden}.work-center-note-card-actions,.work-center-note-actions{align-items:center;gap:5px;display:flex}.work-center-note-card-actions{color:#b7791f}.work-center-note-card-actions button,.work-center-note-actions button{color:#64748b;cursor:pointer;background:#ffffff85;border:0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;display:grid}.work-center-note-actions button.is-active{color:#b7791f}.work-center-note-actions button.is-danger,.work-center-note-card-actions button{color:#dc2626}.work-center-note-edit-title{color:#1f2937;height:30px;font-size:14px;font-weight:900}.work-center-note-edit-body{resize:vertical;color:#334155;min-height:76px;font-size:12px;line-height:1.7}.work-center-note-edit-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.work-center-note-done{min-width:40px;color:#fff!important;background:var(--app-accent-dark)!important;width:auto!important;padding:0 10px!important}.work-center-contacts-layout{direction:ltr;grid-template-columns:270px minmax(0,1fr);height:100%;min-height:100%;display:grid;overflow:hidden}.work-center-contact-details,.work-center-contact-list-panel{direction:rtl;min-width:0;min-height:0}.work-center-contact-details{text-align:center;background:color-mix(in srgb, var(--app-surface-soft) 68%, var(--app-surface));border-right:1px solid var(--app-border);flex-direction:column;align-items:center;gap:8px;padding:24px 18px 18px;display:flex}.work-center-contact-details>strong{color:var(--app-text);margin-top:7px;font-size:15px}.work-center-contact-details>span{color:var(--app-muted);font-size:11px;font-weight:700}.work-center-contact-details>small{color:var(--app-muted);background:var(--app-surface);border-radius:999px;padding:4px 10px;font-size:9px;font-weight:700}.work-center-contact-avatar{width:82px;height:82px;color:var(--app-accent-dark);background:color-mix(in srgb, var(--app-accent) 12%, var(--app-surface));border:1px solid color-mix(in srgb, var(--app-accent) 18%, var(--app-border));border-radius:50%;place-items:center;font-size:26px;font-weight:800;display:grid}.work-center-contact-status{color:#16a34a;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.work-center-contact-status span{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #22c55e1f}.work-center-contact-status strong{color:inherit;font-size:inherit}.work-center-contact-links{border-top:1px solid var(--app-border);gap:8px;width:100%;margin-top:auto;padding-top:16px;display:grid}.work-center-contact-links a{min-width:0;min-height:30px;color:var(--app-muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.work-center-contact-links a:hover{color:var(--app-accent-dark);background:var(--app-surface)}.work-center-contact-links a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-center-contact-list-panel{flex-direction:column;gap:10px;height:100%;padding:14px;display:flex;overflow:hidden}.work-center-contact-form{background:color-mix(in srgb, var(--app-accent) 5%, var(--app-surface-soft));border:1px solid var(--app-border);border-radius:14px;gap:10px;padding:12px;display:grid}.work-center-contact-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.work-center-contact-form label{gap:5px;min-width:0;display:grid}.work-center-contact-form label span{color:var(--app-muted);font-size:9px;font-weight:800}.work-center-contact-form input{box-sizing:border-box;width:100%;min-width:0;height:33px;color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);border-radius:9px;outline:none;padding:5px 9px;font-family:inherit;font-size:10px;font-weight:700}.work-center-contact-form input:focus{border-color:color-mix(in srgb, var(--app-accent) 42%, var(--app-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--app-accent) 9%, transparent)}.work-center-contact-scope{background:var(--app-surface);border:1px solid var(--app-border);border-radius:999px;gap:3px;width:fit-content;padding:3px;display:inline-flex}.work-center-contact-scope button{min-height:27px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:10px;font-weight:900}.work-center-contact-scope button.is-active{color:#fff;background:var(--app-accent-dark)}.work-center-contact-form-footer{justify-content:flex-start;align-items:center;gap:7px;display:flex}.work-center-contact-form-footer span{color:#b45309;margin-inline-end:auto;font-size:10px;font-weight:800}.work-center-contact-form-footer button{min-height:30px;color:var(--app-muted);background:var(--app-surface);border:1px solid var(--app-border);cursor:pointer;border-radius:9px;padding:0 12px;font-size:10px;font-weight:800}.work-center-contact-form-footer button[type=submit]{color:#fff;background:var(--app-accent-dark);border-color:var(--app-accent-dark)}.work-center-contact-search{display:block;position:relative}.work-center-contact-search svg{inset-inline-start:12px;color:var(--app-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.work-center-contact-search input{box-sizing:border-box;width:100%;min-height:38px;color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;outline:none;padding:7px 36px 7px 12px;font-size:12px;font-weight:700}.work-center-contact-search input:focus{border-color:color-mix(in srgb, var(--app-accent) 42%, var(--app-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--app-accent) 9%, transparent)}.work-center-contact-tabs{flex-wrap:wrap;justify-content:flex-start;gap:7px;display:flex}.work-center-contact-tabs button{min-height:29px;color:var(--app-muted);background:var(--app-surface-soft);cursor:pointer;border:0;border-radius:9px;padding:0 13px;font-size:11px;font-weight:800}.work-center-contact-tabs button.is-active{color:#fff;background:var(--app-accent-dark)}.work-center-contact-list-heading{min-height:36px;color:var(--app-muted);background:var(--app-surface-soft);border-radius:10px;justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;display:flex}.work-center-contact-list-heading select{min-width:0;height:100%;color:var(--app-text);background:0 0;border:0;outline:none;flex:1;padding:0 0 0 22px;font-family:inherit;font-size:11px;font-weight:800}.work-center-contact-list-heading span{min-width:22px;height:20px;color:var(--app-accent-dark);background:var(--app-surface);border-radius:999px;place-items:center;padding-inline:6px;font-size:9px;font-weight:800;display:grid}.work-center-contact-list{overscroll-behavior:contain;flex:auto;align-content:start;gap:8px;min-height:0;padding-inline-end:2px;display:grid;overflow:hidden auto}.work-center-contact-row{cursor:pointer;background:0 0;border:0;border-radius:12px;outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:6px 10px;transition:background .15s,transform .15s;display:grid}.work-center-contact-row:hover,.work-center-contact-row.is-active,.work-center-contact-row:focus-visible{background:color-mix(in srgb, var(--app-accent) 10%, var(--app-surface))}.work-center-contact-select{text-align:right;min-width:0;color:var(--app-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.work-center-contact-select>span:last-child{gap:2px;min-width:0;display:grid}.work-center-contact-select strong,.work-center-contact-select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-center-contact-select strong{color:var(--app-text);font-size:12px;font-weight:900}.work-center-contact-select small{color:var(--app-muted);font-size:10px;font-weight:700}.work-center-contact-row-avatar{width:38px;height:38px;color:var(--app-accent-dark);background:color-mix(in srgb, var(--app-accent) 10%, var(--app-surface));border:1px solid color-mix(in srgb, var(--app-accent) 12%, var(--app-border));border-radius:50%;flex:0 0 38px;place-items:center;font-size:11px;font-weight:800;display:grid;position:relative}.work-center-contact-row-avatar span{border:2px solid var(--app-surface);background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;right:0}.work-center-contact-favorite{width:30px;height:30px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.work-center-contact-favorite:hover{color:#f59e0b;background:#f59e0b14}.work-center-contact-favorite.is-active{color:#f59e0b}.work-center-calendar-layout{direction:ltr;grid-template-columns:330px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.work-center-calendar-sidebar,.work-center-calendar-main{direction:rtl;min-width:0;min-height:0}.work-center-calendar-sidebar{background:color-mix(in srgb, var(--app-surface-soft) 42%, var(--app-surface));border-right:1px solid var(--app-border);padding:16px;overflow:hidden auto}.work-center-calendar-main{overscroll-behavior:contain;padding:18px 24px 18px 18px;overflow:hidden auto}.work-center-calendar-main>*+*{margin-top:12px}.work-center-calendar-hidden-toggle{color:var(--app-muted);cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;margin-top:12px;padding:12px 10px 2px;font-size:12px;font-weight:800;display:flex}.work-center-calendar-hidden-toggle input{width:16px;height:16px;accent-color:var(--app-accent);cursor:pointer}.work-center-calendar-agenda-shell{grid-template-rows:auto auto auto;gap:14px;min-height:0;display:grid}.work-center-calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.work-center-calendar-tabs,.work-center-calendar-type-tabs{align-items:center;gap:8px;display:inline-flex}.work-center-calendar-tabs button,.work-center-calendar-type-tabs button{background:color-mix(in srgb, var(--app-surface-soft) 78%, var(--app-surface));height:34px;color:var(--app-text);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 16px;font-size:13px;font-weight:800}.work-center-calendar-tabs button.is-active,.work-center-calendar-type-tabs button.is-active{color:#fff;background:var(--app-accent)}.work-center-calendar-agenda-header{color:var(--app-accent-dark);justify-content:flex-start;align-items:center;gap:8px;display:flex}.work-center-calendar-agenda-header>span,.work-center-calendar-date-title>span{background:var(--app-accent);border-radius:999px;flex:none;width:9px;height:9px}.work-center-calendar-agenda-header strong{color:var(--app-accent-dark);font-size:13px;font-weight:900}.work-center-calendar-agenda-header small{color:var(--app-muted);font-size:11px;font-weight:800}.work-center-calendar-empty{min-height:190px;color:var(--app-muted);background:color-mix(in srgb, var(--app-surface-soft) 42%, var(--app-surface));border:1px dashed var(--app-border);border-radius:18px;place-items:center;font-size:13px;font-weight:800;display:grid}.work-center-calendar-agenda-list{padding-inline-start:4px;align-content:start;gap:18px;min-height:0;padding-bottom:10px;display:grid;overflow:visible}.work-center-calendar-date-group{gap:12px;display:grid}.work-center-calendar-date-title{color:var(--app-accent-dark);align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.work-center-calendar-timeline{gap:12px;padding-right:26px;display:grid;position:relative}.work-center-calendar-timeline:before{content:"";background:color-mix(in srgb, var(--app-accent) 34%, transparent);border-radius:999px;width:2px;position:absolute;top:4px;bottom:4px;right:8px}.work-center-calendar-event-card{width:100%;min-height:108px;color:var(--app-text);font:inherit;text-align:right;cursor:pointer;direction:ltr;background:#f7f9fb;border:1px solid #0000;border-radius:14px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:18px;padding:16px 20px;display:grid;position:relative}.work-center-calendar-event-card:before{content:"";background:var(--app-accent);border:3px solid var(--app-surface);width:9px;height:9px;box-shadow:0 0 0 1px color-mix(in srgb, var(--app-accent) 35%, transparent);border-radius:999px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.work-center-calendar-event-card:hover,.work-center-calendar-event-card.is-active{background:#f3f7fa;border-color:#0000}.work-center-calendar-event-status{color:#16a34a;direction:rtl;place-self:start;padding-top:2px;font-size:11px;font-weight:900}.work-center-calendar-event-status.is-cancelled{color:#c2410c}.work-center-calendar-event-body{text-align:right;direction:rtl;justify-items:start;gap:9px;min-width:0;display:grid}.work-center-calendar-event-meta{color:var(--app-muted);direction:rtl;align-items:center;gap:10px;font-size:11px;font-weight:800;display:inline-flex}.work-center-calendar-event-type{color:#0b7fc0;background:#f7fbff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:900;line-height:1.1;display:inline-flex}.work-center-calendar-event-type.is-visit{color:#16a34a;background:#ecfdf5;border-color:#bbf7d0}.work-center-calendar-event-time{color:#64748b;direction:ltr;font-weight:900}.work-center-calendar-event-body strong{max-width:100%;color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;line-height:1.45;overflow:hidden}.work-center-calendar-event-details{max-width:100%;color:var(--app-muted);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px;font-size:10.5px;font-weight:800;display:inline-flex}.work-center-calendar-event-details span{min-width:0;color:inherit;align-items:center;gap:5px;display:inline-flex}.work-center-calendar-event-details svg{color:#64748b;flex:none}.work-center-calendar-event-details span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-app-mode=dark] .work-center-backdrop{background:#0206176b}:root[data-app-mode=dark] .work-center-shell{box-shadow:0 28px 76px #0000006b}@keyframes work-center-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.work-center-shell,.work-center-shell[data-mobile=true]{height:min(78vh,680px);max-height:calc(100dvh - 88px);top:72px;left:10px;right:10px}.work-center-header{grid-template-columns:minmax(0,1fr) auto;gap:8px}.work-center-search{grid-area:2/1/auto/-1;width:100%;max-width:none}.work-center-main{grid-template-columns:48px minmax(0,1fr)}.work-center-content{padding:11px}.work-center-rail{padding-inline:5px}.work-center-system-grid,.work-center-system-grid.is-favorites{grid-template-columns:repeat(3,minmax(0,1fr))}.work-center-system-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-center-calendar-layout{grid-template-columns:260px minmax(0,1fr)}.work-center-contacts-layout{grid-template-columns:210px minmax(0,1fr)}}@media (width<=520px){.work-center-shell,.work-center-shell[data-mobile=true]{border-radius:14px;height:calc(100dvh - 76px);max-height:calc(100dvh - 76px);top:64px;left:6px;right:6px}.work-center-heading span{display:none}.work-center-system-grid,.work-center-system-grid.is-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}.work-center-system-form-grid{grid-template-columns:minmax(0,1fr)}.work-center-system-form-footer{flex-wrap:wrap}.work-center-date,.work-center-quick-add span{display:none}.work-center-quick-add{justify-content:center;width:32px;padding:0}.work-center-notes-grid,.work-center-calendar-layout,.work-center-contacts-layout{grid-template-columns:minmax(0,1fr)}.work-center-calendar-layout{grid-template-rows:auto minmax(0,1fr)}.work-center-contact-details{display:none}.work-center-calendar-sidebar{border-right:0;border-bottom:1px solid var(--app-border);max-height:min(320px,42dvh);display:block}.work-center-calendar-main{padding:14px}.work-center-calendar-event-card{grid-template-columns:minmax(0,1fr)}.work-center-calendar-event-status{justify-self:end}}.work-center-shell[data-section=systems]{height:auto;max-height:calc(100dvh - 84px)}.work-center-shell[data-section=systems] .work-center-main,.work-center-shell[data-section=systems] .work-center-content{max-height:calc(100dvh - 154px)}.work-center-shell[data-section=systems] .work-center-content{overflow-y:auto}select[data-clean="1"]{appearance:none;background-image:none}select[data-clean="1"]::-ms-expand{display:none}body,html{margin:0;padding:0}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.home-card-grid{grid-template-columns:repeat(3,minmax(220px,270px));justify-content:center;gap:14px;display:grid}@media (width<=900px){.home-card-grid{grid-template-columns:repeat(2,minmax(220px,270px))}}@media (width<=620px){.home-card-grid{grid-template-columns:minmax(0,1fr)}}.app-page-shell{width:100%}@media (width<=1024px){.app-page-shell{padding:20px 16px!important}.dashboard-main-grid{grid-template-columns:minmax(0,1fr)!important}}@media (width<=768px){.app-page-shell{padding:16px 12px 22px!important}.dashboard-filter-panel{flex-wrap:wrap!important;overflow-x:visible!important}.dashboard-filter-panel>*{flex:calc(50% - 10px);min-width:140px}.dashboard-filter-panel button{justify-content:center}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.department-section-shell{padding:12px!important}.department-section-header{align-items:flex-start!important}.department-section-pills{width:100%}.department-section-table-wrap{margin-inline:-4px}.department-section-head-row,.department-section-row{font-size:12px!important}.department-section-row{gap:6px!important;padding:8px!important}}@media (width<=540px){.dashboard-filter-panel>*{flex-basis:100%}.dashboard-metric-grid{grid-template-columns:minmax(0,1fr)!important}.home-card-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.department-section-shell{border-radius:20px!important}.dashboard-filter-panel>*,.app-page-shell [style*="border: 1px solid rgb(229, 237, 245)"]{min-width:0}}