@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--color-purple: #8B5CF6;--color-success-alpha: rgba(16, 185, 129, .12);--color-warning-alpha: rgba(245, 158, 11, .12);--color-danger-alpha: rgba(239, 68, 68, .12);--color-info-alpha: rgba(59, 130, 246, .12);--color-purple-alpha: rgba(139, 92, 246, .12);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--topbar-height: 64px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--dir: 1;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-color: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, fill .2s ease, stroke .2s ease;--transition-transform: transform .3s ease;--transition-all: all .2s ease;--transition-sidebar: width .3s ease, min-width .3s ease, transform .3s ease;--transition-fast: .15s ease;--shadow-sm: 0 2px 4px rgba(0, 43, 39, .04), 0 1px 2px rgba(0, 43, 39, .03);--shadow-md: 0 8px 16px rgba(0, 43, 39, .05), 0 2px 6px rgba(0, 43, 39, .03);--shadow-lg: 0 12px 32px rgba(0, 43, 39, .08), 0 4px 12px rgba(0, 43, 39, .04);--shadow-xl: 0 20px 60px rgba(0, 43, 39, .12)}html.light,:root.light,:root:not(.dark){color-scheme:light;--color-primary: #007952;--color-primary-light: #009968;--color-primary-dark: #00573B;--color-primary-alpha: rgba(0, 121, 82, .1);--color-primary-alpha-20: rgba(0, 121, 82, .2);--color-brand-dark: #002B27;--text-heading: #002B27;--text-on-primary: #FFFFFF;--bg-page: #F5F7FA;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-input: #F1F5F9;--bg-body: #F8FAFC;--bg-hover: #F1F5F9;--bg-overlay: rgba(0, 0, 0, .45);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-color: #E2E8F0;--border-color-focus: rgba(0, 121, 82, .45);--border-color-hover: #CBD5E1;--border-color-light: #F1F5F9;--btn-primary-bg: #002B27;--btn-primary-hover: #003D36;--btn-primary-text: #FFFFFF;--sidebar-active-bg: #002B27;--sidebar-active-text: #FFFFFF;--sidebar-active-shadow: 0 4px 14px rgba(0, 43, 39, .28);--pill-info-bg: rgba(59, 130, 246, .1);--pill-info-text: #1D4ED8;--alert-error-bg: #FEF2F2;--alert-error-text: #B91C1C;--alert-error-border: #FECACA;--alert-warning-bg: #FFFBEB;--alert-warning-text: #B45309;--alert-warning-border: #FDE68A;--alert-info-bg: #EFF6FF;--alert-info-text: #1D4ED8;--alert-info-border: #BFDBFE;--scrollbar-thumb: rgba(0, 0, 0, .14);--scrollbar-track: transparent}html.dark,:root.dark{color-scheme:dark;--color-primary: #2DD4AA;--color-primary-light: #5EEAD4;--color-primary-dark: #14B89A;--color-primary-alpha: rgba(45, 212, 170, .14);--color-primary-alpha-20: rgba(45, 212, 170, .24);--color-brand-dark: #004D40;--text-heading: #E6FFF8;--text-on-primary: #042A22;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #F87171;--color-info: #60A5FA;--color-purple: #A78BFA;--color-success-alpha: rgba(52, 211, 153, .15);--color-warning-alpha: rgba(251, 191, 36, .15);--color-danger-alpha: rgba(248, 113, 113, .15);--color-info-alpha: rgba(96, 165, 250, .15);--color-purple-alpha: rgba(167, 139, 250, .15);--bg-page: #060D0C;--bg-surface: #0A1412;--bg-card: #0F1C19;--bg-card-hover: #152622;--bg-input: #0A1412;--bg-body: #0C1614;--bg-hover: #152622;--bg-overlay: rgba(0, 0, 0, .72);--text-primary: #EDF7F4;--text-secondary: #8FAEA6;--text-muted: #5C7A72;--text-inverse: #060D0C;--border-color: rgba(255, 255, 255, .07);--border-color-focus: rgba(45, 212, 170, .45);--border-color-hover: rgba(255, 255, 255, .12);--border-color-light: rgba(255, 255, 255, .04);--btn-primary-bg: #006B52;--btn-primary-hover: #008564;--btn-primary-text: #FFFFFF;--sidebar-active-bg: rgba(45, 212, 170, .12);--sidebar-active-text: #2DD4AA;--sidebar-active-shadow: none;--pill-info-bg: rgba(96, 165, 250, .15);--pill-info-text: #93C5FD;--alert-error-bg: rgba(248, 113, 113, .12);--alert-error-text: #FCA5A5;--alert-error-border: rgba(248, 113, 113, .25);--alert-warning-bg: rgba(251, 191, 36, .12);--alert-warning-text: #FCD34D;--alert-warning-border: rgba(251, 191, 36, .25);--alert-info-bg: rgba(96, 165, 250, .12);--alert-info-text: #93C5FD;--alert-info-border: rgba(96, 165, 250, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-track: transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dialog-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:300;background:var(--bg-overlay);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.dialog-backdrop--confirm{z-index:10000}.modal__overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(4px);z-index:300}.modal__wrap{position:fixed;inset:0;z-index:301;display:flex;align-items:center;justify-content:center;padding:var(--space-4);pointer-events:none}.dialog-container,.dialog-panel,.modal__panel{pointer-events:auto;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:min(90vh,900px);display:flex;flex-direction:column;overflow:hidden}.dialog-container--sm,.dialog-panel--sm,.modal__panel--sm{max-width:420px}.dialog-container--lg,.dialog-panel--lg,.modal__panel--lg{max-width:720px}.dialog-container--xl,.dialog-panel--xl,.modal__panel--xl{max-width:900px}.dialog-container>form,.dialog-panel>form,.modal__panel>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.dialog-header,.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.dialog-header--with-icon{align-items:flex-start}.dialog-header__text{flex:1;min-width:0}.dialog-title,.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3}.dialog-subtitle,.modal__subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4;word-break:break-word}.dialog-message{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.55;word-break:break-word;overflow-wrap:break-word}.dialog-close,.modal__close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0;transition:var(--transition-all)}.dialog-close:hover,.modal__close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dialog-header .btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0}.dialog-header .btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dialog-body,.modal__body{flex:1;overflow-y:auto;padding:var(--space-6)}.dialog-body::-webkit-scrollbar,.modal__body::-webkit-scrollbar{width:6px;height:6px}.dialog-body::-webkit-scrollbar-track,.modal__body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.dialog-body::-webkit-scrollbar-thumb,.modal__body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.dialog-footer,.modal__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-body);flex-shrink:0}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);width:100%}.modal__footer .modal-actions{margin-top:0;padding-top:0;border-top:none}.request-detail{display:flex;flex-direction:column;gap:var(--space-5)}.request-detail__hero{margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) 0;padding:var(--space-6);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--bg-body)),var(--bg-surface));position:relative;overflow:hidden}.request-detail__hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--color-primary)}.request-detail--approved .request-detail__hero:before{background:var(--color-success)}.request-detail--rejected .request-detail__hero:before{background:var(--color-danger)}.request-detail--cancelled .request-detail__hero:before{background:var(--text-muted)}.request-detail--pending .request-detail__hero:before{background:var(--color-warning)}.request-detail__hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.request-detail__type{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em}.type-pill--1{background:#3b82f61f;color:#3b82f6}.type-pill--2{background:#8b5cf61f;color:#8b5cf6}.type-pill--3{background:#f59e0b1f;color:#f59e0b}.type-pill--4{background:#10b9811f;color:#10b981}.request-detail__headline{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em;line-height:1.25}.request-detail__summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.request-detail__dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.request-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.request-detail__field{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-body);min-width:0}.request-detail__field--full{grid-column:1/-1}.request-detail__label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.request-detail__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.45;word-break:break-word}.request-detail__value--accent{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:var(--radius-md);background:var(--color-primary-alpha);color:var(--color-primary);font-variant-numeric:tabular-nums}.request-detail__reason{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--border-color));background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 6%,var(--bg-body)),var(--bg-surface))}.request-detail__reason-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;white-space:pre-wrap;word-break:break-word}@media(max-width:640px){.request-detail__grid{grid-template-columns:1fr}.request-detail__hero{padding:var(--space-5)}.request-detail__headline{font-size:var(--font-size-lg)}}.dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.dialog-icon--warn{background:#ef44441a;color:var(--color-danger)}.dialog-icon--success{background:#10b9811f;color:var(--color-success)}.dialog-icon--info{background:#3b82f61a;color:#3b82f6}.dialog-icon--error{background:#ef44441f;color:var(--color-danger, #ef4444);box-shadow:0 0 0 4px #ef444414}.dialog-prompt{margin-top:var(--space-4)}.dialog-prompt textarea{min-height:88px;resize:vertical}.assignee-pick-list,.assignee-list{max-height:200px;overflow-x:hidden;overflow-y:auto;background:var(--bg-body);padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px}.assignee-pick-list::-webkit-scrollbar,.assignee-list::-webkit-scrollbar{width:4px;height:4px}.assignee-pick-list::-webkit-scrollbar-track,.assignee-list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.assignee-pick-list::-webkit-scrollbar-thumb,.assignee-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.assignee-pick-list__empty,.assignee-pick-list__hint{margin:0;padding:10px 8px;font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.assignee-pick-list__count{display:block;margin-top:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.member-pick-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:start;transition:background .12s}.member-pick-row:hover{background:var(--bg-hover)}.member-pick-row--selected{background:var(--color-primary-alpha)}.member-pick-row--selected:hover{background:var(--color-primary-alpha-20)}.member-pick-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:start}.member-pick-row__name{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-pick-row__email{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-pick-row__check{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--border-color);color:transparent}.member-pick-row--selected .member-pick-row__check{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.assignee-item label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary)}.page-content{padding:var(--space-6);max-width:1600px;margin:0 auto}@media(max-width:1023px){.page-content{padding:var(--space-4)}}@media(max-width:767px){.page-content{padding:var(--space-4)}}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__title-group h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-heading);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-1)}.page-header__title-group p{color:var(--text-muted);font-size:var(--font-size-sm)}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:767px){.page-header__actions{width:100%}.page-header__actions .btn{flex:1 1 auto;justify-content:center}}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.badge--admin,.badge--primary{background:var(--color-brand-dark);color:#fff}.badge--draft{background:var(--bg-page);color:var(--text-secondary)}.badge--success{background:var(--color-success-alpha);color:var(--color-success)}.badge--danger{background:var(--color-danger-alpha);color:var(--color-danger)}.badge--warning{background:var(--color-warning-alpha);color:var(--color-warning)}.badge--info{background:var(--color-info-alpha);color:var(--color-info)}.badge--count{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);min-width:20px;height:20px;justify-content:center;padding:0 6px;font-size:10px}.badge:active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);border:1px solid transparent;cursor:pointer;transition:var(--transition-all);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);color:var(--btn-primary-text)}.btn-outline{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.05);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.05);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text-primary)}.btn-white{background:var(--bg-surface);color:var(--color-primary);font-weight:var(--font-weight-bold);border:1px solid var(--border-color)}.btn-white:hover:not(:disabled){background:var(--bg-card-hover)}.btn-link{background:none;color:var(--color-primary);padding:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.btn-dashed{border:1px dashed var(--border-color);background:transparent;color:var(--text-muted);width:100%;padding:var(--space-3);border-radius:var(--radius-lg)}.btn-dashed:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);transition:var(--transition-all)}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .2s ease,background-color .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-color-hover)}.card.p-0{padding:0;overflow:hidden}.card.border-0{border:none;box-shadow:none}.card.bg-transparent{background:transparent}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.stats-grid{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.stats-grid--3>*{flex:1 1 0;min-width:120px;max-width:none}.stats-grid--5>*{flex:1 1 0;min-width:0}.stats-grid--6>*{flex:1 1 150px;min-width:0}.stats-grid--8>*{flex:1 1 130px;min-width:0}.stats-grid>*{flex:1 1 160px;min-width:0}@media(max-width:767px){.stats-grid{gap:var(--space-3)}.stats-grid--3>*{flex:1 1 calc(33.333% - var(--space-3));min-width:100px}.stats-grid--5>*,.stats-grid--6>*,.stats-grid--8>*,.stats-grid>*{flex:1 1 calc(50% - var(--space-3))}}.filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-bar .search-input{display:flex;align-items:stretch;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-color);padding:0 var(--space-3);border-radius:var(--radius-md);width:100%;min-width:0;max-width:none;height:40px;flex:1 1 auto;color:var(--text-muted);transition:var(--transition-all);box-sizing:border-box;overflow:hidden}.filter-bar .search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.filter-bar .search-input svg{flex-shrink:0;align-self:center;width:16px;height:16px}.filter-bar .search-input input,.filter-bar .search-input input[placeholder],.filter-bar .search-input input[type=text]{flex:1;width:100%;min-width:0;height:100%;align-self:stretch;border:none!important;border-radius:0!important;background:transparent!important;background-image:none!important;outline:none;padding:0!important;margin:0;box-shadow:none!important;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.filter-bar .search-input input::placeholder,.filter-bar .search-input input[placeholder]::placeholder,.filter-bar .search-input input[type=text]::placeholder{color:var(--text-muted)}.filter-bar .search-input input:focus,.filter-bar .search-input input:focus-visible,.filter-bar .search-input input[placeholder]:focus,.filter-bar .search-input input[placeholder]:focus-visible,.filter-bar .search-input input[type=text]:focus,.filter-bar .search-input input[type=text]:focus-visible{box-shadow:none!important;border:none!important;outline:none}.filter-bar .filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);width:100%;min-width:0}.filter-bar .filter-actions select,.filter-bar .filter-actions input[type=date],.filter-bar .filter-actions input[type=datetime-local]{box-sizing:border-box;width:100%;max-width:none;flex:none}.filter-bar .filter-actions .btn:not(.btn-icon){grid-column:1/-1;justify-self:start;width:auto;height:38px}.filter-bar .filter-actions .btn-icon{justify-self:end;grid-column:1/-1}@media(min-width:768px){.filter-bar{flex-direction:row;align-items:center;flex-wrap:wrap}}@media(min-width:1024px){.filter-bar{flex-wrap:nowrap;gap:var(--space-3)}.filter-bar .search-input{flex:0 0 80%;width:80%;max-width:80%;min-width:0}.filter-bar .filter-actions{display:flex;flex:0 0 calc(20% - var(--space-3));width:calc(20% - var(--space-3));max-width:calc(20% - var(--space-3));flex-wrap:nowrap;align-items:center;gap:var(--space-2);min-width:0}}@media(min-width:1024px){.filter-bar--search-heavy .search-input{flex:0 0 80%!important;width:80%!important;max-width:80%!important}.filter-bar--search-heavy .filter-actions{flex:0 0 calc(20% - var(--space-3))!important;width:calc(20% - var(--space-3))!important;max-width:calc(20% - var(--space-3))!important}}.alert{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.alert--error{background:var(--alert-error-bg);color:var(--alert-error-text);border:1px solid var(--alert-error-border)}.alert--warning{background:var(--alert-warning-bg);color:var(--alert-warning-text);border:1px solid var(--alert-warning-border)}.alert--info{background:var(--alert-info-bg);color:var(--alert-info-text);border:1px solid var(--alert-info-border)}.alert__text{flex:1 1 auto;min-width:0}.alert__retry{flex-shrink:0}.table-wrap{overflow-x:auto;width:100%}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:0;table-layout:auto}.table th{font-size:13px;color:var(--text-muted);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);white-space:nowrap;text-align:start;position:sticky;top:0;background:var(--bg-card);z-index:1}.table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:var(--font-size-sm);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background-color:var(--bg-card-hover, rgba(0, 0, 0, .02))}.employee-cell{display:flex;align-items:center;gap:var(--space-3)}.employee-cell .emp-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.employee-cell .emp-email,.employee-cell .emp-role{font-size:11px;color:var(--text-muted)}.dept-badge{display:inline-flex;background:var(--color-info-alpha);color:var(--color-info);font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 8px;border-radius:4px;text-transform:uppercase}.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--font-size-sm);color:var(--text-muted)}.pagination .pages{display:flex;align-items:center;gap:var(--space-1)}.pagination .page-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid transparent;background:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.pagination .page-btn.active{background:var(--color-primary);color:var(--text-on-primary);font-weight:var(--font-weight-bold)}.pagination .page-btn:hover:not(.active){background:var(--bg-card-hover)}.tabs{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border-color);overflow-x:auto}.tabs::-webkit-scrollbar{width:4px;height:4px}.tabs::-webkit-scrollbar-track{background:var(--scrollbar-track)}.tabs::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.tabs .tab{padding:var(--space-3) 0;color:var(--text-muted);font-weight:var(--font-weight-medium);position:relative;font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.tabs .tab.active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.tabs .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:767px){.form-row{grid-template-columns:1fr}}.form-section{margin-bottom:var(--space-6)}.form-section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.w-full{width:100%}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}@media(max-width:768px){.table{display:block;width:100%;min-width:0}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table tr{position:relative;margin-bottom:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);padding-inline-end:var(--space-8);box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.table tr:hover{border-color:var(--color-primary-alpha);box-shadow:0 4px 6px #0000000d}.table tr:after{content:"";position:absolute;top:var(--space-4);inset-inline-end:var(--space-4);width:24px;height:24px;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%2364748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:center;transition:transform .3s ease}.table tr.is-expanded:after{transform:rotate(180deg)}.table tr.is-expanded td{display:flex}.table td{display:none;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px dashed var(--border-color-light);text-align:end;gap:var(--space-3)}.table td:last-child{border-bottom:none}.table td:first-child,.table td:last-child{display:flex}.table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;text-align:start}.table td:first-child:before{display:none}.table td>div,.table td>a,.table td>button{text-align:end}.table td .row-actions{flex-wrap:wrap;justify-content:flex-end}.table-wrap{overflow-x:visible}}.switch-row{display:inline-flex!important;align-items:center!important;gap:var(--space-3)!important;margin-bottom:0!important;cursor:pointer;-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:42px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;margin:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:all .2s ease;border-radius:var(--radius-full)}.slider:before{position:absolute;content:"";height:16px;width:16px;inset-inline-start:3px;bottom:3px;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(calc(20px * var(--dir)))}input:focus-visible+.slider{outline:2px solid var(--color-primary);outline-offset:2px}.switch-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}:root:not(.dark){--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");--dropdown-shadow: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .06);--dropdown-border: var(--border-color)}html.dark,:root.dark{--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238FAEA6' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");--dropdown-shadow: 0 16px 40px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .25)}@keyframes ptDropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}select{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;width:100%;min-height:40px;padding-top:0;padding-bottom:0;padding-inline-start:var(--space-3);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-inline-end:36px!important;cursor:pointer}[dir=rtl] select{background-position:left 12px center!important}select:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}select:focus,select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}select:disabled{opacity:.55;cursor:not-allowed}select option{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;font-weight:var(--font-weight-medium)}.form-control{font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;width:100%;min-height:40px;padding:10px var(--space-3);font-size:var(--font-size-sm)}.form-control:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}.form-control:focus,.form-control:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-control:disabled{opacity:.55;cursor:not-allowed}.form-control::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.form-control--sm{min-height:34px;padding:6px 10px;font-size:var(--font-size-xs)}select.form-control{padding-top:0;padding-bottom:0;padding-inline-start:var(--space-3);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-inline-end:36px!important;cursor:pointer}[dir=rtl] select.form-control{background-position:left 12px center!important}textarea.form-control{min-height:88px;resize:vertical;line-height:1.55}.select-wrapper{position:relative;width:100%}.select-wrapper select{width:100%}.select--compact,.pagination-size__select{font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;width:auto;min-width:4.5rem;height:34px;min-height:34px;padding-inline-start:var(--space-2);font-size:var(--font-size-sm);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-inline-end:36px!important;cursor:pointer}[dir=rtl] .select--compact,[dir=rtl] .pagination-size__select{background-position:left 12px center!important}.select--compact:hover:not(:disabled),.pagination-size__select:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}.select--compact:focus,.select--compact:focus-visible,.pagination-size__select:focus,.pagination-size__select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.select--compact:disabled,.pagination-size__select:disabled{opacity:.55;cursor:not-allowed}.filter-bar .filter-actions select,.filter-bar .filter-actions input[type=date],.filter-bar .filter-actions input[type=datetime-local]{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;height:40px;min-height:40px;flex:0 0 auto;width:160px;min-width:140px;max-width:180px;padding-inline-start:var(--space-3);box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-inline-end:36px!important;cursor:pointer}[dir=rtl] .filter-bar .filter-actions select,[dir=rtl] .filter-bar .filter-actions input[type=date],[dir=rtl] .filter-bar .filter-actions input[type=datetime-local]{background-position:left 12px center!important}.filter-bar .filter-actions select:hover:not(:disabled),.filter-bar .filter-actions input[type=date]:hover:not(:disabled),.filter-bar .filter-actions input[type=datetime-local]:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}.filter-bar .filter-actions select:focus,.filter-bar .filter-actions select:focus-visible,.filter-bar .filter-actions input[type=date]:focus,.filter-bar .filter-actions input[type=date]:focus-visible,.filter-bar .filter-actions input[type=datetime-local]:focus,.filter-bar .filter-actions input[type=datetime-local]:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.filter-bar .filter-actions select:disabled,.filter-bar .filter-actions input[type=date]:disabled,.filter-bar .filter-actions input[type=datetime-local]:disabled{opacity:.55;cursor:not-allowed}.filter-bar .filter-actions input[type=date],.filter-bar .filter-actions input[type=datetime-local]{background-image:none!important;padding-inline-end:var(--space-3)!important}.pt-dropdown-panel,.pt-select__panel,.assignee-menu,.autocomplete-dropdown,app-creatable-select .creatable-select__panel,.export-panel{position:absolute;z-index:1000;background:var(--bg-surface);border:1px solid var(--dropdown-border);border-radius:var(--radius-lg);box-shadow:var(--dropdown-shadow);overflow:visible;animation:ptDropdownIn .22s cubic-bezier(.16,1,.3,1);transform-origin:top center}.pt-dropdown-item,.pt-select__option,.assignee-menu__item,.autocomplete-item,app-creatable-select .creatable-select__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:10px var(--space-3);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);text-align:start;cursor:pointer;transition:background .14s ease,color .14s ease;border-radius:var(--radius-md);margin:2px var(--space-1);width:calc(100% - var(--space-2))}.pt-dropdown-item:hover,.pt-select__option:hover,.assignee-menu__item:hover,.autocomplete-item:hover,app-creatable-select .creatable-select__option:hover{background:var(--bg-card-hover)}.pt-dropdown-item--selected,.pt-dropdown-item--active{background:var(--color-primary-alpha);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.pt-dropdown-item svg,.pt-select__option svg,.assignee-menu__item svg,.autocomplete-item svg,app-creatable-select .creatable-select__option svg{flex-shrink:0;opacity:.75}.pt-dropdown-list,app-creatable-select .creatable-select__list{list-style:none;margin:0;padding:var(--space-1);max-height:240px;overflow-y:auto}.pt-dropdown-list::-webkit-scrollbar,app-creatable-select .creatable-select__list::-webkit-scrollbar{width:5px;height:5px}.pt-dropdown-list::-webkit-scrollbar-track,app-creatable-select .creatable-select__list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.pt-dropdown-list::-webkit-scrollbar-thumb,app-creatable-select .creatable-select__list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.pt-dropdown-toolbar,app-creatable-select .creatable-select__toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-color);background:var(--bg-body)}.pt-dropdown-search,app-creatable-select .creatable-select__search{flex:1;min-width:0;padding:9px var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);font-size:var(--font-size-sm);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.pt-dropdown-search:focus,app-creatable-select .creatable-select__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.pt-dropdown-search::placeholder,app-creatable-select .creatable-select__search::placeholder{color:var(--text-muted)}.export-dropdown{position:relative;display:inline-block}.export-panel{top:calc(100% + 8px);inset-inline-end:0;inset-inline-start:auto;width:min(320px,100vw - 24px);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);z-index:200}.export-panel__header{display:flex;flex-direction:column;gap:4px;padding:0 var(--space-1)}.export-panel__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.export-panel__subtitle{font-size:var(--font-size-xs);color:var(--text-muted)}.export-panel__options{display:flex;flex-direction:column;gap:var(--space-2)}.export-format{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;width:100%;padding:14px 14px 14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);text-align:start;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.export-format:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-format__badge{position:absolute;top:10px;inset-inline-end:10px;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:999px;background:var(--bg-body);color:var(--text-muted)}.export-format__icon{grid-row:1/span 2;width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.export-format__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.export-format__copy strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.export-format__copy small{font-size:11px;line-height:1.45;color:var(--text-muted)}.export-format--excel{border-color:#107c4138}.export-format--excel .export-format__icon{background:#107c411f;color:#107c41}.export-format--excel:hover{border-color:#107c41;background:#107c410a}.export-format--word{border-color:#2b579a38}.export-format--word .export-format__icon{background:#2b579a1f;color:#2b579a}.export-format--word:hover{border-color:#2b579a;background:#2b579a0a}@media(max-width:480px){.export-panel{inset-inline-end:auto;inset-inline-start:0;width:min(300px,100vw - 20px)}}app-creatable-select .creatable-select{position:relative;width:100%}app-creatable-select .creatable-select__trigger{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px var(--space-3);text-align:start}app-creatable-select .creatable-select__trigger:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}app-creatable-select .creatable-select__trigger:focus,app-creatable-select .creatable-select__trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}app-creatable-select .creatable-select__trigger:disabled{opacity:.55;cursor:not-allowed}app-creatable-select .creatable-select--open .creatable-select__trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}app-creatable-select .creatable-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-creatable-select .creatable-select__value--placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}app-creatable-select .creatable-select__chevron{flex-shrink:0;color:var(--text-muted);transition:transform .22s cubic-bezier(.16,1,.3,1)}app-creatable-select .creatable-select--open .creatable-select__chevron{transform:rotate(180deg);color:var(--color-primary)}app-creatable-select .creatable-select__panel{top:calc(100% + 6px);left:0;right:0}app-creatable-select .creatable-select__option--selected{background:var(--color-primary-alpha);color:var(--color-primary);font-weight:var(--font-weight-semibold)}app-creatable-select .creatable-select__empty{padding:var(--space-5) var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}app-creatable-select .creatable-select__add-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 12px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:filter .15s,transform .12s;white-space:nowrap}app-creatable-select .creatable-select__add-btn:hover:not(:disabled){filter:brightness(1.06)}app-creatable-select .creatable-select__add-btn:active:not(:disabled){transform:scale(.97)}app-creatable-select .creatable-select__add-btn:disabled{opacity:.45;cursor:not-allowed}app-creatable-select .creatable-select__create-form{padding:var(--space-3);border-top:1px solid var(--border-color);background:var(--bg-body)}.autocomplete-container{position:relative}.autocomplete-dropdown{top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow-y:auto;padding:var(--space-1);z-index:100}.autocomplete-dropdown::-webkit-scrollbar{width:5px;height:5px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track)}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.autocomplete-item{margin:2px 0;width:100%}.sidebar-select{font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;width:100%;min-height:38px;padding-inline-start:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-inline-end:36px!important;cursor:pointer}[dir=rtl] .sidebar-select{background-position:left 12px center!important}.sidebar-select:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}.sidebar-select:focus,.sidebar-select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.sidebar-select:disabled{opacity:.55;cursor:not-allowed}.sidebar-select--status-todo{border-color:#cbd5e1;background:var(--bg-body)}.sidebar-select--status-progress{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.sidebar-select--status-review{border-color:#fcd34d;background:#fffbeb;color:#b45309}.sidebar-select--status-done{border-color:#6ee7b7;background:#ecfdf5;color:#047857}.sidebar-select--priority-critical{border-color:#fecaca;background:#fef2f2;color:#dc2626}.sidebar-select--priority-high{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.sidebar-select--priority-medium{border-color:var(--border-color)}.sidebar-select--priority-low{border-color:var(--border-color);color:var(--text-muted)}.assignee-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:200;width:auto;max-width:100%;display:flex;flex-direction:column}.assignee-menu__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border-color);background:var(--bg-body)}.assignee-menu__header span{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em}.assignee-menu__close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.assignee-menu__close:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-color-hover, var(--border-color))}.assignee-menu__search{display:flex;align-items:center;gap:var(--space-2);margin:10px 12px;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);min-width:0;overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s}.assignee-menu__search:focus-within{border-color:var(--color-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--color-primary-alpha)}.assignee-menu__list{max-height:260px;overflow-x:hidden;overflow-y:auto;padding:var(--space-1) var(--space-2)}.assignee-menu__list::-webkit-scrollbar{width:5px;height:5px}.assignee-menu__list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.assignee-menu__list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.assignee-menu__item{gap:10px;padding:9px 10px;margin-bottom:2px}.assignee-menu__item--selected{background:var(--color-primary-alpha)}.assignee-menu__item--selected:hover{background:var(--color-primary-alpha-20, var(--color-primary-alpha))}.assignee-menu__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.assignee-menu__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-menu__email{font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-menu__check{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-on-primary);opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.assignee-menu__item--selected .assignee-menu__check{opacity:1;transform:scale(1)}.assignee-menu__empty{padding:var(--space-5) var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.assignee-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px 12px;border-top:1px solid var(--border-color);background:var(--bg-body)}.assignee-menu__done{padding:7px 14px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:filter .15s}.assignee-menu__done:hover{filter:brightness(1.06)}app-pt-select{display:block;width:100%;position:relative}app-pt-select.pt-select-host--open{position:relative;z-index:1000}.card:has(app-pt-select.pt-select-host--open),.filter-bar:has(app-pt-select.pt-select-host--open),.form-group:has(app-pt-select.pt-select-host--open),.modal__body:has(app-pt-select.pt-select-host--open),.slide-over__body:has(app-pt-select.pt-select-host--open){overflow:visible;position:relative;z-index:30}app-creatable-select:has(.creatable-select--open){position:relative;z-index:1000}.card:has(app-creatable-select .creatable-select--open),.form-group:has(app-creatable-select .creatable-select--open){overflow:visible;position:relative;z-index:30}app-pt-select.pt-select-host--filter{flex:0 0 auto;width:160px;min-width:140px;max-width:180px}.filter-bar .filter-actions app-pt-select.pt-select-host--filter{flex:1 1 0;width:auto;min-width:0;max-width:none}@media(min-width:1024px){.filter-bar .filter-actions app-pt-select.pt-select-host--filter{flex:1 1 0;width:auto;min-width:0;max-width:none}}app-pt-select.pt-select-host--compact{width:auto;min-width:4.5rem}@media(max-width:1023px){.filter-bar .filter-actions app-pt-select.pt-select-host--filter{width:100%;max-width:none;flex:none}}.pt-select{position:relative;width:100%}.pt-select__trigger{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;outline:none;width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);text-align:start;cursor:pointer}.pt-select__trigger:hover:not(:disabled){border-color:var(--border-color-hover, #CBD5E1);background-color:var(--bg-card-hover)}.pt-select__trigger:focus,.pt-select__trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.pt-select__trigger:disabled{opacity:.55;cursor:not-allowed}.pt-select-host--filter .pt-select__trigger{min-height:40px;height:40px}.pt-select-host--compact .pt-select__trigger{min-height:34px;height:34px;padding:0 var(--space-2);font-size:var(--font-size-sm)}.pt-select--open .pt-select__trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.pt-select--disabled .pt-select__trigger{opacity:.55;cursor:not-allowed}.pt-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-select__value--placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.pt-select__chevron{flex-shrink:0;color:var(--text-muted);transition:transform .22s cubic-bezier(.16,1,.3,1),color .2s}.pt-select--open .pt-select__chevron{transform:rotate(180deg);color:var(--color-primary)}.pt-select__panel{top:calc(100% + 6px);inset-inline-start:0;z-index:1001;min-width:100%;width:max-content;max-width:300px}.pt-select-host--filter .pt-select__panel{min-width:max(100%,180px);inset-inline-start:auto;inset-inline-end:0}.pt-select__list{list-style:none;margin:0;padding:var(--space-1);max-height:280px;overflow-y:auto}.pt-select__list::-webkit-scrollbar{width:5px;height:5px}.pt-select__list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.pt-select__list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.pt-select__list>li{margin:0;padding:0}.pt-select__option{width:100%;margin:2px 0;border-radius:var(--radius-md);justify-content:space-between}.pt-select__option-label{flex:1;min-width:0;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-select__option--selected{background:var(--color-primary-alpha);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.pt-select__check{flex-shrink:0;color:var(--color-primary)}.pt-select__empty{padding:var(--space-4) var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}@media(prefers-reduced-motion:reduce){.pt-dropdown-panel,.export-panel,app-creatable-select .creatable-select__panel,.autocomplete-dropdown,.assignee-menu,.pt-select__panel,.creatable-select__panel{animation:none!important}}:root:not(.dark),html.light{--loading-scrim: rgba(15, 23, 42, .32);--loading-glass: color-mix(in srgb, var(--bg-surface) 80%, transparent);--loading-glass-border: color-mix(in srgb, var(--border-color) 65%, transparent);--loading-glass-highlight: rgba(255, 255, 255, .62);--loading-window-shadow: 0 2px 4px rgba(15, 23, 42, .04), 0 24px 64px rgba(15, 23, 42, .14);--loading-spinner-well: color-mix(in srgb, var(--color-primary) 6%, var(--bg-body));--loading-spinner-halo: color-mix(in srgb, var(--color-primary) 22%, transparent);--loading-grad-a: #007952;--loading-grad-b: #00a870;--loading-grad-c: #002b27;--loading-arc-inner: color-mix(in srgb, var(--color-brand-dark) 55%, var(--color-primary))}html.dark{--loading-scrim: rgba(0, 0, 0, .58);--loading-glass: color-mix(in srgb, var(--bg-surface) 84%, transparent);--loading-glass-border: color-mix(in srgb, var(--border-color) 95%, transparent);--loading-glass-highlight: rgba(255, 255, 255, .05);--loading-window-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 28px 72px rgba(0, 0, 0, .58);--loading-spinner-well: color-mix(in srgb, var(--color-primary) 10%, var(--bg-body));--loading-spinner-halo: color-mix(in srgb, var(--color-primary) 32%, transparent);--loading-grad-a: #2dd4aa;--loading-grad-b: #34d399;--loading-grad-c: #006b52;--loading-arc-inner: color-mix(in srgb, var(--color-primary) 70%, #ffffff)}.global-loading{position:fixed;inset:0;z-index:8000;display:grid;place-items:center;padding:var(--space-5);pointer-events:all}.global-loading__topbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:8002;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.global-loading__topbar-fill{display:block;height:100%;width:36%;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-primary-light, var(--color-primary)),transparent);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;animation:global-loading-topbar 1.05s cubic-bezier(.4,0,.2,1) infinite}.global-loading__scrim{position:absolute;inset:0;background:var(--loading-scrim);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15)}.global-loading__window{position:relative;z-index:1;width:min(100%,420px);border-radius:22px;background:var(--loading-glass);border:1px solid var(--loading-glass-border);box-shadow:var(--loading-window-shadow);backdrop-filter:blur(32px) saturate(1.7);-webkit-backdrop-filter:blur(32px) saturate(1.7);overflow:hidden}.global-loading__window:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--loading-glass-highlight) 0%,transparent 42%);pointer-events:none}.global-loading__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.global-loading__logo{height:30px;width:auto;object-fit:contain}.global-loading__badge{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);padding:5px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);white-space:nowrap}.global-loading__body{position:relative;z-index:1;padding:var(--space-6) var(--space-6) var(--space-5);text-align:center}.global-loading__spinner-stage{position:relative;width:96px;height:96px;margin:0 auto var(--space-6);display:grid;place-items:center}.global-loading__spinner-halo{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,var(--loading-spinner-halo) 0%,transparent 68%);animation:global-loading-halo 2.4s ease-in-out infinite}.global-loading__spinner-stage:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--loading-spinner-well);border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.global-loading__spinner{position:relative;z-index:1;width:80px;height:80px;display:block}.global-loading__grad-a{stop-color:var(--loading-grad-a)}.global-loading__grad-b{stop-color:var(--loading-grad-b)}.global-loading__grad-c{stop-color:var(--loading-grad-c)}.global-loading__ring-track{fill:none;stroke:var(--border-color);stroke-width:3;opacity:.45}.global-loading__ring-rotor{transform-origin:40px 40px}.global-loading__ring-rotor--primary{animation:global-loading-spin 1.15s cubic-bezier(.5,.15,.25,.85) infinite}.global-loading__ring-rotor--secondary{animation:global-loading-spin 1.65s cubic-bezier(.5,.15,.25,.85) infinite reverse}.global-loading__ring-arc{fill:none;stroke:url(#ptLoaderGrad);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:72 132}.global-loading__ring-arc-inner{fill:none;stroke:var(--loading-arc-inner);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:48 103;opacity:.75}.global-loading__ring-core{fill:var(--color-primary);opacity:.9;animation:global-loading-core 1.8s ease-in-out infinite}.global-loading__title{margin:0;font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:-.025em;color:var(--text-primary);line-height:1.2}.global-loading__subtitle{margin:var(--space-2) auto var(--space-5);max-width:28ch;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.55}.global-loading__skeleton{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);background:color-mix(in srgb,var(--bg-body) 65%,transparent);text-align:start}.global-loading__skeleton-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.global-loading__skeleton-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;padding-top:4px}.global-loading__skeleton-line{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.global-loading__skeleton-line--short{width:58%}@keyframes global-loading-topbar{0%{transform:translate(calc(-110% * var(--dir))) scaleX(.3)}50%{transform:translate(calc(35% * var(--dir))) scaleX(.9)}to{transform:translate(calc(310% * var(--dir))) scaleX(.35)}}@keyframes global-loading-spin{to{transform:rotate(360deg)}}@keyframes global-loading-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes global-loading-core{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media(max-width:480px){.global-loading{padding:var(--space-4)}.global-loading__window{border-radius:18px}.global-loading__header{padding:var(--space-4) var(--space-5)}.global-loading__body{padding:var(--space-5)}.global-loading__logo{height:26px}.global-loading__spinner-stage{width:88px;height:88px}.global-loading__spinner{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){.global-loading__topbar-fill,.global-loading__spinner-halo,.global-loading__ring-rotor,.global-loading__ring-core,.global-loading__skeleton-avatar,.global-loading__skeleton-line{animation:none!important}.global-loading__topbar-fill{width:42%;transform:none;margin:0 auto}}html.dark,html.dark input[type=date],html.dark input[type=datetime-local],html.dark input[type=time]{color-scheme:dark}html.dark .page-header__title-group h1{color:var(--text-heading)}html.dark .btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}html.dark .btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);color:var(--btn-primary-text)}html.dark .btn-white{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--border-color)}html.dark .btn-white:hover:not(:disabled){background:var(--bg-card-hover)}html.dark .badge--admin,html.dark .badge--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}html.dark .alert--error{background:var(--alert-error-bg);color:var(--alert-error-text);border-color:var(--alert-error-border)}html.dark .alert--warning{background:var(--alert-warning-bg);color:var(--alert-warning-text);border-color:var(--alert-warning-border)}html.dark .alert--info{background:var(--alert-info-bg);color:var(--alert-info-text);border-color:var(--alert-info-border)}html.dark .pagination .page-btn.active{background:var(--color-primary);color:var(--text-on-primary);font-weight:var(--font-weight-bold)}html.dark .card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}html.dark .stat-card:hover{box-shadow:var(--shadow-md)}html.dark .stat-card:hover:before{background:linear-gradient(135deg,transparent 60%,rgba(45,212,170,.06))}html.dark .table th{background:var(--bg-card);border-bottom-color:var(--border-color)}@media(max-width:768px){html.dark .table tr{box-shadow:var(--shadow-sm)}html.dark .table tr:hover{box-shadow:var(--shadow-md)}}html.dark .page-tabs .tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}html.dark .page-tabs .tab.active{color:var(--color-primary);background:var(--color-primary-alpha)}html.dark .sidebar__link{color:var(--text-secondary)}html.dark .sidebar__link:hover{color:var(--text-primary)}html.dark .sidebar__link--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);box-shadow:var(--sidebar-active-shadow)}html.dark .sidebar__link--active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}html.dark .sidebar__link--danger{color:var(--color-danger)}html.dark .sidebar__link--danger:hover{background:var(--color-danger-alpha);color:var(--color-danger)}html.dark .sidebar__link--warning{color:var(--color-warning)}html.dark .sidebar__link--warning:hover{background:var(--color-warning-alpha);color:var(--color-warning)}html.dark .sidebar__link--muted{color:var(--text-muted)}html.dark .sidebar__workspace-avatar{background:var(--btn-primary-bg)}html.dark .topbar__icon-btn{color:var(--text-muted)}html.dark .topbar__icon-btn:hover{color:var(--text-primary)}html.dark .topbar__tracker{background:var(--btn-primary-bg);box-shadow:0 2px 12px #0006}html.dark .topbar__tracker-time{color:var(--color-primary-light)}html.dark .notifications-panel .notification-item--unread{background:var(--color-primary-alpha)}html.dark .project-pill{background:var(--pill-info-bg);color:var(--pill-info-text)}html.dark .duration-pill{background:var(--bg-body);border-color:var(--border-color);color:var(--text-primary)}html.dark .duration-pill--strong{background:var(--color-primary-alpha);border-color:#2dd4aa40;color:var(--color-primary)}html.dark .elapsed-pill,html.dark .entry-task__icon{background:var(--color-success-alpha);color:var(--color-success)}html.dark .entry-task__icon--muted{background:var(--bg-body);color:var(--text-muted)}html.dark .entries-count{background:var(--bg-body);border-color:var(--border-color);color:var(--text-muted)}html.dark .entries-count--live{background:var(--color-success-alpha);border-color:#34d3994d;color:var(--color-success)}html.dark .ann-pill--low{background:#94a3b826;color:#94a3b8}html.dark .ann-pill--medium{background:#60a5fa26;color:#93c5fd}html.dark .ann-pill--high{background:#fbbf2426;color:#fcd34d}html.dark .ann-pill--critical{background:#f8717126;color:#fca5a5}html.dark .ann-dot--low{background:#94a3b8}html.dark .ann-dot--medium{background:#60a5fa}html.dark .ann-dot--high{background:#fbbf24}html.dark .ann-dot--critical{background:#f87171}html.dark .ann-row:hover,html.dark .ts-row:hover{background:var(--bg-hover)}html.dark .timer-widget{background:var(--bg-card);border-color:var(--border-color)}html.dark .timer-widget.timer-active{background:linear-gradient(135deg,#042a22,#063d32,#031f1a);border-color:#2dd4aa33;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff0a}html.dark .timer-widget.timer-active h2{color:var(--text-heading)}html.dark .timer-widget.timer-active .text-muted{color:var(--text-muted)}html.dark .btn-start-lg{background:var(--btn-primary-bg);color:var(--btn-primary-text)}html.dark .btn-start-lg:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:0 8px 24px #2dd4aa33}html.dark .export-panel{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-lg)}html.dark .export-format{background:var(--bg-surface);border-color:var(--border-color)}html.dark .export-format:hover{background:var(--bg-card-hover)}html.dark .export-format__badge{background:var(--bg-body);color:var(--text-muted)}html.dark .slide-over__panel{background:var(--bg-surface);border-color:var(--border-color)}html.dark .ts-detail-metric{background:var(--bg-body);border-color:var(--border-color)}html.dark .ts-task-row{background:var(--bg-card);border-color:var(--border-color)}html.dark .slider:before{background-color:var(--text-primary)}html.dark .app-logo-img{filter:brightness(1.15) contrast(1.05);mix-blend-mode:normal}html.dark .btn-brand-dark,html.dark .payroll-card{background:linear-gradient(135deg,#063d32,#042a22);border-color:#2dd4aa26;color:var(--text-heading)}html.dark .members-modal .search-input,html.dark .assignee-menu__search{background:var(--bg-input);border-color:var(--border-color);color:var(--text-muted)}html.dark input[type=date]::-webkit-calendar-picker-indicator,html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.75);opacity:.7;cursor:pointer}html.dark .projects-table thead th,html.dark .spaces-table thead th,html.dark .tasks-table thead th{background:var(--bg-body)!important;color:var(--text-muted)!important;border-bottom-color:var(--border-color)!important}html.dark .projects-table tbody td,html.dark .spaces-table tbody td,html.dark .tasks-table tbody td{border-bottom-color:var(--border-color)}html.dark .projects-table__row:hover,html.dark .spaces-table__row:hover,html.dark .tasks-table__row:hover{background:var(--bg-hover)}html.dark .project-cell__name,html.dark .space-cell__name,html.dark .task-cell__title{color:var(--text-primary)!important}html.dark .table-action{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-muted)!important}html.dark .table-action:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border-color-hover)!important}html.dark .table-action--danger:hover{background:var(--color-danger-alpha)!important;color:var(--color-danger)!important}html.dark app-white-board{background:#060d0c!important;color:#edf7f4}html.dark app-white-board .board-topbar,html.dark app-white-board .board-header,html.dark app-white-board .board-empty-hint,html.dark app-white-board .board-loading{background:#0f1c19!important;border-color:#ffffff12!important;box-shadow:0 1px 2px #00000073!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dark app-white-board .board-title,html.dark app-white-board .col-header h3,html.dark app-white-board .card-title-row h4,html.dark app-white-board .progress-text,html.dark app-white-board .task-total-badge{color:#edf7f4!important}html.dark app-white-board .board-desc,html.dark app-white-board .tracked-time,html.dark app-white-board .col-count,html.dark app-white-board .card-desc,html.dark app-white-board .card-date,html.dark app-white-board .card-unassigned,html.dark app-white-board .card-progress,html.dark app-white-board .progress-percent{color:#5c7a72!important}html.dark app-white-board .toolbar-search,html.dark app-white-board .project-picker select{background:#0a1412!important;border-color:#ffffff12!important;color:#edf7f4!important}html.dark app-white-board .toolbar-search input{color:#edf7f4!important}html.dark app-white-board .btn-outline{background:#0a1412!important;border-color:#ffffff12!important;color:#edf7f4!important}html.dark app-white-board .btn-ghost{color:#5c7a72!important}html.dark app-white-board .btn-ghost:hover:not(:disabled){background:#152622!important;color:#edf7f4!important}html.dark app-white-board .board-col{background:#0c1614!important;border-color:#ffffff12!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dark app-white-board .task-card{background:#0f1c19!important;border-color:#ffffff12!important;color:#edf7f4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dark app-white-board .col-empty,html.dark app-white-board .btn-add-task{background:#0a1412!important;border-color:#ffffff1f!important;color:#5c7a72!important}html.dark app-white-board .btn-add-task:hover:not(:disabled){background:#152622!important;color:#8faea6!important}html.dark app-white-board .progress-line,html.dark app-white-board .progress-bar{background:#0a1412!important}html.dark app-white-board .avatar-more{background:#ffffff14!important;color:#8faea6!important;border-color:#0f1c19!important}html.dark app-dashboard .metric-box{background:#0c1614!important;border-color:#ffffff12!important}html.dark app-dashboard .metric-val{color:#edf7f4!important}html.dark app-dashboard .metric-label{color:#5c7a72!important}html.dark app-dashboard .bar-track,html.dark app-dashboard .kpi-progress-bar{background:#0a1412!important}html.dark app-dashboard .trend-neutral,html.dark app-dashboard .period-badge,html.dark app-dashboard .date-range-picker{background:#0a1412!important;color:#edf7f4!important;border-color:#ffffff12!important}html.dark app-dashboard .donut-bg{stroke:#0a1412!important}html.dark app-dashboard .feed-item,html.dark app-dashboard .template-box,html.dark app-dashboard .empty-icon-box{background:#0c1614!important}html.dark app-dashboard .btn-compact:not(.btn-compact--approve){background:#0a1412!important;color:#edf7f4!important}html.dark app-task-detail-panel .task-panel{background:#0f1c19!important;border-color:#ffffff12!important;color:#edf7f4!important}html.dark app-task-detail-panel .task-panel__header,html.dark app-task-detail-panel .task-panel__sidebar,html.dark app-task-detail-panel .sidebar-section,html.dark app-task-detail-panel .activity-item,html.dark app-task-detail-panel .comment-composer,html.dark app-task-detail-panel .assignee-menu{background:#0c1614!important;border-color:#ffffff12!important;color:#edf7f4!important}html.dark app-task-detail-panel .task-panel__main,html.dark app-task-detail-panel .task-panel__body{background:#0f1c19!important;color:#edf7f4!important}html.dark app-task-detail-panel .task-panel__breadcrumb,html.dark app-task-detail-panel .sidebar-label,html.dark app-task-detail-panel .activity-meta,html.dark app-task-detail-panel .text-muted{color:#5c7a72!important}html.dark app-task-detail-panel .icon-btn:hover{background:#152622!important;color:#edf7f4!important}html.dark app-task-detail-panel .sidebar-input,html.dark app-task-detail-panel .sidebar-select,html.dark app-task-detail-panel .sidebar-textarea,html.dark app-task-detail-panel .comment-input,html.dark app-task-detail-panel .assignee-menu__search{background:#0a1412!important;border-color:#ffffff12!important;color:#edf7f4!important}html.dark app-task-detail-panel .btn-cancel{background:#0a1412!important;border-color:#ffffff12!important;color:#edf7f4!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;color:var(--text-primary);background:var(--bg-page);transition:var(--transition-color);scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;max-width:100%;overflow-x:hidden;line-height:1.5;position:relative}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(45,212,170,.07) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(0,107,82,.06) 0%,transparent 50%);opacity:0;transition:opacity .6s ease}html.dark body:before{opacity:1}[dir=rtl]{--dir: -1;--font-family: "IBM Plex Sans Arabic", "Inter", "Segoe UI", system-ui, sans-serif}[dir=rtl] .icon-dir{transform:scaleX(-1)}html.dark .card,html.dark .sidebar,html.dark .topbar,html.dark .stat-card,html.dark .slide-over__panel,html.dark .modal__panel,html.dark .dialog-panel{backdrop-filter:none;-webkit-backdrop-filter:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]),textarea{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden])::placeholder,textarea::placeholder{color:var(--text-muted)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]):focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]):focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);outline:none}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]):disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;padding:0;border:none;border-radius:var(--radius-sm);box-shadow:none;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}input[type=checkbox]:focus,input[type=checkbox]:focus-visible,input[type=radio]:focus,input[type=radio]:focus-visible{outline:2px solid var(--color-primary-alpha);outline-offset:2px;box-shadow:none}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;padding:0}img,video,canvas{max-width:100%;height:auto}iframe{max-width:100%}table{border-collapse:collapse;width:100%}th,td{text-align:start}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-right{text-align:end!important}.text-center{text-align:center!important}.text-left{text-align:start!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}router-outlet+*{display:block;width:100%}.toast-layer{z-index:9999}body.is-global-loading{overflow:hidden;touch-action:none}.app-logo-img{width:auto;object-fit:contain;transition:filter .2s ease,mix-blend-mode .2s ease;mix-blend-mode:multiply}.search-input input,.toolbar-search input,.help-search__input input,.members-modal__search input,.assignee-menu__search input,.topbar__search-input{background-image:none!important;padding-left:0!important;padding-right:0!important}.search-input,.help-search__input{box-sizing:border-box;overflow:hidden;min-width:340px;flex:1}.search-input input,.help-search__input input,.members-modal__search input,.assignee-menu__search input,.topbar__search-input{background:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;height:100%;min-height:0}.search-input input:focus,.search-input input:focus-visible,.help-search__input input:focus,.help-search__input input:focus-visible,.members-modal__search input:focus,.members-modal__search input:focus-visible,.assignee-menu__search input:focus,.assignee-menu__search input:focus-visible,.topbar__search-input:focus,.topbar__search-input:focus-visible{border:none!important;box-shadow:none!important;outline:none}[dir=rtl] .search-input input,[dir=rtl] .help-search__input input,[dir=rtl] .members-modal__search input,[dir=rtl] .assignee-menu__search input{padding-left:0!important;padding-right:0!important;background-image:none!important}
