.widget-boundary{display:flex;align-items:center;gap:var(--ds-space-3, 12px);padding:var(--ds-space-4, 16px);margin-bottom:var(--ds-space-4, 16px);border:1px solid var(--ds-danger-border, #fecaca);background:var(--ds-danger-bg, #fef2f2);border-radius:var(--ds-radius-lg, 12px);color:var(--ds-danger-dark, #b91c1c)}.widget-boundary__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--ds-radius-md, 8px);background:var(--ds-danger, #dc2626);color:#fff}.widget-boundary__body{display:flex;flex-direction:column;flex:1;min-width:0}.widget-boundary__title{font-weight:600;font-size:.88rem}.widget-boundary__name{font-size:.76rem;opacity:.8}.widget-boundary__retry{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--ds-danger-dark, #b91c1c);background:transparent;border:1px solid var(--ds-danger-border, #fecaca);border-radius:var(--ds-radius-md, 8px);cursor:pointer}.widget-boundary__retry:hover{background:#dc262614}.widget-boundary__copy{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--ds-border, #e5e7eb);color:var(--ds-text-muted, #6b7280);border-radius:var(--ds-radius, 6px);padding:.25rem .5rem;font-size:.8rem;cursor:pointer;margin-inline-start:.4rem}.widget-boundary__copy:hover{color:var(--ds-text, #1a1a1a);border-color:var(--ds-text-muted, #9ca3af)}.unauthorized-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-8);background:var(--ds-bg-base)}.unauthorized-content{text-align:center;max-width:500px}.unauthorized-icon{color:var(--ds-danger);margin-bottom:var(--ds-space-8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.unauthorized-title{font-size:var(--ds-text-4xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);margin-bottom:var(--ds-space-4)}.unauthorized-message{font-size:var(--ds-text-base);color:var(--ds-text-secondary);line-height:var(--ds-leading-relaxed);margin-bottom:var(--ds-space-8)}.unauthorized-actions{display:flex;gap:var(--ds-space-4);justify-content:center;flex-wrap:wrap}.btn-primary,.unauthorized-page .btn-secondary{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-6);border:none;border-radius:var(--ds-radius-lg);font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-base)}.btn-primary:hover{background:var(--ds-primary-hover);transform:translateY(-2px)}.unauthorized-page .btn-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.btn-secondary:hover{background:var(--ds-bg-hover);transform:translateY(-2px)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;z-index:0}.login-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--ds-bg-base) 0%,var(--ds-gray-900) 50%,var(--ds-bg-base) 100%)}.login-bg-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ds-text-on-primary) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ds-text-on-primary) 3%,transparent) 1px,transparent 1px);background-size:50px 50px}.login-bg-glow{position:absolute;top:-50%;left:-25%;width:150%;height:150%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ds-danger) 15%,transparent) 0%,transparent 60%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.login-lang-btn{position:absolute;top:var(--ds-space-6);right:var(--ds-space-6);padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;z-index:10;transition:all var(--ds-transition-fast)}[dir=rtl] .login-lang-btn{right:auto;left:var(--ds-space-6)}.login-lang-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.login-theme-btn{position:absolute;top:var(--ds-space-6);right:calc(var(--ds-space-6) + 80px);padding:var(--ds-space-2);background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;z-index:10;transition:all var(--ds-transition-fast);display:flex;align-items:center;justify-content:center}[dir=rtl] .login-theme-btn{right:auto;left:calc(var(--ds-space-6) + 80px)}.login-theme-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}[data-theme=light] .login-lang-btn,[data-theme=light] .login-theme-btn{background:color-mix(in srgb,var(--ds-text-on-primary) 85%,transparent);border:1px solid color-mix(in srgb,var(--ds-black) 20%,transparent);color:var(--ds-text-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--ds-black) 10%,transparent)}[data-theme=light] .login-lang-btn:hover,[data-theme=light] .login-theme-btn:hover{background:var(--ds-text-on-primary);border-color:color-mix(in srgb,var(--ds-black) 30%,transparent);color:var(--ds-text-primary)}.login-container{position:relative;z-index:1;width:100%;max-width:440px;padding:var(--ds-space-6)}.login-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-2xl);padding:var(--ds-space-10);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--ds-shadow-xl),0 0 60px color-mix(in srgb,var(--ds-danger) 10%,transparent);animation:fadeIn .5s ease-out}.login-logo{text-align:center;margin-bottom:var(--ds-space-8)}.login-logo-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-secondary));border-radius:var(--ds-radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--ds-space-4);color:var(--ds-text-on-primary);box-shadow:0 10px 30px color-mix(in srgb,var(--ds-danger) 30%,transparent)}.login-logo-text{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.login-logo-subtitle{font-size:.875rem;color:var(--ds-text-muted)}.login-header{text-align:center;margin-bottom:var(--ds-space-6)}.login-header h2{font-size:1.5rem;margin-bottom:var(--ds-space-2)}.login-header p{color:var(--ds-text-muted);font-size:.875rem}.login-error{background:color-mix(in srgb,var(--ds-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--ds-danger) 30%,transparent);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-error);font-size:.875rem;margin-bottom:var(--ds-space-5);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--ds-space-5)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:var(--ds-space-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;padding:var(--ds-space-1)}[dir=rtl] .password-toggle{right:auto;left:var(--ds-space-3)}.password-toggle:hover{color:var(--ds-text-primary)}.login-options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.checkbox-wrapper{display:flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;color:var(--ds-text-secondary)}.checkbox-wrapper input{width:16px;height:16px;accent-color:var(--ds-primary)}.forgot-link{color:var(--ds-primary-light);font-size:.875rem}.forgot-link:hover{color:var(--ds-primary)}.login-btn{margin-top:var(--ds-space-2)}.login-btn .animate-spin{animation:spin 1s linear infinite}.login-footer{text-align:center;margin-top:var(--ds-space-8);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.login-footer p{font-size:.75rem;color:var(--ds-text-muted)}@media(max-width:480px){.login-container{padding:var(--ds-space-4)}.login-card{padding:var(--ds-space-6)}}.login-step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6)}.login-step{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);opacity:.5;transition:all var(--ds-transition-fast)}.login-step.active{opacity:1}.login-step-circle{width:28px;height:28px;border-radius:50%;background:var(--ds-bg-surface);border:2px solid var(--ds-border-default);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--ds-text-muted);transition:all var(--ds-transition-fast)}.login-step.active .login-step-circle{border-color:var(--ds-primary);color:var(--ds-primary);background:color-mix(in srgb,var(--ds-danger) 10%,transparent)}.login-step.completed .login-step-circle{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.login-step span{font-size:.7rem;color:var(--ds-text-muted)}.login-step.active span{color:var(--ds-text-primary)}.login-step-line{width:40px;height:2px;background:var(--ds-border-default);margin-bottom:18px}.login-user-greeting{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4);color:var(--ds-text-primary);font-weight:500}.login-auth-type{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.auth-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-bg-surface);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;transition:all var(--ds-transition-fast)}.auth-type-btn:hover{border-color:var(--ds-border-strong)}.auth-type-btn.active{border-color:var(--ds-primary);color:var(--ds-primary);background:color-mix(in srgb,var(--ds-danger) 10%,transparent)}.login-button-group{display:flex;gap:var(--ds-space-3)}.login-button-group .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2)}.login-button-group .btn-secondary{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.login-button-group .btn-secondary:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.login-error{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);background:color-mix(in srgb,var(--ds-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--ds-danger) 30%,transparent);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-error);font-size:.875rem;margin-bottom:var(--ds-space-5);text-align:center}.form-label{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3);font-size:.8rem;font-weight:600;color:var(--ds-text-primary);letter-spacing:.03em;text-transform:uppercase}.form-label svg{color:var(--ds-primary);flex-shrink:0;opacity:.85}.login-reset-link{text-align:center;margin-top:var(--ds-space-4)}.login-reset-link a{color:var(--ds-primary);font-size:.875rem;text-decoration:none;transition:color var(--ds-transition-fast)}.login-reset-link a:hover{color:var(--ds-primary);text-decoration:underline}.login-alt-action{text-align:center}.login-resend-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:linear-gradient(135deg,transparent,color-mix(in srgb,var(--ds-danger) 5%,transparent));border:1px solid color-mix(in srgb,var(--ds-danger) 30%,transparent);border-radius:var(--ds-radius-lg);color:var(--ds-primary-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.login-resend-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-danger) 10%,transparent),color-mix(in srgb,var(--ds-danger) 15%,transparent));border-color:var(--ds-primary);color:var(--ds-primary);transform:translateY(-1px)}.login-resend-btn svg{transition:transform .3s ease}.login-resend-btn:hover svg{transform:rotate(180deg)}.test-login-panel{margin-top:var(--ds-space-4, 1rem);padding:var(--ds-space-3, .75rem);border:1px dashed var(--ds-border-strong, #94a3b8);border-radius:var(--ds-radius-md, 8px);background:var(--ds-bg-hover, rgba(148, 163, 184, .08))}.test-login-panel__label{font-size:var(--ds-font-xs, .75rem);font-weight:600;color:var(--ds-text-secondary, #64748b);margin-bottom:var(--ds-space-2, .5rem);text-align:center}.test-login-panel__label span{font-weight:400;opacity:.75}.test-login-panel__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-2, .5rem)}.test-login-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--ds-space-2, .5rem);border:1px solid var(--ds-border-default, #cbd5e1);border-radius:var(--ds-radius-sm, 6px);background:var(--ds-card-bg, #fff);color:var(--ds-text-primary, #0f172a);cursor:pointer;transition:background .15s,border-color .15s}.test-login-btn:hover:not(:disabled){background:var(--ds-bg-hover, #f1f5f9);border-color:var(--ds-primary, #2563eb)}.test-login-btn:disabled{opacity:.6;cursor:not-allowed}.test-login-btn strong{font-size:var(--ds-font-sm, .8125rem)}.test-login-btn span{font-size:var(--ds-font-xs, .7rem);color:var(--ds-text-secondary, #64748b)}.qlp-card{margin-top:18px;padding:16px;border-radius:var(--ds-radius-lg, 12px);border:1px dashed var(--ds-warning, #d97706);background:var(--ds-bg-secondary, #f7f7f8);color:var(--ds-text, #1a1a1a)}.qlp-title{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:8px}.qlp-badge{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:5px;background:var(--ds-warning, #d97706);color:#fff;letter-spacing:.05em}.qlp-note{margin:4px 0 12px;font-size:.78rem;color:var(--ds-text-muted, #6b7280)}.qlp-personas{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qlp-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border-radius:8px;cursor:pointer;text-align:start;border:1px solid var(--ds-border, #e2e2e2);background:var(--ds-surface, #fff);color:var(--ds-text, #1a1a1a);font-weight:600;font-size:.85rem}.qlp-btn:hover:not(:disabled){border-color:var(--ds-primary, #c0392b)}.qlp-btn:disabled{opacity:.5;cursor:not-allowed}.qlp-sub{font-size:.68rem;font-weight:500;color:var(--ds-text-muted, #6b7280)}.qlp-empty{font-size:.78rem;color:var(--ds-text-muted, #6b7280)}.qlp-actions{margin-top:10px}.qlp-seed{width:100%;padding:8px;border-radius:8px;cursor:pointer;border:1px solid var(--ds-border, #e2e2e2);background:var(--ds-surface, #fff);color:var(--ds-text-secondary, #444);font-size:.82rem;font-weight:600}.qlp-seed:hover:not(:disabled){border-color:var(--ds-primary, #c0392b)}.qlp-msg{margin-top:10px;font-size:.78rem;color:var(--ds-info-dark, #0e7490);word-break:break-all}.qlp-floating{position:fixed;bottom:16px;inset-inline-end:16px;z-index:9998}.qlp-toggle{padding:8px 12px;border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:700;border:1px solid var(--ds-warning, #d97706);background:var(--ds-surface, #fff);color:var(--ds-text, #1a1a1a);box-shadow:0 4px 12px #00000026}.qlp-panel{position:absolute;bottom:46px;inset-inline-end:0;width:300px;padding:14px;border-radius:var(--ds-radius-lg, 12px);border:1px dashed var(--ds-warning, #d97706);background:var(--ds-bg-secondary, #f7f7f8);color:var(--ds-text, #1a1a1a);box-shadow:0 10px 30px #0003}.qlp-panel .qlp-title{margin-bottom:10px}.logged-out-page{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:var(--ds-font-primary)}.logged-out-bg{position:absolute;inset:0;z-index:0}.logged-out-bg .bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--ds-bg-primary) 0%,var(--ds-bg-secondary) 50%,var(--ds-bg-elevated) 100%)}[data-theme=dark] .logged-out-bg .bg-gradient{background:linear-gradient(135deg,var(--ds-bg-primary) 0%,var(--ds-bg-secondary) 50%,var(--ds-bg-elevated) 100%)}.logged-out-bg .bg-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--ds-border-default) 1px,transparent 1px);background-size:30px 30px}[data-theme=dark] .logged-out-bg .bg-pattern{background-image:radial-gradient(color-mix(in srgb,var(--ds-text-on-primary) 3%,transparent) 1px,transparent 1px)}.logged-out-page .login-lang-btn{position:absolute;top:var(--ds-space-6);right:var(--ds-space-6);padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;z-index:10;transition:all var(--ds-transition-fast);height:36px;display:flex;align-items:center;justify-content:center}[dir=rtl] .logged-out-page .login-lang-btn{right:auto;left:var(--ds-space-6)}.logged-out-page .login-lang-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.logged-out-page .login-theme-btn{position:absolute;top:var(--ds-space-6);right:calc(var(--ds-space-6) + 80px);padding:var(--ds-space-2);background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;z-index:10;transition:all var(--ds-transition-fast);height:36px;width:36px;display:flex;align-items:center;justify-content:center}[dir=rtl] .logged-out-page .login-theme-btn{right:auto;left:calc(var(--ds-space-6) + 80px)}.logged-out-page .login-theme-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}[data-theme=light] .logged-out-page .login-lang-btn,[data-theme=light] .logged-out-page .login-theme-btn{background:color-mix(in srgb,var(--ds-text-on-primary) 85%,transparent);border:1px solid color-mix(in srgb,var(--ds-black) 20%,transparent);color:var(--ds-text-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--ds-black) 10%,transparent)}[data-theme=light] .logged-out-page .login-lang-btn:hover,[data-theme=light] .logged-out-page .login-theme-btn:hover{background:var(--ds-text-on-primary);border-color:color-mix(in srgb,var(--ds-black) 30%,transparent);color:var(--ds-text-primary)}.logged-out-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px}.logged-out-card{background:var(--ds-bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--ds-border-default);border-radius:24px;padding:48px;text-align:center;max-width:420px;width:100%;box-shadow:0 25px 50px -12px color-mix(in srgb,var(--ds-black) 15%,transparent)}[data-theme=dark] .logged-out-card{background:color-mix(in srgb,var(--ds-text-on-primary) 5%,transparent);border-color:color-mix(in srgb,var(--ds-text-on-primary) 10%,transparent);box-shadow:0 25px 50px -12px color-mix(in srgb,var(--ds-black) 50%,transparent)}.logged-out-logo{margin-bottom:32px}.logged-out-logo img{height:48px;width:auto}.logged-out-icon{margin-bottom:24px}.logged-out-icon svg{color:var(--ds-success);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.logged-out-message{margin-bottom:32px}.logged-out-message h1{font-size:24px;font-weight:700;color:var(--ds-text-primary);margin:0 0 12px}.logged-out-message p{font-size:14px;color:var(--ds-text-secondary);margin:0;line-height:1.6}.logged-out-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 28px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-dark) 100%);color:var(--ds-text-on-primary);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--ds-primary-alpha-30)}.logged-out-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--ds-red) 40%,transparent)}.logged-out-login-btn:active{transform:translateY(0)}.logged-out-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--ds-border-default);color:var(--ds-text-muted);font-size:13px}[data-theme=dark] .logged-out-note{border-top-color:color-mix(in srgb,var(--ds-text-on-primary) 10%,transparent)}.logged-out-note svg{color:var(--ds-success)}.logged-out-footer{color:var(--ds-text-muted);font-size:12px}.logged-out-footer p{margin:0}@media(max-width:480px){.logged-out-card{padding:32px 24px;border-radius:16px}.logged-out-message h1{font-size:20px}.logged-out-icon svg{width:48px;height:48px}}.ds-confirm__overlay{z-index:var(--ds-z-confirm, 10000)!important}.ds-confirm{position:relative;width:100%;max-width:420px;padding:var(--ds-space-6);text-align:center;align-items:center}.ds-confirm__x{position:absolute;inset-block-start:var(--ds-space-3);inset-inline-end:var(--ds-space-3);display:inline-flex;padding:var(--ds-space-1);color:var(--ds-text-secondary);background:transparent;border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:color var(--ds-transition-fast),background var(--ds-transition-fast)}.ds-confirm__x:hover{color:var(--ds-text-primary);background:var(--ds-bg-elevated)}.ds-confirm__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-block-end:var(--ds-space-4);border-radius:var(--ds-radius-full, 999px)}.ds-confirm__icon--danger{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.ds-confirm__icon--primary{color:var(--ds-primary);background:var(--ds-primary-bg)}.ds-confirm__title{margin:0 0 var(--ds-space-2);font-size:1.125rem;font-weight:var(--ds-font-semibold, 600);color:var(--ds-text-primary)}.ds-confirm__message{margin:0 0 var(--ds-space-6);font-size:.9375rem;line-height:1.5;color:var(--ds-text-secondary)}.ds-confirm__name{color:var(--ds-text-primary);font-weight:var(--ds-font-semibold, 600)}.ds-confirm__input{width:100%;margin-block-end:var(--ds-space-5);padding:var(--ds-space-3);font-size:.9375rem;color:var(--ds-text-primary);background:var(--ds-bg-base, var(--ds-bg-surface));border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);resize:vertical}.ds-confirm__input:focus-visible{outline:var(--ds-focus-ring-width, 2px) solid var(--ds-primary);outline-offset:1px}.ds-confirm__actions{display:flex;gap:var(--ds-space-3);justify-content:center}.ds-confirm__btn:disabled{opacity:.5;cursor:not-allowed}.ds-confirm__btn{flex:1;max-width:160px;padding:var(--ds-space-3) var(--ds-space-5);font-size:.9375rem;font-weight:var(--ds-font-medium, 500);border-radius:var(--ds-radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.ds-confirm__btn--cancel{color:var(--ds-text-primary);background:var(--ds-bg-elevated);border-color:var(--ds-border-default)}.ds-confirm__btn--cancel:hover{background:var(--ds-bg-surface)}.ds-confirm__btn--danger{color:var(--ds-text-on-primary);background:var(--ds-danger)}.ds-confirm__btn--danger:hover{background:var(--ds-danger-hover)}.ds-confirm__btn--primary{color:var(--ds-text-on-primary);background:var(--ds-primary)}.ds-confirm__btn--primary:hover{background:var(--ds-primary-active, var(--ds-primary))}.ds-confirm__btn:focus-visible{outline:var(--ds-focus-ring-width, 2px) solid var(--ds-primary);outline-offset:2px}:root{--ds-black: #231F20;--ds-black-100: #f0f0f0;--ds-black-200: #d1d1d1;--ds-black-300: #b3b3b3;--ds-black-400: #949494;--ds-black-500: #595959;--ds-black-600: #4d4d4d;--ds-black-700: #404040;--ds-black-800: #333333;--ds-black-900: #231F20;--ds-red: #C12A33;--ds-red-100: #fff0f1;--ds-red-200: #fdd5d7;--ds-red-300: #fab0b4;--ds-red-400: #f58a91;--ds-red-accent: #ff626b;--ds-red-500: #ef656e;--ds-red-600: #e8404b;--ds-red-700: #D42B35;--ds-red-800: #C12A33;--ds-red-900: #9E1F27;--ds-primary: var(--ds-red);--ds-primary-hover: var(--ds-red-700);--ds-primary-active: var(--ds-red-900);--ds-secondary: var(--ds-black-600);--ds-secondary-hover: var(--ds-black-500);--ds-accent: var(--ds-red);--ds-focus-ring-width: 3px;--ds-focus-ring-offset: 2px;--ds-transition-interactive: .2s cubic-bezier(.4, 0, .2, 1);--ds-blur-sm: 4px;--ds-blur-md: 8px;--ds-blur-lg: 16px;--ds-blur-xl: 24px;--ds-success: #10b981;--ds-success-light: #34d399;--ds-success-dark: #047857;--ds-warning: #f59e0b;--ds-warning-light: #fbbf24;--ds-warning-dark: #b45309;--ds-danger: #F5333F;--ds-danger-light: #f87171;--ds-danger-dark: #9E1F27;--ds-info: #06b6d4;--ds-info-light: #22d3ee;--ds-info-dark: #0e7490;--ds-teal: #14b8a6;--ds-teal-light: #2dd4bf;--ds-teal-dark: #0d9488;--ds-blue: #2563eb;--ds-blue-light: #60a5fa;--ds-blue-dark: #1d4ed8;--ds-purple: #8b5cf6;--ds-purple-light: #a78bfa;--ds-purple-dark: #7c3aed;--ds-font-primary: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ds-font-arabic: "Cairo", "Traditional Arabic", sans-serif;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 1.875rem;--ds-text-4xl: 2.25rem;--ds-font-normal: 400;--ds-font-medium: 500;--ds-font-semibold: 600;--ds-font-bold: 700;--ds-leading-tight: 1.25;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.625;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-2xl: 24px;--ds-radius-full: 9999px;--ds-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ds-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--ds-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ds-z-dropdown: 1000;--ds-z-sticky: 1020;--ds-z-modal-backdrop: 1040;--ds-z-modal: 1050;--ds-z-tooltip: 1070;--ds-z-confirm: 10000;--ds-sidebar-width: 280px;--ds-sidebar-collapsed-width: 80px;--ds-brand-red: var(--ds-red);--ds-gray-900: var(--ds-black-900);--ds-error: var(--ds-danger);--ds-orange: #f97316;--ds-pink: #ec4899;--ds-cyan: #06b6d4;--ds-yellow: #eab308;--ds-bronze: #cd7f32;--ds-amber-dark: #92400e;--ds-font-extrabold: 800;--ds-font-light: 300;--ds-spacing-xs: var(--ds-space-1);--ds-spacing-md: var(--ds-space-4);--ds-spacing-lg: var(--ds-space-6);--ds-radius: var(--ds-radius-md);--ds-transition-normal: var(--ds-transition-base)}:root,[data-theme=dark]{--ds-bg-base: #231F20;--ds-bg-primary: #231F20;--ds-bg-surface: #333333;--ds-bg-secondary: #333333;--ds-bg-elevated: #404040;--ds-bg-overlay: rgba(35, 31, 32, .95);--ds-bg-tertiary: #4d4d4d;--ds-bg-hover: #3d3d3d;--ds-bg-glass: rgba(255, 255, 255, .05);--ds-text-primary: #ffffff;--ds-text-secondary: #d1d1d1;--ds-text-tertiary: #949494;--ds-text-muted: #b3b3b3;--ds-text-inverse: #231F20;--ds-text-on-primary: #ffffff;--ds-border-subtle: rgba(255, 255, 255, .1);--ds-border-default: rgba(255, 255, 255, .15);--ds-border-strong: rgba(255, 255, 255, .25);--ds-input-bg: #333333;--ds-input-border: #4d4d4d;--ds-input-focus: #C12A33;--ds-input-focus-ring: rgba(193, 42, 51, .4);--ds-input-placeholder: #949494;--ds-input-text: #ffffff;--ds-input-disabled-bg: #404040;--ds-input-disabled-text: #949494;--ds-input-readonly-bg: #404040;--ds-input-error-border: #F5333F;--ds-input-success-border: var(--ds-success);--ds-dropdown-bg: #333333;--ds-dropdown-hover-bg: #404040;--ds-dropdown-selected-bg: rgba(193, 42, 51, .2);--ds-select-arrow: #d1d1d1;--ds-checkbox-bg: #333333;--ds-checkbox-border: #4d4d4d;--ds-checkbox-checked-bg: #C12A33;--ds-checkbox-checked-border: #C12A33;--ds-checkbox-checkmark: #ffffff;--ds-radio-bg: #333333;--ds-radio-border: #4d4d4d;--ds-radio-checked-bg: #C12A33;--ds-radio-checked-border: #C12A33;--ds-radio-dot: #ffffff;--ds-switch-bg: #4d4d4d;--ds-switch-checked-bg: #C12A33;--ds-switch-thumb: #ffffff;--ds-card-bg: #333333;--ds-modal-bg: #333333;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--ds-shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--ds-shadow-glow: 0 0 20px rgba(193, 42, 51, .3);--ds-success-bg: rgba(16, 185, 129, .2);--ds-success-bg-subtle: rgba(16, 185, 129, .1);--ds-success-bg-solid: #065f46;--ds-warning-bg: rgba(245, 158, 11, .2);--ds-warning-bg-subtle: rgba(245, 158, 11, .1);--ds-warning-bg-solid: #78350f;--ds-danger-bg: rgba(245, 51, 63, .2);--ds-danger-bg-subtle: rgba(245, 51, 63, .1);--ds-danger-bg-solid: #7f1d1d;--ds-info-bg: rgba(6, 182, 212, .2);--ds-info-bg-subtle: rgba(6, 182, 212, .1);--ds-info-bg-solid: #164e63;--ds-teal-bg: rgba(20, 184, 166, .2);--ds-teal-bg-subtle: rgba(20, 184, 166, .1);--ds-teal-bg-solid: #134e4a;--ds-success-text: var(--ds-success);--ds-warning-text: var(--ds-warning);--ds-danger-text: #F5333F;--ds-info-text: var(--ds-info);--ds-teal-text: var(--ds-teal);--ds-success-border: rgba(16, 185, 129, .5);--ds-warning-border: rgba(245, 158, 11, .5);--ds-danger-border: rgba(245, 51, 63, .5);--ds-danger-tint: rgba(245, 51, 63, .12);--ds-info-border: rgba(6, 182, 212, .5);--ds-status-active-bg: rgba(21, 121, 75, .18);--ds-status-active-fg: #4ade80;--ds-status-pending-bg: rgba(154, 91, 8, .22);--ds-status-pending-fg: #fbbf24;--ds-status-neutral-bg: rgba(255, 255, 255, .08);--ds-status-neutral-fg: #b3b3b3;--ds-status-teal-bg: rgba(19, 122, 114, .2);--ds-status-teal-fg: #5eead4;--ds-info-tint: rgba(44, 107, 184, .14);--ds-info-tint-border: rgba(44, 107, 184, .32);--ds-info-tint-fg: #93c5fd;--ds-teal-border: rgba(20, 184, 166, .5);--ds-success-hover: rgba(16, 185, 129, .3);--ds-warning-hover: rgba(245, 158, 11, .3);--ds-danger-hover: rgba(245, 51, 63, .3);--ds-info-hover: rgba(6, 182, 212, .3);--ds-teal-hover: rgba(20, 184, 166, .3);--ds-primary-hover-bg: rgba(193, 42, 51, .15);--ds-primary-focus-ring: rgba(193, 42, 51, .5);--ds-primary-active-bg: rgba(193, 42, 51, .25);--ds-card-hover-border: rgba(193, 42, 51, .5);--ds-card-focus-border: var(--ds-red);--ds-card-glow: 0 0 20px rgba(193, 42, 51, .25), 0 8px 32px rgba(0, 0, 0, .4);--ds-card-hover-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(193, 42, 51, .2);--ds-glass-bg: rgba(51, 51, 51, .7);--ds-glass-border: rgba(255, 255, 255, .1);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--ds-primary-subtle: rgba(193, 42, 51, .15);--ds-primary-light: rgba(193, 42, 51, .25);--ds-bg-card: var(--ds-card-bg);--ds-bg-input: var(--ds-input-bg);--ds-bg-inverse: #ffffff;--ds-bg-subtle: #2a2a2a;--ds-border: var(--ds-border-default);--ds-border-hover: rgba(255, 255, 255, .25);--ds-border-active: var(--ds-primary);--ds-border-light: rgba(255, 255, 255, .08);--ds-border-normal: var(--ds-border-default);--ds-border-on-primary: rgba(255, 255, 255, .3);--ds-border-rgb: 255, 255, 255;--ds-primary-dark: var(--ds-red-900);--ds-primary-darker: #7a1520;--ds-primary-rgb: 193, 42, 51;--ds-primary-alpha-5: rgba(193, 42, 51, .05);--ds-primary-alpha-10: rgba(193, 42, 51, .1);--ds-primary-alpha-20: rgba(193, 42, 51, .2);--ds-primary-alpha-30: rgba(193, 42, 51, .3);--ds-primary-bg: rgba(193, 42, 51, .12);--ds-primary-bg-hover: rgba(193, 42, 51, .2);--ds-primary-border: rgba(193, 42, 51, .5);--ds-primary-glow: 0 0 15px rgba(193, 42, 51, .4);--ds-secondary-bg: rgba(77, 77, 77, .2);--ds-secondary-dark: var(--ds-black-700);--ds-secondary-light: var(--ds-black-400);--ds-error-bg: var(--ds-danger-bg);--ds-error-border: var(--ds-danger-border);--ds-error-subtle: rgba(245, 51, 63, .08);--ds-error-alpha-10: rgba(245, 51, 63, .1);--ds-danger-50: rgba(245, 51, 63, .05);--ds-danger-100: rgba(245, 51, 63, .1);--ds-danger-200: rgba(245, 51, 63, .2);--ds-danger-bg-hover: rgba(245, 51, 63, .25);--ds-danger-glow: 0 0 15px rgba(245, 51, 63, .4);--ds-danger-ring: 0 0 0 3px rgba(245, 51, 63, .3);--ds-danger-subtle: rgba(245, 51, 63, .08);--ds-success-100: rgba(16, 185, 129, .1);--ds-success-alpha-5: rgba(16, 185, 129, .05);--ds-success-alpha-10: rgba(16, 185, 129, .1);--ds-success-alpha-30: rgba(16, 185, 129, .3);--ds-success-bg-hover: rgba(16, 185, 129, .25);--ds-success-border-subtle: rgba(16, 185, 129, .3);--ds-success-ring: 0 0 0 3px rgba(16, 185, 129, .3);--ds-success-subtle: rgba(16, 185, 129, .08);--ds-warning-50: rgba(245, 158, 11, .05);--ds-warning-100: rgba(245, 158, 11, .1);--ds-warning-200: rgba(245, 158, 11, .2);--ds-warning-bg-hover: rgba(245, 158, 11, .25);--ds-warning-darker: #78350f;--ds-info-100: rgba(6, 182, 212, .1);--ds-accent-primary: var(--ds-primary);--ds-accent-bg: rgba(193, 42, 51, .12);--ds-text: var(--ds-text-primary);--ds-text-on-primary-muted: rgba(255, 255, 255, .7);--ds-overlay-bg: rgba(0, 0, 0, .6);--ds-btn-ghost-bg: transparent;--ds-btn-ghost-hover: rgba(255, 255, 255, .08);--ds-shadow-color: rgba(0, 0, 0, .5);--ds-surface: var(--ds-bg-surface);--ds-glow-white: 0 0 20px rgba(255, 255, 255, .1);color-scheme:dark}[data-theme=light]{--ds-bg-base: #ffffff;--ds-bg-primary: #ffffff;--ds-bg-surface: #f9fafb;--ds-bg-secondary: #f9fafb;--ds-bg-elevated: #f3f4f6;--ds-bg-overlay: rgba(255, 255, 255, .95);--ds-bg-tertiary: #e5e7eb;--ds-bg-hover: rgba(0, 0, 0, .05);--ds-bg-glass: rgba(0, 0, 0, .03);--ds-text-primary: var(--ds-black-900);--ds-text-secondary: var(--ds-black-600);--ds-text-tertiary: #6b7280;--ds-text-muted: var(--ds-black-500);--ds-text-inverse: #ffffff;--ds-text-on-primary: #ffffff;--ds-border-subtle: rgba(35, 31, 32, .08);--ds-border-default: rgba(35, 31, 32, .12);--ds-border-strong: rgba(35, 31, 32, .2);--ds-input-bg: #ffffff;--ds-input-border: var(--ds-black-200);--ds-input-focus: var(--ds-red);--ds-input-focus-ring: rgba(193, 42, 51, .25);--ds-input-placeholder: var(--ds-black-400);--ds-input-text: var(--ds-text-primary);--ds-input-disabled-bg: #f3f4f6;--ds-input-disabled-text: var(--ds-black-400);--ds-input-readonly-bg: #f9fafb;--ds-input-error-border: var(--ds-danger);--ds-input-success-border: var(--ds-success);--ds-dropdown-bg: #ffffff;--ds-dropdown-hover-bg: #f3f4f6;--ds-dropdown-selected-bg: rgba(193, 42, 51, .1);--ds-select-arrow: var(--ds-text-secondary);--ds-checkbox-bg: #ffffff;--ds-checkbox-border: var(--ds-black-200);--ds-checkbox-checked-bg: var(--ds-red);--ds-checkbox-checked-border: var(--ds-red);--ds-checkbox-checkmark: #ffffff;--ds-radio-bg: #ffffff;--ds-radio-border: var(--ds-black-200);--ds-radio-checked-bg: var(--ds-red);--ds-radio-checked-border: var(--ds-red);--ds-radio-dot: #ffffff;--ds-switch-bg: var(--ds-black-300);--ds-switch-checked-bg: var(--ds-red);--ds-switch-thumb: #ffffff;--ds-card-bg: #ffffff;--ds-modal-bg: #ffffff;--ds-shadow-sm: 0 1px 2px rgba(35, 31, 32, .05);--ds-shadow-md: 0 4px 6px rgba(35, 31, 32, .1);--ds-shadow-lg: 0 10px 15px rgba(35, 31, 32, .15);--ds-shadow-xl: 0 20px 25px rgba(35, 31, 32, .2);--ds-shadow-glow: 0 0 20px rgba(193, 42, 51, .2);--ds-success-bg: rgba(16, 185, 129, .12);--ds-success-bg-subtle: rgba(16, 185, 129, .06);--ds-success-bg-solid: var(--ds-success-bg-solid);--ds-warning-bg: rgba(245, 158, 11, .12);--ds-warning-bg-subtle: rgba(245, 158, 11, .06);--ds-warning-bg-solid: var(--ds-warning-bg-solid);--ds-danger-bg: rgba(245, 51, 63, .12);--ds-danger-bg-subtle: rgba(245, 51, 63, .06);--ds-danger-bg-solid: var(--ds-danger-bg-solid);--ds-info-bg: rgba(6, 182, 212, .12);--ds-info-bg-subtle: rgba(6, 182, 212, .06);--ds-info-bg-solid: #cffafe;--ds-teal-bg: rgba(20, 184, 166, .12);--ds-teal-bg-subtle: rgba(20, 184, 166, .06);--ds-teal-bg-solid: #ccfbf1;--ds-success-text: var(--ds-success-dark);--ds-warning-text: var(--ds-warning-dark);--ds-danger-text: #9E1F27;--ds-info-text: #0e7490;--ds-teal-text: var(--ds-teal-dark);--ds-success-border: rgba(16, 185, 129, .4);--ds-warning-border: rgba(245, 158, 11, .4);--ds-danger-border: rgba(245, 51, 63, .4);--ds-danger-tint: rgba(245, 51, 63, .05);--ds-info-border: rgba(6, 182, 212, .4);--ds-teal-border: rgba(20, 184, 166, .4);--ds-success-hover: rgba(16, 185, 129, .18);--ds-warning-hover: rgba(245, 158, 11, .18);--ds-danger-hover: rgba(245, 51, 63, .18);--ds-info-hover: rgba(6, 182, 212, .18);--ds-teal-hover: rgba(20, 184, 166, .18);--ds-status-active-bg: #E8F5EE;--ds-status-active-fg: #15794B;--ds-status-pending-bg: #FEF3E4;--ds-status-pending-fg: #9A5B08;--ds-status-neutral-bg: #EEEEF1;--ds-status-neutral-fg: #5C5B60;--ds-status-teal-bg: #E9F4F3;--ds-status-teal-fg: #137A72;--ds-info-tint: #F1F6FD;--ds-info-tint-border: #D8E6F8;--ds-info-tint-fg: #2A5A96;--ds-primary-hover-bg: rgba(193, 42, 51, .08);--ds-primary-focus-ring: rgba(193, 42, 51, .35);--ds-primary-active-bg: rgba(193, 42, 51, .15);--ds-card-hover-border: rgba(193, 42, 51, .4);--ds-card-focus-border: var(--ds-red);--ds-card-glow: 0 0 20px rgba(193, 42, 51, .15), 0 8px 24px rgba(35, 31, 32, .12);--ds-card-hover-shadow: 0 8px 24px rgba(35, 31, 32, .12), 0 0 0 1px rgba(193, 42, 51, .15);--ds-glass-bg: rgba(255, 255, 255, .8);--ds-glass-border: rgba(35, 31, 32, .08);--ds-glass-shadow: 0 8px 32px rgba(35, 31, 32, .1);--ds-primary-subtle: rgba(193, 42, 51, .08);--ds-primary-light: rgba(193, 42, 51, .15);--ds-bg-card: var(--ds-card-bg);--ds-bg-input: var(--ds-input-bg);--ds-bg-inverse: var(--ds-black-900);--ds-bg-subtle: #f3f4f6;--ds-border: var(--ds-border-default);--ds-border-hover: rgba(35, 31, 32, .2);--ds-border-active: var(--ds-primary);--ds-border-light: rgba(35, 31, 32, .06);--ds-border-normal: var(--ds-border-default);--ds-border-on-primary: rgba(193, 42, 51, .3);--ds-border-rgb: 35, 31, 32;--ds-primary-dark: var(--ds-red-900);--ds-primary-darker: #7a1520;--ds-primary-rgb: 193, 42, 51;--ds-primary-alpha-5: rgba(193, 42, 51, .05);--ds-primary-alpha-10: rgba(193, 42, 51, .1);--ds-primary-alpha-20: rgba(193, 42, 51, .2);--ds-primary-alpha-30: rgba(193, 42, 51, .3);--ds-primary-bg: rgba(193, 42, 51, .08);--ds-primary-bg-hover: rgba(193, 42, 51, .12);--ds-primary-border: rgba(193, 42, 51, .4);--ds-primary-glow: 0 0 15px rgba(193, 42, 51, .2);--ds-secondary-bg: rgba(77, 77, 77, .08);--ds-secondary-dark: var(--ds-black-700);--ds-secondary-light: var(--ds-black-300);--ds-error-bg: var(--ds-danger-bg);--ds-error-border: var(--ds-danger-border);--ds-error-subtle: rgba(245, 51, 63, .06);--ds-error-alpha-10: rgba(245, 51, 63, .1);--ds-danger-50: rgba(245, 51, 63, .05);--ds-danger-100: rgba(245, 51, 63, .1);--ds-danger-200: rgba(245, 51, 63, .15);--ds-danger-bg-hover: rgba(245, 51, 63, .15);--ds-danger-glow: 0 0 15px rgba(245, 51, 63, .2);--ds-danger-ring: 0 0 0 3px rgba(245, 51, 63, .2);--ds-danger-subtle: rgba(245, 51, 63, .06);--ds-success-100: rgba(16, 185, 129, .1);--ds-success-alpha-5: rgba(16, 185, 129, .05);--ds-success-alpha-10: rgba(16, 185, 129, .1);--ds-success-alpha-30: rgba(16, 185, 129, .25);--ds-success-bg-hover: rgba(16, 185, 129, .15);--ds-success-border-subtle: rgba(16, 185, 129, .25);--ds-success-ring: 0 0 0 3px rgba(16, 185, 129, .2);--ds-success-subtle: rgba(16, 185, 129, .06);--ds-warning-50: rgba(245, 158, 11, .05);--ds-warning-100: rgba(245, 158, 11, .1);--ds-warning-200: rgba(245, 158, 11, .15);--ds-warning-bg-hover: rgba(245, 158, 11, .15);--ds-warning-darker: #78350f;--ds-info-100: rgba(6, 182, 212, .1);--ds-accent-primary: var(--ds-primary);--ds-accent-bg: rgba(193, 42, 51, .08);--ds-text: var(--ds-text-primary);--ds-text-on-primary-muted: rgba(255, 255, 255, .7);--ds-overlay-bg: rgba(0, 0, 0, .4);--ds-btn-ghost-bg: transparent;--ds-btn-ghost-hover: rgba(0, 0, 0, .06);--ds-shadow-color: rgba(35, 31, 32, .15);--ds-surface: var(--ds-bg-surface);--ds-glow-white: 0 0 20px rgba(0, 0, 0, .05);color-scheme:light}input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--ds-input-bg);border:1px solid var(--ds-input-border);color:var(--ds-input-text);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast),background-color var(--ds-transition-fast)}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--ds-input-placeholder)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled,textarea:disabled{background-color:var(--ds-input-disabled-bg);color:var(--ds-input-disabled-text);cursor:not-allowed}input:not([type=checkbox]):not([type=radio]):read-only,textarea:read-only{background-color:var(--ds-input-readonly-bg)}input:not([type=checkbox]):not([type=radio]).ds-input--error,select.ds-input--error,textarea.ds-input--error{border-color:var(--ds-input-error-border)}input:not([type=checkbox]):not([type=radio]).ds-input--error:focus,select.ds-input--error:focus,textarea.ds-input--error:focus{border-color:var(--ds-input-error-border);box-shadow:0 0 0 3px #f5333f40}input:not([type=checkbox]):not([type=radio]).ds-input--success,select.ds-input--success,textarea.ds-input--success{border-color:var(--ds-input-success-border)}input:not([type=checkbox]):not([type=radio]).ds-input--success:focus,select.ds-input--success:focus,textarea.ds-input--success:focus{border-color:var(--ds-input-success-border);box-shadow:0 0 0 3px #10b98140}select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999999' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px 12px;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=dark] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d1d1d1' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px 12px}[data-theme=light] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px 12px;color:var(--ds-input-text)}select option{background-color:var(--ds-dropdown-bg);color:var(--ds-input-text);padding:var(--ds-space-2)}[dir=rtl] select{background-position:left .75rem center;padding-right:.75rem;padding-left:2.5rem}[dir=rtl][data-theme=dark] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d1d1d1' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat left .75rem center / 12px 12px}[dir=rtl][data-theme=light] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat left .75rem center / 12px 12px}input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;width:1.25rem!important;height:1.25rem!important;min-width:1.25rem!important;padding:0!important;flex-shrink:0;background-color:var(--ds-checkbox-bg);border:1.5px solid var(--ds-checkbox-border);border-radius:var(--ds-radius-sm);cursor:pointer;vertical-align:middle;position:relative;transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}input[type=checkbox]:checked{background-color:var(--ds-checkbox-checked-bg)!important;border-color:var(--ds-checkbox-checked-border)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M11.5 3.5L5.5 10.5L2.5 7.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=radio]{-webkit-appearance:none!important;appearance:none!important;width:1.25rem!important;height:1.25rem!important;min-width:1.25rem!important;padding:0!important;flex-shrink:0;background-color:var(--ds-radio-bg);border:1.5px solid var(--ds-radio-border);border-radius:var(--ds-radius-full);cursor:pointer;vertical-align:middle;position:relative;transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}input[type=radio]:checked{background-color:var(--ds-radio-checked-bg)!important;border-color:var(--ds-radio-checked-border)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='4' fill='%23ffffff'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:10px 10px!important}input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:inherit}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local]{color-scheme:dark}[dir=rtl]{--ds-font-family: "Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;--ds-font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace;font-family:var(--ds-font-family)}[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-chevron-right,[dir=rtl] .icon-back,[dir=rtl] .icon-forward,[dir=rtl] .ds-icon-directional{transform:scaleX(-1)}[dir=rtl],[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .flex-row-ltr{flex-direction:row-reverse}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.ps-0{padding-inline-start:0}.pe-0{padding-inline-end:0}.text-start{text-align:start}.text-end{text-align:end}.border-start{border-inline-start:1px solid var(--ds-border-default)}.border-end{border-inline-end:1px solid var(--ds-border-default)}:root{--text-primary: var(--ds-text-primary);--text-secondary: var(--ds-text-secondary);--text-muted: var(--ds-text-muted);--text-tertiary: var(--ds-text-tertiary);--color-text-primary: var(--ds-text-primary);--color-text-secondary: var(--ds-text-secondary);--color-text-muted: var(--ds-text-muted);--color-text-danger: var(--ds-danger-text);--primary: var(--ds-primary);--primary-color: var(--ds-primary);--color-primary: var(--ds-primary);--theme-primary: var(--ds-primary);--primary-hover: var(--ds-primary-hover);--primary-hover-bg: var(--ds-primary-hover-bg);--primary-bg: var(--ds-primary-hover-bg);--primary-border: var(--ds-primary);--primary-light: var(--ds-red-300);--primary-foreground: var(--ds-text-on-primary);--primary-100: var(--ds-red-100);--primary-300: var(--ds-red-300);--primary-500: var(--ds-red-500);--primary-600: var(--ds-red-600);--accent-color: var(--ds-accent);--accent-primary: var(--ds-accent);--color-secondary: var(--ds-secondary);--secondary-500: var(--ds-secondary);--border: var(--ds-border-default);--border-color: var(--ds-border-default);--color-border: var(--ds-border-default);--color-border-tertiary: var(--ds-border-strong);--bg-primary: var(--ds-bg-primary);--bg-secondary: var(--ds-bg-secondary);--bg-tertiary: var(--ds-bg-tertiary);--bg-elevated: var(--ds-bg-elevated);--bg-hover: var(--ds-bg-hover);--bg-card: var(--ds-card-bg);--card-bg: var(--ds-card-bg);--color-bg-card: var(--ds-card-bg);--color-bg-subtle: var(--ds-bg-hover);--color-background-tertiary: var(--ds-bg-tertiary);--color-background-danger: var(--ds-danger-bg);--success: var(--ds-success);--success-color: var(--ds-success);--color-success: var(--ds-success);--success-400: var(--ds-success-light);--warning: var(--ds-warning);--warning-color: var(--ds-warning);--color-warning: var(--ds-warning);--danger: var(--ds-danger);--danger-color: var(--ds-danger);--danger-light: var(--ds-danger-light);--color-danger: var(--ds-danger);--error: var(--ds-error);--error-color: var(--ds-error);--info: var(--ds-info);--space-2: var(--ds-space-2);--space-3: var(--ds-space-3);--space-4: var(--ds-space-4);--space-5: var(--ds-space-5);--space-6: var(--ds-space-6);--spacing-lg: var(--ds-spacing-lg);--spacing-xl: var(--ds-space-8);--radius-md: var(--ds-radius-md);--radius-lg: var(--ds-radius-lg);--radius-full: var(--ds-radius-full);--font-size-sm: var(--ds-text-sm);--font-size-2xl: var(--ds-text-2xl);--font-weight-medium: var(--ds-font-medium);--font-weight-semibold: var(--ds-font-semibold);--font-weight-bold: var(--ds-font-bold);--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-primary);color:var(--ds-text-on-primary);border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);cursor:pointer;transition:var(--ds-transition-interactive)}.btn-primary:hover:not(:disabled){background:var(--ds-primary-hover)}.btn-primary:active:not(:disabled){background:var(--ds-primary-active)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-bg-hover);color:var(--ds-text-primary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);cursor:pointer;transition:var(--ds-transition-interactive)}.btn-secondary:hover:not(:disabled){background:var(--ds-bg-elevated);border-color:var(--ds-border-strong)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{width:48px;height:48px;border:4px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:var(--ds-radius-full);animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-4);padding:var(--ds-space-16) var(--ds-space-8);text-align:center;color:var(--ds-text-muted)}.empty-state svg{opacity:.4}.empty-state h3{margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.empty-state p{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.page-header h1{margin:0;font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.page-header p{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ds-space-6);margin-bottom:var(--ds-space-8)}.stat-card{display:flex;align-items:flex-start;gap:var(--ds-space-4);padding:var(--ds-space-6);background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:var(--ds-transition-base)}.stat-card:hover{border-color:var(--ds-card-hover-border);transform:translateY(-2px)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ds-radius-md);flex-shrink:0}.stat-card__icon--primary{background:var(--ds-primary-subtle);color:var(--ds-primary)}.stat-card__icon--success{background:var(--ds-success-bg);color:var(--ds-success)}.stat-card__icon--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.stat-card__icon--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.stat-card__icon--info{background:var(--ds-info-bg);color:var(--ds-info)}.stat-card__content{flex:1;min-width:0}.stat-card__label{display:block;font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-1)}.stat-card__value{display:block;font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.stat-card>div:has(>.stat-value){display:flex;flex-direction:column;gap:2px;min-width:0}.modal-body{flex:1;padding:var(--ds-space-6);overflow-y:auto;overflow-x:hidden;min-width:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-5) var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.status-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;letter-spacing:.03em;background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.status-badge.success{background:var(--ds-success-bg);color:var(--ds-success-text)}.status-badge.warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.status-badge.danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.status-badge.info{background:var(--ds-info-bg);color:var(--ds-info-text)}.search-box{position:relative;display:flex;align-items:center;gap:var(--ds-space-2);flex:1;min-width:250px;padding:0 var(--ds-space-4);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-lg);transition:var(--ds-transition-fast)}.search-box:focus-within{border-color:var(--ds-input-focus);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-input-focus-ring)}.search-box svg{position:static;inset-inline-start:auto;flex-shrink:0;color:var(--ds-text-muted);pointer-events:none}.search-box input{flex:1;width:100%;padding:var(--ds-space-3) 0;padding-inline-start:0;background:transparent;border:none;outline:none;color:var(--ds-input-text);font-size:var(--ds-text-sm)}.search-box input::placeholder{color:var(--ds-input-placeholder)}.search-box input:focus{outline:none;border:none;box-shadow:none}.employee-search-box{position:relative;display:flex;align-items:center;gap:var(--ds-space-2);padding:0 var(--ds-space-4);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-lg);transition:var(--ds-transition-fast)}.employee-search-box:focus-within{border-color:var(--ds-input-focus);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-input-focus-ring)}.employee-search-box>svg,.employee-search-box .search-icon{position:static;inset-inline-start:auto;flex-shrink:0;transform:none;color:var(--ds-text-muted);pointer-events:none}.employee-search-box input{flex:1;width:100%;padding:var(--ds-space-3) 0;padding-inline:0;background:transparent;border:none;outline:none;color:var(--ds-input-text);font-size:var(--ds-text-sm)}.employee-search-box input::placeholder{color:var(--ds-input-placeholder)}.employee-search-box input:focus{outline:none;border:none;box-shadow:none}.employee-search-box:has(.search-input-wrapper){display:block;padding:0;background:transparent;border:none;box-shadow:none}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--ds-space-4);text-align:start;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.data-table td{padding:var(--ds-space-4);text-align:start;vertical-align:middle;font-size:var(--ds-text-sm);color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-subtle)}.data-table tbody tr:hover{background:var(--ds-bg-hover)}.block{display:block}.rounded{border-radius:var(--ds-radius-sm, 4px)}.rounded-lg{border-radius:var(--ds-radius-lg, 8px)}.rounded-full{border-radius:9999px}.border{border:1px solid var(--ds-border-default)}.border-gray-200{border-color:var(--ds-border-default)}.border-gray-300{border-color:var(--ds-border-strong)}.bg-white{background:var(--ds-card-bg)}.shadow-sm{box-shadow:var(--ds-shadow-sm)}.font-medium{font-weight:500}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-2xl{font-size:1.5rem}.opacity-20{opacity:.2}.text-gray-400{color:var(--ds-text-muted)}.text-gray-500{color:var(--ds-text-tertiary)}.text-red-500{color:var(--ds-danger)}.text-blue-600{color:var(--ds-blue)}.w-3{width:.75rem}.h-3{height:.75rem}.w-4{width:1rem}.h-4{height:1rem}.p-6{padding:1.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-inline-start:.25rem}.page-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);flex-wrap:wrap;flex:1}.ds-input{width:100%;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md);color:var(--ds-input-text);font-size:var(--ds-text-sm);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}.ds-input:focus{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);background:var(--ds-bg-tertiary);color:var(--ds-text-secondary)}.alert-warning{background:var(--ds-warning-bg);border:1px solid var(--ds-warning-border);color:var(--ds-warning-text)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--ds-input-focus);outline-offset:2px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:var(--ds-transition-fast)}.btn-icon:hover:not(:disabled){background:var(--ds-bg-hover);color:var(--ds-text-primary)}.btn-icon:active:not(:disabled){transform:scale(.96)}.btn-icon--danger:hover:not(:disabled){background:var(--ds-danger-bg);color:var(--ds-danger)}.btn-icon--success:hover:not(:disabled){background:var(--ds-success-bg);color:var(--ds-success)}.btn-icon--primary:hover:not(:disabled),.btn-icon--info:hover:not(:disabled){background:var(--ds-info-bg);color:var(--ds-info)}.table th{padding:var(--ds-space-3) var(--ds-space-4);text-align:start;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);white-space:nowrap}.table td{padding:var(--ds-space-3) var(--ds-space-4);text-align:start;vertical-align:middle;font-size:var(--ds-text-sm);color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-subtle)}table td{vertical-align:middle}.table tbody tr{transition:background-color .15s ease-out}.table td.amount,.data-table td.amount,.table td.value-cell,.table .numeric{text-align:end;font-variant-numeric:tabular-nums}.table-container{overflow-x:auto;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-lg);background:var(--ds-card-bg)}@keyframes ds-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ds-overlay-in{0%{opacity:0}to{opacity:1}}.modal-overlay{animation:ds-overlay-in .15s ease-out}.modal-content{animation:ds-modal-in .2s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{font-size:.875rem;font-weight:700;color:var(--ds-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--ds-border-default)}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid var(--ds-border-subtle, var(--ds-border-default))}.detail-row:last-child{border-bottom:0}.detail-row>span:first-child{color:var(--ds-text-muted)}.detail-row>strong{color:var(--ds-text-primary);text-align:end}.detail-row>p{margin:0;color:var(--ds-text-secondary);font-size:.85rem}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.opp-detail-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.opp-value-big{font-size:1.75rem;font-weight:800;color:var(--ds-success)}.modal-content--wide{max-width:760px;width:100%}.linked-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--ds-bg-secondary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md, 10px);margin-bottom:.5rem;font-size:.85rem}.linked-item>p{margin:0;color:var(--ds-text-secondary)}.empty-text,.empty-message{color:var(--ds-text-muted);font-size:.85rem;font-style:italic;padding:1rem 0;text-align:center}.mini-stat{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;background:var(--ds-bg-secondary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md, 10px);min-width:110px}.mini-stat__value{font-size:1.4rem;font-weight:800;color:var(--ds-text-primary)}.mini-stat__label{font-size:.75rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.date-cell{white-space:nowrap;color:var(--ds-text-secondary);font-size:.85rem}.value{font-weight:700;color:var(--ds-text-primary)}.highlight{color:var(--ds-success);font-weight:700}.days-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--ds-info-bg);color:var(--ds-info-text)}.days-badge.expiring{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.expiring-alert{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:var(--ds-warning-bg);color:var(--ds-warning-text);border-radius:var(--ds-radius-md, 10px);font-size:.85rem;margin-bottom:1rem}.alert-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--ds-bg-secondary);border:1px solid var(--ds-border-default);border-inline-start:3px solid var(--ds-info);border-radius:var(--ds-radius-md, 10px)}.alert-card.critical{border-inline-start-color:var(--ds-danger)}.site-cell{display:flex;flex-direction:column;gap:.15rem}.site-cell small{color:var(--ds-text-muted);font-size:.75rem}.progress{height:6px;border-radius:999px;background:var(--ds-bg-primary);overflow:hidden}.progress>span{display:block;height:100%;background:var(--ds-success)}.progress.completed>span{background:var(--ds-success)}.progress.critical>span{background:var(--ds-danger)}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.checkbox-group label{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}}.stat-icon.draft{background:var(--ds-bg-secondary);color:var(--ds-text-muted)}.stat-icon.active{background:var(--ds-success-bg);color:var(--ds-success)}.stat-icon.expiring{background:var(--ds-warning-bg);color:var(--ds-warning)}.stat-icon.value{background:var(--ds-info-bg);color:var(--ds-info)}.header-content{display:flex;flex-direction:column;gap:2px;min-width:0}.header-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.page-header .header-content>h1{display:flex;align-items:center;gap:.75rem}.page-header .header-title{display:flex;align-items:center;gap:.75rem}.page-header .header-content>h1>svg:first-child,.page-header .header-title>svg:first-child{flex:0 0 auto;box-sizing:border-box;width:48px;height:48px;padding:11px;border-radius:12px;color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 12%,transparent)}@media(max-width:640px){.page-header .header-content>h1>svg:first-child,.page-header .header-title>svg:first-child{width:40px;height:40px;padding:9px}}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.info-section{margin-block-end:1.25rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-info{font-size:.85rem;color:var(--ds-text-muted)}.filter-select{padding:.5rem .75rem;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-primary);color:var(--ds-text-primary)}.view-row{display:flex;align-items:center;gap:.75rem}.row-warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.avatar-fallback,.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ds-radius-full);background:var(--ds-bg-secondary);color:var(--ds-text-secondary);font-weight:600;flex-shrink:0}.field-hint{font-size:.8rem;color:var(--ds-text-muted);margin-block-start:.25rem}[class*=modal-overlay]>*{max-height:92vh;overflow-y:auto;overscroll-behavior:contain}[class*=search-box] input:not([type=checkbox]):not([type=radio]),[class*=search-bar] input:not([type=checkbox]):not([type=radio]),[class*=search-input] input:not([type=checkbox]):not([type=radio]),[class*=__search] input:not([type=checkbox]):not([type=radio]),[class*=filter-box] input:not([type=checkbox]):not([type=radio]),input[class*=search-input],input[class*=search-field]{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;color:var(--ds-text-primary)}[class*=filter] input:not([type=checkbox]):not([type=radio]):focus,[class*=filter] select:focus,[class*=search-box] input:focus,[class*=search-bar] input:focus{box-shadow:none!important}[class*=search-box]:focus-within,[class*=search-bar]:focus-within{border-color:var(--ds-input-focus)}@keyframes dsModalFade{0%{opacity:0}to{opacity:1}}@keyframes dsModalPop{0%{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dsModalSpin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;z-index:var(--ds-z-modal, 1000);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4, 16px);background:var(--ds-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dsModalFade .22s ease both;font-family:var(--ds-font-primary)}.modal-overlay>.modal-content,.modal-overlay>.modal,.modal-overlay>form>.modal-content{display:flex;flex-direction:column;width:min(1020px,100%);max-height:min(92vh,100%);background:var(--ds-bg-surface);color:var(--ds-text-primary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl, 18px);box-shadow:var(--ds-shadow-xl);overflow-y:auto;overflow-x:hidden;animation:dsModalPop .42s cubic-bezier(.2,.9,.3,1.15) both}.modal-overlay>.modal-content:has(.modal-body),.modal-overlay>.modal:has(.modal-body),.modal-overlay>form>.modal-content:has(.modal-body){overflow:hidden}.modal-overlay>.modal-content.modal-sm,.modal-overlay>.modal.modal-sm{width:min(520px,100%)}.modal-overlay>.modal-content.modal-lg,.modal-overlay>.modal.modal-lg{width:min(1180px,100%)}.modal-overlay .modal-header{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:var(--ds-space-3, 12px);padding:var(--ds-space-4, 16px) var(--ds-space-5, 20px);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.modal-overlay .modal-header:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--ds-primary)}.modal-overlay .modal-header h2,.modal-overlay .modal-header h3{margin:0;font-size:var(--ds-text-lg, 19px);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);line-height:1.3}.modal-overlay .modal-close,.modal-overlay .btn-close{flex:0 0 auto;margin-inline-start:auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--ds-radius-md, 8px);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.modal-overlay .modal-close:hover,.modal-overlay .btn-close:hover{transform:rotate(90deg);background:var(--ds-primary);color:var(--ds-text-on-primary)}@keyframes dsFieldIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.ds-modal__icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-danger-tint);border:1px solid var(--ds-danger-border);color:var(--ds-primary)}.ds-modal__head-main{flex:1 1 auto;min-width:0}.ds-modal__title-row{display:flex;align-items:center;gap:var(--ds-space-2, 8px);flex-wrap:wrap}.ds-modal__title-row h2,.ds-modal__title-row h3{margin:0;font-size:var(--ds-text-lg, 19px);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-modal__badge{flex:0 0 auto;padding:4px 9px;border-radius:var(--ds-radius-sm, 6px);font-size:9px;font-weight:var(--ds-font-bold);line-height:1.4;letter-spacing:.12em;text-transform:uppercase;background:var(--ds-status-neutral-bg);color:var(--ds-status-neutral-fg)}.ds-modal__badge--edit,.ds-modal__badge--new{background:var(--ds-danger-tint);color:var(--ds-primary);border:1px solid var(--ds-danger-border)}.ds-modal__subtitle{margin-top:3px;font-size:var(--ds-text-sm, 12.5px);color:var(--ds-text-muted);line-height:1.4}.ds-modal__tabs{flex:0 0 auto;display:flex;gap:2px;padding:0 var(--ds-space-4, 18px);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface);overflow-x:auto}.ds-modal__tab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ds-space-2, 8px);padding:14px 16px 13px;border:none;background:transparent;font-family:var(--ds-font-primary);font-size:12.5px;font-weight:var(--ds-font-semibold);letter-spacing:.01em;color:var(--ds-text-muted);white-space:nowrap;cursor:pointer;transition:color .18s ease}.ds-modal__tab:hover{color:var(--ds-text-primary)}.ds-modal__tab.is-active{color:var(--ds-primary)}.ds-modal__tab:after{content:"";position:absolute;inset-inline:12px;bottom:0;height:2.5px;border-radius:3px 3px 0 0;background:var(--ds-primary);transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .28s cubic-bezier(.2,.8,.25,1),opacity .2s ease}.ds-modal__tab.is-active:after{transform:scaleX(1);opacity:1}.ds-modal__tab.tab-locked{color:var(--ds-text-tertiary);cursor:not-allowed}.ds-modal__view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ds-space-3, 12px)}.ds-field-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:11px;padding:13px 15px;min-width:0;transition:border-color .18s ease,transform .18s ease;animation:dsFieldIn .42s cubic-bezier(.2,.8,.25,1) both}.ds-field-card:hover{border-color:var(--ds-border-strong);transform:translateY(-1px)}.ds-field-card.full-width{grid-column:1 / -1}.ds-field-card__label{display:block;margin-bottom:9px;font-size:9.5px;font-weight:var(--ds-font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-text-tertiary)}.ds-field-card__value{display:block;font-size:14px;font-weight:var(--ds-font-medium);line-height:1.4;color:var(--ds-text-primary);word-break:break-word}.ds-field-card__value--mono{font-family:var(--ds-font-mono);font-size:13px;font-weight:var(--ds-font-semibold);color:var(--ds-primary)}.ds-field-card__value--rtl{direction:rtl;text-align:right}.ds-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--ds-radius-full, 999px);font-size:11px;font-weight:var(--ds-font-bold);letter-spacing:.03em;background:var(--ds-status-neutral-bg);color:var(--ds-status-neutral-fg)}.ds-pill--active{background:var(--ds-status-active-bg);color:var(--ds-status-active-fg)}.ds-pill--pending{background:var(--ds-status-pending-bg);color:var(--ds-status-pending-fg)}.ds-pill--neutral{background:var(--ds-status-neutral-bg);color:var(--ds-status-neutral-fg)}.ds-pill--teal{padding:6px 11px;border-radius:var(--ds-radius-md, 8px);font-size:12.5px;font-weight:var(--ds-font-semibold);letter-spacing:0;background:var(--ds-status-teal-bg);color:var(--ds-status-teal-fg)}.ds-pill--risk{padding:6px 11px;border-radius:var(--ds-radius-md, 8px);font-size:12.5px;text-transform:capitalize;letter-spacing:0;background:var(--ds-danger-tint);color:var(--ds-primary)}.ds-modal__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 18px}.ds-modal__field{min-width:0;animation:dsFieldIn .42s cubic-bezier(.2,.8,.25,1) both}.ds-modal__field--full,.ds-modal__field.full-width{grid-column:1 / -1}.ds-modal__field>label{display:block;margin-bottom:8px;font-size:9.5px;font-weight:var(--ds-font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-text-muted)}.ds-modal__req{color:var(--ds-primary)}.ds-modal__field input:not([type=checkbox]):not([type=radio]),.ds-modal__field select,.ds-modal__field textarea{width:100%;max-width:100%;box-sizing:border-box;height:44px;padding:0 14px;border:1px solid var(--ds-border-default);border-radius:10px;background:var(--ds-input-bg);font-family:var(--ds-font-primary);font-size:13.5px;color:var(--ds-text-primary);transition:border-color .18s ease,box-shadow .18s ease}.ds-modal__field textarea{height:auto;min-height:76px;padding:11px 14px;resize:vertical}.ds-modal__field input:focus,.ds-modal__field select:focus,.ds-modal__field textarea:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-danger-tint)}.ds-modal__field .form-hint,.ds-modal__field small{display:block;margin-top:7px;font-size:11.5px;color:var(--ds-text-muted)}.ds-modal__field .checkbox-label{display:inline-flex;align-items:center;gap:var(--ds-space-2, 8px);text-transform:none;letter-spacing:normal;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.ds-modal__subgroup{margin-bottom:var(--ds-space-5, 20px)}.ds-modal__subgroup:last-child{margin-bottom:0}.ds-modal__subgroup-title{display:flex;align-items:center;gap:var(--ds-space-2, 8px);margin:0 0 var(--ds-space-3, 12px);font-size:9.5px;font-weight:var(--ds-font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-text-tertiary)}.ds-modal__subgroup-title svg{width:14px;height:14px;flex:0 0 auto}[dir=rtl] .ds-modal__subgroup-title{letter-spacing:normal}.ds-choice-grid{display:flex;flex-wrap:wrap;gap:var(--ds-space-3, 12px)}.ds-choice{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--ds-border-default);border-radius:10px;background:var(--ds-bg-surface);color:var(--ds-text-secondary);font-family:var(--ds-font-primary);font-size:12.5px;font-weight:var(--ds-font-semibold);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.ds-choice:hover{border-color:var(--ds-border-strong)}.ds-choice.is-selected{border-color:var(--ds-primary);background:var(--ds-danger-tint);color:var(--ds-primary)}.ds-modal__notice{display:flex;gap:11px;padding:13px 15px;margin-bottom:18px;border-radius:11px;background:var(--ds-info-tint);border:1px solid var(--ds-info-tint-border);color:var(--ds-info-tint-fg);font-size:12.5px;line-height:1.55}.ds-modal__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2, 8px);height:42px;padding:0 22px;border-radius:10px;font-family:var(--ds-font-primary);font-size:13.5px;font-weight:var(--ds-font-semibold);cursor:pointer;transition:transform .18s cubic-bezier(.2,.9,.3,1.3),box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.ds-modal__btn--ghost{border:1px solid var(--ds-border-default);background:var(--ds-bg-surface);color:var(--ds-text-secondary)}.ds-modal__btn--ghost:hover{border-color:var(--ds-border-strong);color:var(--ds-text-primary)}.ds-modal__btn--primary{border:none;background:var(--ds-primary);color:var(--ds-text-on-primary);box-shadow:0 6px 18px -8px var(--ds-primary)}.ds-modal__btn--primary:hover{background:var(--ds-danger-dark);transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.ds-modal__btn--primary:active{transform:translateY(0) scale(.98)}.ds-modal__btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}[dir=rtl] .ds-field-card__label,[dir=rtl] .ds-modal__field>label,[dir=rtl] .ds-modal__badge{letter-spacing:normal}.modal-overlay .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--ds-space-5, 20px);background:var(--ds-bg-base)}.modal-overlay .modal-footer,.modal-overlay .modal-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3, 12px);padding:var(--ds-space-4, 16px) var(--ds-space-5, 20px);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.modal-overlay .modal-footer .modal-saving,.modal-overlay .modal-actions .modal-saving{margin-inline-end:auto;display:inline-flex;align-items:center;gap:var(--ds-space-2, 8px);color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.modal-overlay .modal-saving .modal-spinner{width:15px;height:15px;border:2px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:dsModalSpin .7s linear infinite}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-overlay>.modal-content,.modal-overlay>.modal,.modal-overlay>form>.modal-content{animation:dsModalFade .16s ease both}.modal-overlay .modal-close,.modal-overlay .btn-close{transition:background .12s ease,color .12s ease}.modal-overlay .modal-close:hover,.modal-overlay .btn-close:hover{transform:none}.ds-field-card,.ds-modal__field{animation:none}.ds-field-card:hover{transform:none}.ds-modal__tab:after{transition:opacity .2s ease}.ds-modal__btn--primary:hover{transform:none}}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}[dir=rtl]{font-family:var(--ds-font-arabic),var(--ds-font-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--ds-font-primary);background:var(--ds-bg-base);color:var(--ds-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ds-bg-surface)}::-webkit-scrollbar-thumb{background:var(--ds-black-600);border-radius:var(--ds-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ds-black-500)}input,select,textarea{background-color:var(--ds-input-bg);color:var(--ds-text-primary);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ds-input-focus)}input[type=date],input[type=time],input[type=datetime-local]{background-color:var(--ds-input-bg);color:var(--ds-text-primary);color-scheme:dark}[data-theme=light] input[type=date],[data-theme=light] input[type=time],[data-theme=light] input[type=datetime-local]{color-scheme:light}select option,[data-theme=light] select option{background-color:var(--ds-dropdown-bg);color:var(--ds-text-primary)}.modal-content .form-group select,.modal-body .form-group select,[class*=modal] .form-group select{background-color:var(--ds-input-bg);color:var(--ds-input-text);border:1px solid var(--ds-input-border);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md)}.modal-content .form-group select option,.modal-body .form-group select option,[class*=modal] .form-group select option{background-color:var(--ds-dropdown-bg);color:var(--ds-text-primary);padding:var(--ds-space-2)}[data-theme=light] .modal-content .form-group select,[data-theme=light] .modal-body .form-group select,[data-theme=light] [class*=modal] .form-group select{background-color:var(--ds-input-bg);color:var(--ds-input-text);border-color:var(--ds-input-border)}[data-theme=light] .modal-content .form-group select option,[data-theme=light] .modal-body .form-group select option,[data-theme=light] [class*=modal] .form-group select option{background-color:var(--ds-dropdown-bg);color:var(--ds-text-primary)}::selection{background:var(--ds-primary);color:var(--ds-text-on-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--ds-font-semibold);line-height:var(--ds-leading-tight);color:var(--ds-text-primary)}h1{font-size:var(--ds-text-4xl)}h2{font-size:var(--ds-text-3xl)}h3{font-size:var(--ds-text-2xl)}h4{font-size:var(--ds-text-xl)}h5{font-size:var(--ds-text-lg)}h6{font-size:var(--ds-text-base)}p{color:var(--ds-text-secondary)}a{color:var(--ds-primary);text-decoration:none;transition:color var(--ds-transition-fast)}a:hover{color:var(--ds-red-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);border-radius:var(--ds-radius-lg);border:none;cursor:pointer;transition:all var(--ds-transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-md),var(--ds-shadow-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--ds-red-600),var(--ds-primary));transform:translateY(-1px);box-shadow:var(--ds-shadow-lg),var(--ds-shadow-glow)}.btn-primary:focus-visible{outline:none;box-shadow:var(--ds-shadow-md),0 0 0 var(--ds-focus-ring-width) var(--ds-primary-focus-ring)}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary));transform:translateY(0);box-shadow:var(--ds-shadow-sm)}.btn-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.btn-secondary:hover:not(:disabled){background:var(--ds-bg-hover);border-color:var(--ds-border-strong)}.btn-secondary:focus-visible{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-primary-focus-ring)}.btn-success{background:linear-gradient(135deg,var(--ds-success),var(--ds-success-dark));color:var(--ds-text-on-primary)}.btn-danger{background:linear-gradient(135deg,var(--ds-danger),var(--ds-danger-dark));color:var(--ds-text-on-primary)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--ds-space-2);background:var(--ds-bg-elevated);color:var(--ds-text-secondary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);line-height:1}.btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-border-strong);transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-icon.btn-icon--sm{padding:var(--ds-space-1);border-radius:var(--ds-radius-sm)}.btn-icon.btn-icon--primary{color:var(--ds-primary);border-color:transparent;background:var(--ds-primary-alpha-10)}.btn-icon.btn-icon--primary:hover{background:var(--ds-primary);color:var(--ds-text-on-primary);border-color:var(--ds-primary)}.btn-icon.btn-icon--success{color:var(--ds-success);border-color:transparent;background:var(--ds-success-bg)}.btn-icon.btn-icon--success:hover{background:var(--ds-success);color:var(--ds-text-on-primary);border-color:var(--ds-success)}.btn-icon.btn-icon--danger{color:var(--ds-danger);border-color:transparent;background:var(--ds-danger-bg)}.btn-icon.btn-icon--danger:hover{background:var(--ds-danger);color:var(--ds-text-on-primary);border-color:var(--ds-danger)}.btn-icon.btn-icon--info{color:var(--ds-info);border-color:transparent;background:var(--ds-info-bg)}.btn-icon.btn-icon--info:hover{background:var(--ds-info);color:var(--ds-text-on-primary);border-color:var(--ds-info)}.btn-sm{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-xs)}.btn-lg{padding:var(--ds-space-4) var(--ds-space-8);font-size:var(--ds-text-base)}.form-group{margin-bottom:var(--ds-space-5)}.form-label{display:block;margin-bottom:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-primary);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.form-input::placeholder{color:var(--ds-text-muted)}.form-textarea{min-height:100px;resize:vertical}.card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);-webkit-backdrop-filter:blur(var(--ds-blur-md));backdrop-filter:blur(var(--ds-blur-md));transition:all var(--ds-transition-interactive)}.card:hover{border-color:var(--ds-card-hover-border);box-shadow:var(--ds-card-hover-shadow)}.card:focus-within{border-color:var(--ds-card-focus-border);box-shadow:var(--ds-card-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-5);padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.card-title{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold)}.modal-overlay{position:fixed;inset:0;background:var(--ds-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal-backdrop);padding:var(--ds-space-4);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl);width:100%;min-width:420px;max-width:640px;max-height:90vh;overflow-y:auto;z-index:var(--ds-z-modal);animation:modalSlideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;position:sticky;top:0;z-index:10}.modal-header h2,.modal-header h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0;display:flex;align-items:center;gap:var(--ds-space-3)}.modal-header h2 svg,.modal-header h3 svg{color:var(--ds-primary)}.modal-close,.btn-close,.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.modal-close:hover,.btn-close:hover,.close-btn:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger);color:var(--ds-danger)}.modal-body{padding:var(--ds-space-6);background:var(--ds-bg-surface)}.modal-footer,.modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);border-radius:0 0 var(--ds-radius-xl) var(--ds-radius-xl);position:sticky;bottom:0}.modal-content input,.modal-content select,.modal-content textarea{background:var(--ds-input-bg);color:var(--ds-text-primary);border:1px solid var(--ds-input-border)}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;min-width:0}.form-group label{font-size:.8rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:inherit;color:var(--ds-text-primary);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ds-text-muted);opacity:.7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.form-group textarea{resize:vertical;min-height:60px}.form-group select{cursor:pointer;appearance:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group.full-width{grid-column:1 / -1}.form-control{width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--ds-text-primary);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-control::placeholder{color:var(--ds-text-muted);opacity:.7}.form-control:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}@media(max-width:480px){.form-row{grid-template-columns:1fr}.modal-content{min-width:unset}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px color-mix(in srgb,var(--ds-black) 8%,transparent)}.stat-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-card__icon--primary{background:linear-gradient(135deg,var(--ds-primary-subtle),color-mix(in srgb,var(--ds-primary) 8%,transparent));color:var(--ds-primary)}.stat-card__icon--success{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success) 15%,transparent),color-mix(in srgb,var(--ds-success) 8%,transparent));color:var(--ds-success)}.stat-card__icon--warning{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-warning) 15%,transparent),color-mix(in srgb,var(--ds-warning) 8%,transparent));color:var(--ds-warning)}.stat-card__icon--info{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-blue) 15%,transparent),color-mix(in srgb,var(--ds-blue) 8%,transparent));color:var(--ds-info)}.stat-card__icon--danger{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-danger) 15%,transparent),color-mix(in srgb,var(--ds-danger) 8%,transparent));color:var(--ds-danger)}.stat-card__content{display:flex;flex-direction:column}.stat-card__value{font-size:1.5rem;font-weight:800;color:var(--ds-text-primary);line-height:1.2}.stat-card__label{font-size:.75rem;color:var(--ds-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.header-actions{display:flex;gap:.75rem;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:0 1rem;flex:1;min-width:220px;transition:border-color .2s ease}.search-box:focus-within{border-color:var(--ds-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary) 8%,transparent)}.search-box svg{color:var(--ds-text-muted);flex-shrink:0}.search-box input{background:transparent;border:none;color:var(--ds-text-primary);padding:.625rem 0;width:100%;font-size:var(--ds-text-sm);outline:none}.filter-group{display:flex;align-items:center;gap:.5rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:0 1rem}.filter-group svg{color:var(--ds-text-muted);flex-shrink:0}.filter-group select{background:transparent;border:none;color:var(--ds-text-primary);padding:.625rem 0;font-size:var(--ds-text-sm);outline:none;cursor:pointer}.table-container{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:16px;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background:var(--ds-bg-secondary);border-bottom:2px solid var(--ds-border-default)}.table th{text-align:left;padding:.85rem 1rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--ds-border-default);transition:background .15s ease}.table tbody tr:hover{background:var(--ds-bg-hover)}.table td{padding:.75rem 1rem;color:var(--ds-text-secondary);vertical-align:middle}.table td strong{color:var(--ds-text-primary)}.action-buttons{display:flex;gap:.35rem}.action-buttons .btn-icon{min-width:2rem;min-height:2rem;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);background:var(--ds-bg-surface);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.action-buttons .btn-icon:hover{background:linear-gradient(135deg,var(--ds-primary-bg),color-mix(in srgb,var(--ds-primary) 6%,transparent));color:var(--ds-primary);border-color:var(--ds-primary)}.action-buttons .btn-icon--danger:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-danger) 12%,transparent),color-mix(in srgb,var(--ds-danger) 6%,transparent));color:var(--ds-danger);border-color:var(--ds-danger)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge-success{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success) 15%,transparent),color-mix(in srgb,var(--ds-success) 8%,transparent));color:var(--ds-success);border:1px solid color-mix(in srgb,var(--ds-success) 20%,transparent)}.badge-warning{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-warning) 15%,transparent),color-mix(in srgb,var(--ds-warning) 8%,transparent));color:var(--ds-warning);border:1px solid var(--ds-warning-bg)}.badge-danger{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-danger) 15%,transparent),color-mix(in srgb,var(--ds-danger) 8%,transparent));color:var(--ds-danger);border:1px solid color-mix(in srgb,var(--ds-danger) 20%,transparent)}.badge-secondary{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-text-tertiary) 15%,transparent),color-mix(in srgb,var(--ds-text-tertiary) 8%,transparent));color:var(--ds-text-muted);border:1px solid color-mix(in srgb,var(--ds-text-tertiary) 20%,transparent)}.badge-info{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-blue) 15%,transparent),color-mix(in srgb,var(--ds-blue) 8%,transparent));color:var(--ds-info);border:1px solid color-mix(in srgb,var(--ds-blue) 20%,transparent)}.type-badge{display:inline-block;padding:.2rem .65rem;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:capitalize;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-blue) 12%,transparent),color-mix(in srgb,var(--ds-blue) 6%,transparent));color:var(--ds-info);border:1px solid color-mix(in srgb,var(--ds-blue) 15%,transparent)}.client-cell{display:flex;align-items:center;gap:.4rem}.client-cell svg{color:var(--ds-text-muted);flex-shrink:0}.contract-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.3rem}.detail-item label{font-size:.75rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.detail-item span{font-size:.9rem;color:var(--ds-text-primary);font-weight:500}.detail-item--full{grid-column:1 / -1}.toast{position:fixed;top:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:var(--ds-radius-lg);font-size:.875rem;font-weight:600;color:var(--ds-text-on-primary);z-index:9999;animation:toastSlideIn .3s ease;box-shadow:0 8px 30px color-mix(in srgb,var(--ds-black) 20%,transparent)}.toast--success{background:linear-gradient(135deg,var(--ds-success),var(--ds-success-dark))}.toast--error{background:linear-gradient(135deg,var(--ds-danger),var(--ds-danger-dark))}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--ds-text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spinnerSpin .8s linear infinite}@keyframes spinnerSpin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:16px}.empty-state svg{color:var(--ds-text-muted);opacity:.5;margin-bottom:1rem}.empty-state h3{font-size:1.2rem;font-weight:700;color:var(--ds-text-primary);margin:0 0 .5rem}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.table-container{overflow-x:auto}.table{min-width:700px}.contract-detail-grid{grid-template-columns:1fr}}.modal-tabs{display:flex;gap:var(--ds-space-1);padding:0 var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface);overflow-x:auto;flex-wrap:nowrap}.modal-tab,.tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);background:transparent;border:none;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--ds-transition-fast);white-space:nowrap}.modal-tab:hover,.tab-btn:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.modal-tab.active,.modal-tab--active,.tab-btn.active{color:var(--ds-primary);border-bottom-color:var(--ds-primary);background:transparent}.modal-tab svg,.tab-btn svg{flex-shrink:0;width:18px;height:18px}.modal-tab.active svg,.modal-tab--active svg,.tab-btn.active svg{color:var(--ds-text-on-primary)}[dir=rtl] .modal-tabs{direction:rtl}[dir=rtl] .modal-tab,[dir=rtl] .tab-btn{text-align:right}.table-container{overflow-x:auto;border-radius:var(--ds-radius-xl);background:var(--ds-card-bg);border:1px solid var(--ds-border-default)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}.table th{font-weight:var(--ds-font-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-secondary);background:var(--ds-bg-elevated)}.table tbody tr{transition:background var(--ds-transition-fast)}.table tbody tr:hover{background:var(--ds-bg-glass)}table,[class*=table],[class*=data-table],[class*=records-table]{border-collapse:collapse;width:100%}table thead,[class*=table] thead,[class*=records] thead{background:var(--ds-bg-elevated)!important}table th,thead th,[class*=table] th,[class*=data-table] th,[class*=records] th{background:var(--ds-bg-elevated)!important;color:var(--ds-text-secondary)!important;font-weight:var(--ds-font-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-border-default)!important;padding:.875rem 1rem}table tbody,[class*=table] tbody,[class*=records] tbody{background:var(--ds-bg-surface)}table tbody tr,[class*=table] tbody tr,[class*=records] tbody tr{background:var(--ds-bg-surface);transition:background var(--ds-transition-fast)}table tbody tr:hover,[class*=table] tbody tr:hover,[class*=data-table] tbody tr:hover,[class*=records] tbody tr:hover,table tbody tr:hover td,[class*=table] tbody tr:hover td,[class*=data-table] tbody tr:hover td,[class*=records] tbody tr:hover td{background:var(--ds-bg-hover)!important}table tbody tr:focus,table tbody tr:focus-within,[class*=table] tbody tr:focus,[class*=table] tbody tr:focus-within{outline:none;background:var(--ds-bg-hover);box-shadow:inset 0 0 0 2px var(--ds-primary)}table td,[class*=table] td,[class*=data-table] td,[class*=records] td{color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default);padding:.875rem 1rem;background:transparent;display:table-cell!important;vertical-align:middle!important}table td>button+button,[class*=table] td>button+button,[class*=records] td>button+button{margin-inline-start:var(--ds-space-1)}[class*=records-header],[class*=record-header],.records-header,.record-header{background:var(--ds-bg-elevated)!important;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default);padding:1rem}[class*=records-container],[class*=record-container],[class*=table-container],[class*=table-wrapper],.records-container,.record-container,.table-container,.table-wrapper{background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg)}[class*=records]>div,[class*=table-content],[class*=content-area],[class*=panel],[class*=attendance-records],[class*=data-container]{background:var(--ds-bg-surface);color:var(--ds-text-primary)}.attendance-records,.attendance-page .records,[class*=records-table-container]{background:var(--ds-bg-surface)}[dir=rtl] table th,[dir=rtl] table td,[dir=rtl] [class*=table] th,[dir=rtl] [class*=table] td{text-align:right}[class*=card-title],[class*=card-value],[class*=stat-value],[class*=stat-label]{color:var(--ds-text-primary)}[class*=card-subtitle],[class*=stat-subtitle]{color:var(--ds-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);border-radius:var(--ds-radius-full)}.badge-success{background:var(--ds-success-bg);color:var(--ds-success-text)}.badge-warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.badge-info{background:var(--ds-info-bg);color:var(--ds-info-text)}.badge-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}[class*=__filters]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}@media(max-width:768px){[class*=__filters]{flex-direction:column;align-items:stretch}}.search-box{display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:var(--ds-bg-elevated);border:1.5px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);flex:1;max-width:400px;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.search-box svg{color:var(--ds-text-muted);flex-shrink:0;width:18px;height:18px}.search-box input{flex:1;border:none!important;background:transparent!important;padding:.7rem 0;color:var(--ds-text-primary);font-size:.875rem;outline:none;box-shadow:none!important}.search-box input::placeholder{color:var(--ds-text-muted)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group svg{color:var(--ds-text-muted);flex-shrink:0;width:18px;height:18px}.filter-group select{padding:.7rem 2.25rem .7rem .875rem;border:1.5px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-bg-elevated);color:var(--ds-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .2s ease;appearance:auto}[dir=rtl] .filter-group select{padding:.7rem .875rem .7rem 2.25rem}.filter-group select:focus{border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.empty-row{text-align:center!important;padding:3rem 1rem!important;color:var(--ds-text-muted);font-style:italic}.avatar{width:40px;height:40px;border-radius:var(--ds-radius-full);object-fit:cover;background:var(--ds-bg-elevated)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--ds-space-2)}.gap-4{gap:var(--ds-space-4)}.gap-6{gap:var(--ds-space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--ds-text-sm)}.text-xs{font-size:var(--ds-text-xs)}.text-muted{color:var(--ds-text-muted)}.font-semibold{font-weight:var(--ds-font-semibold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease-out}.ds-toast-container{position:fixed;bottom:var(--ds-space-6);right:var(--ds-space-6);z-index:9999;display:flex;flex-direction:column-reverse;gap:var(--ds-space-3);pointer-events:none;max-width:420px;width:100%}[dir=rtl] .ds-toast-container{right:auto;left:var(--ds-space-6)}.ds-toast{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-lg);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);box-shadow:var(--ds-shadow-lg);-webkit-backdrop-filter:blur(var(--ds-blur-md));backdrop-filter:blur(var(--ds-blur-md));pointer-events:auto;animation:dsToastSlideIn .3s ease-out;font-size:var(--ds-text-sm);color:var(--ds-text-primary);min-width:280px}@keyframes dsToastSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}[dir=rtl] .ds-toast{animation-name:dsToastSlideInRtl}@keyframes dsToastSlideInRtl{0%{opacity:0;transform:translate(-40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.ds-toast--success{border-color:var(--ds-success);background:linear-gradient(135deg,var(--ds-bg-elevated),color-mix(in srgb,var(--ds-success) 8%,transparent))}.ds-toast--success .ds-toast__icon{color:var(--ds-success)}.ds-toast--error{border-color:var(--ds-danger);background:linear-gradient(135deg,var(--ds-bg-elevated),color-mix(in srgb,var(--ds-danger) 8%,transparent))}.ds-toast--error .ds-toast__icon{color:var(--ds-danger)}.ds-toast--warning{border-color:var(--ds-warning);background:linear-gradient(135deg,var(--ds-bg-elevated),color-mix(in srgb,var(--ds-warning) 8%,transparent))}.ds-toast--warning .ds-toast__icon{color:var(--ds-warning)}.ds-toast--info{border-color:var(--ds-info);background:linear-gradient(135deg,var(--ds-bg-elevated),color-mix(in srgb,var(--ds-blue) 8%,transparent))}.ds-toast--info .ds-toast__icon{color:var(--ds-info)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;line-height:1.4;word-break:break-word}.ds-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast)}.ds-toast__close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}@media(max-width:640px){.ds-toast-container{bottom:var(--ds-space-4);right:var(--ds-space-4);left:var(--ds-space-4);max-width:100%}}