:root{--charcoal:#1f2428;--charcoal-light:#2d3439;--off-white:#eef0f1;--white:#fff;--safety-orange:#f26419;--safety-orange-hover:#d5530f;--safety-orange-light:#f2641929;--steel-blue:#3e5c76;--steel-blue-light:#3e5c761a;--steel-blue-border:#ccd6dd;--green:#2e933c;--green-light:#2e933c1a;--amber:#f0a202;--amber-light:#f0a2021a;--red:#d64045;--red-light:#d640451a;--border-color:#e6e8ea;--border-color-dark:#cbd0d3;--text-primary:#1f2428;--text-secondary:#6b747a;--text-muted:#8a9298;--font-primary:"Heebo", "Assistant", system-ui, -apple-system, sans-serif;--sidebar-width:248px;--sidebar-collapsed-width:64px;--topbar-height:56px;--radius-sm:7px;--radius-md:9px;--radius-lg:14px;--transition-fast:.12s ease;--transition-normal:.25s ease}.dark-theme{--off-white:#121518;--white:#1f2428;--text-primary:#f7f8f8;--text-secondary:#94a3b8;--border-color:#2d3748;--border-color-dark:#4a5568}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--off-white);color:var(--text-primary);text-align:right;-webkit-font-smoothing:antialiased;direction:rtl;font-size:15px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25}.tabular-nums{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed;font-family:Assistant,Heebo,monospace}.metric-value,.number-input,.unrolled-length,.weight-summary{font-variant-numeric:tabular-nums;direction:ltr;font-family:Assistant,Heebo,monospace;display:inline-block}.app-container{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;min-height:100vh;transition:grid-template-columns var(--transition-normal);grid-template-areas:"sidebar topbar""sidebar content";display:grid}.app-container.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{background-color:var(--charcoal);color:var(--off-white);width:var(--sidebar-width);z-index:100;transition:width var(--transition-normal);border-left:1px solid #ffffff0d;flex-direction:column;grid-area:sidebar;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo-container{height:var(--topbar-height);border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:0 16px;display:flex;overflow:hidden}.logo-icon{border-radius:var(--radius-md);flex-shrink:0;width:32px;height:32px;display:block}.logo-text{letter-spacing:.5px;color:var(--white);white-space:nowrap;font-size:18px;font-weight:700}.sidebar-menu{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.menu-item{border-radius:var(--radius-md);color:#a9b0b5;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{color:var(--white);background-color:#ffffff14}.menu-item.active{color:var(--white);background-color:var(--safety-orange-light);box-shadow:inset 3px 0 0 var(--safety-orange);font-weight:700}.menu-badge{background-color:var(--red);color:#fff;border-radius:10px;margin-right:auto;padding:1px 6px;font-size:11px;font-weight:700}.sidebar-footer{color:var(--text-secondary);border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;padding:12px;font-size:12px;display:flex}.topbar{background-color:var(--white);height:var(--topbar-height);border-bottom:1px solid var(--border-color);z-index:90;grid-area:topbar;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-center{flex:1;max-width:480px;margin:0 24px;position:relative}.search-box{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:36px;font-family:var(--font-primary);color:var(--text-muted);transition:all var(--transition-fast);background-color:#f4f5f6;padding:0 36px 0 12px;font-size:13.5px}.search-box:focus{background-color:#eef0f1;border-color:#d7dadd;outline:none}.search-icon-inside{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-shortcut{background-color:var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);pointer-events:none;padding:2px 4px;font-size:11px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-left{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-md);height:36px;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--safety-orange);color:#fff;box-shadow:0 2px 6px #f264194d}.btn-primary:hover{background-color:#e0560f}.btn-secondary{background-color:var(--steel-blue);color:#fff}.btn-secondary:hover{background-color:#33506a}.btn-outline{color:#4b5359;background-color:#fff;border:1px solid #e1e4e6;font-weight:600}.btn-outline:hover{background-color:#f7f8f8}.btn-icon{width:36px;height:36px;color:var(--text-primary);background-color:#0000;border:none;border-radius:50%;padding:0}.btn-icon:hover{background-color:var(--off-white)}.pill{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.pill-primary{background-color:var(--safety-orange-light);color:var(--safety-orange)}.pill-success{background-color:var(--green-light);color:var(--green)}.pill-warning{background-color:var(--amber-light);color:var(--amber)}.pill-danger{background-color:var(--red-light);color:var(--red)}.pill-neutral{background-color:var(--border-color);color:var(--text-secondary)}.content-area{height:calc(100vh - var(--topbar-height));flex-direction:column;grid-area:content;gap:16px;padding:22px 26px 40px;display:flex;overflow:hidden auto}.page-header{justify-content:space-between;align-items:center;display:flex}.breadcrumbs{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.breadcrumbs a{color:var(--text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--safety-orange)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.kpi-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.kpi-title{color:var(--text-secondary);font-size:13px;font-weight:500}.kpi-value{color:var(--text-primary);font-family:Assistant,monospace;font-size:28px;font-weight:700}.kpi-trend{align-items:center;gap:4px;font-size:12px;display:flex}.kpi-trend.up{color:var(--green)}.kpi-trend.down{color:var(--red)}.grid-2-1{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.grid-2-1{grid-template-columns:1fr}}.card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:16px 18px;display:flex}.card-title-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.card-title{font-size:16px;font-weight:700}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:right;background-color:var(--white);width:100%}th,td{white-space:nowrap;border-bottom:1px solid #f0f1f2;padding:10px 14px}th{color:#6b747a;border-bottom:1px solid var(--border-color);background-color:#fafbfb;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background-color:#fafbfb}.form-group{flex-direction:column;gap:6px;display:flex}label{color:var(--text-primary);font-size:13px;font-weight:600}.input-field{border-radius:var(--radius-md);width:100%;height:40px;font-family:var(--font-primary);background-color:var(--white);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #e1e4e6;padding:0 12px;font-size:14px}.input-field:focus{border-color:#d7dadd;outline:none}.input-field:disabled{background-color:var(--off-white);color:var(--text-secondary);cursor:not-allowed}.chips-container{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{background-color:var(--white);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:16px;padding:6px 12px;font-size:13px;font-weight:500}.chip:hover,.chip.active{border-color:var(--safety-orange);color:var(--safety-orange);background-color:var(--safety-orange-light)}.shape-svg-thumbnail{background-color:var(--off-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:4px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#1f242899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:16px;width:90%;max-width:640px;padding:24px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.empty-state{text-align:center;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background-image:radial-gradient(var(--border-color) 1px, transparent 0);color:var(--text-secondary);background-size:12px 12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,#eef0f1 0%,#f7f8f8 40%,#eef0f1 80%) 0 0/200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.toast{background-color:var(--charcoal);color:#fff;border-radius:var(--radius-md);border-right:4px solid var(--safety-orange);align-items:center;gap:12px;min-width:280px;padding:12px 16px;font-size:14px;animation:.2s slideInLeft;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toast-success{border-right-color:var(--green)}.toast-warning{border-right-color:var(--amber)}.toast-danger{border-right-color:var(--red)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.signature-canvas{border:1px dashed var(--border-color-dark);border-radius:var(--radius-md);background-color:var(--off-white);cursor:crosshair;height:120px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.login-page{background:radial-gradient(circle at 15% 20%,#f264191f,#0000 35rem),linear-gradient(160deg,#eef1f3 0%,#f7f8f8 55%,#e5eaee 100%);min-height:100svh}.public-auth-header{z-index:10;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f8f0;position:relative}.public-auth-header__inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,1120px);min-height:72px;margin-inline:auto;display:flex}.public-auth-brand{color:var(--text-primary);align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.public-auth-brand img{border-radius:10px}.public-auth-brand small{color:var(--text-secondary);font-size:.85rem;font-weight:500}.public-auth-nav{align-items:center;gap:1.1rem;display:none}.public-auth-nav a,.public-auth-drawer a{color:var(--text-secondary);font-weight:500;text-decoration:none}.public-auth-nav a:hover,.public-auth-nav a:focus-visible,.public-auth-drawer a:hover,.public-auth-drawer a:focus-visible{color:var(--text-primary)}.public-auth-actions{align-items:center;gap:.6rem;display:flex}.public-auth-toggle{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);width:42px;height:42px;color:var(--text-primary);font:inherit;cursor:pointer;font-size:1.25rem}.public-auth-drawer{background:var(--white);border-top:1px solid var(--border-color);gap:.25rem;padding:.5rem 1rem 1rem;display:grid}.public-auth-drawer[hidden]{display:none}.public-auth-drawer a{padding:.7rem .25rem}.login-main{place-items:center;min-height:calc(100svh - 73px);padding:2rem 1rem 3rem;display:grid}.login-card{background:var(--white);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:1.25rem;width:min(100%,420px);padding:clamp(1.4rem,4vw,2rem);display:flex;box-shadow:0 18px 60px #1f24281f}.login-card__brand{text-align:center}.login-card__brand img{border-radius:14px;width:64px;height:64px;margin:0 auto .75rem}.login-card__brand h1{margin-bottom:.25rem;font-size:1.45rem}.login-card__brand p{color:var(--text-secondary);font-size:.9rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.login-forgot{color:var(--safety-orange);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem}.login-error{border-radius:var(--radius-md);color:var(--red);background:var(--red-light);padding:.7rem .8rem;font-size:.85rem}.login-submit{min-height:44px;font-size:1rem}.login-divider{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.login-google{place-items:center;min-height:40px;display:grid}.public-auth-toggle:focus-visible,.login-forgot:focus-visible,.public-auth-brand:focus-visible,.public-auth-nav a:focus-visible,.public-auth-drawer a:focus-visible{outline-offset:3px;outline:3px solid #f2641959}@media (width>=900px){.public-auth-nav{display:flex}.public-auth-toggle,.public-auth-drawer{display:none}}@media (width<=560px){.public-auth-actions .btn{display:none}.login-main{place-items:start center;padding-top:1.25rem}.login-card{border-radius:16px}}