@charset "UTF-8";._navbarContainer_1jtxz_7{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:var(--z-navbar);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background:var(--color-navbar-bg);color:var(--color-navbar-text);border-bottom:1px solid var(--color-border-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-normal);box-sizing:border-box}._navbarContainer_1jtxz_7,._navbarContainer_1jtxz_7 *{color:var(--color-navbar-text)}._navbarContainer_1jtxz_7._desktop_1jtxz_61{padding:0 var(--space-xl)}._navbarContainer_1jtxz_7._mobile_1jtxz_71{height:var(--navbar-mobile-height);padding:0;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center}._center_1jtxz_95{display:flex;align-items:center;justify-content:center;flex-grow:1;grid-column:2;justify-self:center}._logoTitle_1jtxz_113{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-navbar-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.05em;white-space:nowrap}._logo_1jtxz_113{height:36px;width:36px;object-fit:contain}._title_1jtxz_149{display:block;transition:opacity var(--transition-fast);color:var(--color-navbar-text)}._hideOnTiny_1jtxz_161{opacity:0;pointer-events:none;visibility:hidden;width:0}._left_1jtxz_181,._right_1jtxz_183{display:flex;align-items:center;gap:var(--space-md);margin:0;padding:0}._leftMobile_1jtxz_201{grid-column:1;display:flex;justify-content:flex-start;padding-left:var(--space-md);justify-self:start}._rightMobile_1jtxz_217{grid-column:3;display:flex;justify-content:flex-end;padding-right:var(--space-md);justify-self:end}._toggleButton_1jtxz_233{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-navbar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);min-width:44px;min-height:44px}._toggleButton_1jtxz_233:hover{background:var(--color-bg-secondary);color:var(--color-primary);border-color:var(--color-primary)}._toggleButton_1jtxz_233:active{transform:scale(.95)}._toggleIconContainer_1jtxz_285{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}._toggleIcon_1jtxz_285{position:absolute;transition:opacity var(--transition-normal),transform var(--transition-normal);color:currentColor;width:20px;height:20px}._toggleIconOpen_1jtxz_323{opacity:0;transform:rotate(-90deg) scale(.5)}._toggleIconClosed_1jtxz_335,._toggleButton_1jtxz_233._toggleOpen_1jtxz_347 ._toggleIconOpen_1jtxz_323{opacity:1;transform:rotate(0) scale(1)}._toggleButton_1jtxz_233._toggleOpen_1jtxz_347 ._toggleIconClosed_1jtxz_335{opacity:0;transform:rotate(90deg) scale(.5)}._avatar_1jtxz_367{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}._avatar_1jtxz_367:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._logoutBtn_1jtxz_411{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid transparent;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}._logoutBtn_1jtxz_411:hover{background:var(--color-error-light);color:var(--color-error-hover);border-color:var(--color-error)}._logoutIcon_1jtxz_453{width:18px;height:18px;color:currentColor}._profileDropdown_1jtxz_471{position:relative}._avatar_1jtxz_367{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);gap:var(--space-xs)}._avatar_1jtxz_367:hover{transform:scale(1.05);box-shadow:var(--shadow-md);background:var(--color-primary-hover)}._avatarChevron_1jtxz_529{width:14px;height:14px;color:var(--color-text-inverse);transition:transform var(--transition-fast)}._avatarChevron_1jtxz_529._open_1jtxz_543{transform:rotate(180deg)}._dropdownMenu_1jtxz_551{position:absolute;top:calc(100% + var(--space-md));right:0;transform:translate(min(0px,calc(100vw - 100% - 280px)));width:280px;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-primary);z-index:var(--z-dropdown);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);animation:_fadeIn_1jtxz_1 .2s ease-out;color:var(--color-text-primary)}._dropdownMenu_1jtxz_551 *{color:var(--color-text-primary)}._dropdownHeader_1jtxz_601{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--space-xs)}._dropdownDisplayName_1jtxz_613{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._dropdownEmail_1jtxz_633{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._dropdownItem_1jtxz_649{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:transparent;border:none;width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;justify-content:flex-start}._dropdownItem_1jtxz_649:hover{background:var(--color-bg-secondary);transform:translate(2px)}._dropdownItem_1jtxz_649._logout_1jtxz_411:hover{background:var(--color-error-light);color:var(--color-error-dark)}._dropdownItem_1jtxz_649._logout_1jtxz_411:hover ._dropdownIcon_1jtxz_703{color:var(--color-error-dark)}._dropdownIcon_1jtxz_703{width:16px;height:16px;color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}._dropdownItem_1jtxz_649:hover ._dropdownIcon_1jtxz_703{color:var(--color-primary)}._dropdownText_1jtxz_737{flex:1;text-align:left;margin-left:var(--space-sm)}._dropdownDivider_1jtxz_749{height:1px;background:var(--color-border-primary);margin:var(--space-xs) 0}._mobileMenuButton_1jtxz_767{display:flex;align-items:center;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);padding:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-xs);color:var(--color-navbar-text)}._mobileMenuButton_1jtxz_767:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}._mobileMenuButton_1jtxz_767._active_1jtxz_803{background:var(--color-bg-secondary);border-color:var(--color-primary)}._avatarMini_1jtxz_813{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border-radius:var(--radius-full)}._chevron_1jtxz_839{width:16px;height:16px;color:var(--color-text-secondary);transition:transform var(--transition-fast)}._chevron_1jtxz_839._rotated_1jtxz_853{transform:rotate(180deg)}._mobileDropdown_1jtxz_861{position:fixed;top:var(--navbar-mobile-height);left:0;width:100vw;height:calc(100vh - var(--navbar-mobile-height));z-index:var(--z-dropdown);display:flex;flex-direction:column;animation:_fadeIn_1jtxz_1 .3s ease-in-out}._mobileDropdownOverlay_1jtxz_885{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-overlay);z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}._mobileDropdownContent_1jtxz_909{position:relative;width:100%;background:var(--color-bg-card);color:var(--color-text-primary);padding:var(--space-lg);z-index:2;box-shadow:var(--shadow-lg);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm);animation:_slideInDown_1jtxz_1 .3s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--color-border-primary);border-top:none}._mobileDropdownContent_1jtxz_909,._mobileDropdownContent_1jtxz_909 *{color:var(--color-text-primary)}._mobileMenuItem_1jtxz_957{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-align:left;min-height:48px}._mobileMenuItem_1jtxz_957 svg{color:var(--color-text-secondary);transition:color var(--transition-fast);width:20px;height:20px;flex-shrink:0}._mobileMenuItem_1jtxz_957:hover{background:var(--color-bg-secondary);transform:translate(4px)}._mobileMenuItem_1jtxz_957:hover svg{color:var(--color-primary)}._mobileMenuItem_1jtxz_957._logoutItem_1jtxz_1027{color:var(--color-error)}._mobileMenuItem_1jtxz_957._logoutItem_1jtxz_1027:hover{background:var(--color-error-light)}._mobileMenuItem_1jtxz_957._logoutItem_1jtxz_1027 svg{color:var(--color-error)}._mobileMenuDivider_1jtxz_1051{height:1px;width:100%;background:var(--color-border-primary);margin:var(--space-md) 0;border-radius:var(--radius-sm)}._modalOverlay_1jtxz_1073{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:_fadeIn_1jtxz_1 .3s ease-out;box-sizing:border-box;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-lg)}._modalContent_1jtxz_1109{position:relative;background:var(--color-bg-card);color:var(--color-text-primary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:_bounceIn_1jtxz_1 .5s var(--spring);border:1px solid var(--color-border-primary);box-sizing:border-box;display:flex;flex-direction:column;margin:var(--space-lg)}._modalContent_1jtxz_1109,._modalContent_1jtxz_1109 *{color:var(--color-text-primary)}._modalClose_1jtxz_1159{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px}._modalClose_1jtxz_1159:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-primary)}._modalTitle_1jtxz_1207{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);margin-top:var(--space-md)}._modalInfo_1jtxz_1223{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.5}._profileForm_1jtxz_1237{display:flex;flex-direction:column;gap:var(--space-lg)}._inputGroup_1jtxz_1249{display:flex;flex-direction:column;gap:var(--space-sm)}._inputLabel_1jtxz_1261{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}._input_1jtxz_1249{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);padding:var(--space-md);font-size:var(--font-size-base);width:100%;transition:all var(--transition-fast);min-height:48px;box-sizing:border-box}._input_1jtxz_1249:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}._input_1jtxz_1249::placeholder{color:var(--color-input-placeholder)}._modalActions_1jtxz_1319{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-primary)}._buttonGroup_1jtxz_1339{display:flex;gap:var(--space-md)}._cancelBtn_1jtxz_1349{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:44px}._cancelBtn_1jtxz_1349:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-text-primary)}._saveBtn_1jtxz_1387{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-sm);min-height:44px}._saveBtn_1jtxz_1387:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;background:var(--color-text-muted)}._saveBtn_1jtxz_1387:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}._errorMsg_1jtxz_1447,._successMsg_1jtxz_1449{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);flex-grow:1;margin-bottom:var(--space-lg)}._errorMsg_1jtxz_1447{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}._successMsg_1jtxz_1449{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}._loading_1jtxz_1501{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);color:var(--color-text-secondary);padding:var(--space-2xl) 0;font-size:var(--font-size-base)}._spinner_1jtxz_1523,._buttonSpinner_1jtxz_1525{width:24px;height:24px;border:3px solid var(--color-border-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_1jtxz_1523 1s linear infinite}._buttonSpinner_1jtxz_1525{width:16px;height:16px;border-width:2px}@keyframes _spin_1jtxz_1523{to{transform:rotate(360deg)}}@keyframes _bounceIn_1jtxz_1{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes _slideInDown_1jtxz_1{0%{transform:translateY(-100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes _fadeIn_1jtxz_1{0%{opacity:0}to{opacity:1}}@media(max-width:768px){._navbarContainer_1jtxz_7._desktop_1jtxz_61{display:none}._navbarContainer_1jtxz_7._mobile_1jtxz_71{padding:0;height:var(--navbar-mobile-height);display:grid;grid-template-columns:auto 1fr auto;align-items:center}._leftMobile_1jtxz_201{padding-left:var(--space-md);justify-self:start}._center_1jtxz_95{justify-self:center}._rightMobile_1jtxz_217{padding-right:var(--space-md);justify-self:end}._logoTitle_1jtxz_113{font-size:var(--font-size-lg);gap:var(--space-sm)}._logo_1jtxz_113{height:32px;width:32px}._toggleButton_1jtxz_233{min-width:40px;min-height:40px;padding:var(--space-sm);border-radius:var(--radius-lg)}._modalOverlay_1jtxz_1073{padding:0}._modalContent_1jtxz_1109._mobileModalContent_1jtxz_1755{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;box-shadow:none;padding:var(--space-xl) var(--space-lg);margin:0;display:flex;flex-direction:column;justify-content:flex-start}._modalClose_1jtxz_1159{top:var(--space-lg);right:var(--space-lg);width:44px;height:44px}._modalActions_1jtxz_1319._mobileActions_1jtxz_1797{flex-direction:column;gap:var(--space-md);margin-top:auto;padding-top:var(--space-xl)}._buttonGroup_1jtxz_1339{flex-direction:column;width:100%;gap:var(--space-md)}._cancelBtn_1jtxz_1349._mobileBtn_1jtxz_1823,._saveBtn_1jtxz_1387._mobileBtn_1jtxz_1823{width:100%;justify-content:center;min-height:48px;font-size:var(--font-size-base)}._mobileDropdownContent_1jtxz_909{padding:var(--space-xl) var(--space-lg)}._mobileMenuItem_1jtxz_957{padding:var(--space-lg);font-size:var(--font-size-base);min-height:56px}}@media(max-width:480px){._leftMobile_1jtxz_201{padding-left:var(--space-sm)}._rightMobile_1jtxz_217{padding-right:var(--space-sm)}._logoTitle_1jtxz_113{gap:var(--space-xs);font-size:var(--font-size-base)}._logo_1jtxz_113{height:28px;width:28px}._modalContent_1jtxz_1109._mobileModalContent_1jtxz_1755{padding:var(--space-lg) var(--space-md)}._modalClose_1jtxz_1159{top:var(--space-md);right:var(--space-md)}}@media(prefers-reduced-motion:reduce){._toggleIcon_1jtxz_285,._chevron_1jtxz_839,._avatar_1jtxz_367,._toggleButton_1jtxz_233,._mobileMenuItem_1jtxz_957,._saveBtn_1jtxz_1387{transition:none}._mobileDropdown_1jtxz_861,._modalOverlay_1jtxz_1073,._modalContent_1jtxz_1109{animation:none}}@media(prefers-contrast:high){._toggleButton_1jtxz_233,._mobileMenuButton_1jtxz_767,._input_1jtxz_1249{border-width:2px}}body,.app-main,.app-content,.card,.modalContent,.navbarContainer,.sidebar,.form-input,input,textarea,select,.btn,.page-header{transition:background-color var(--transition-smooth),color var(--transition-smooth),border-color var(--transition-smooth)}svg{transition:fill var(--transition-smooth),stroke var(--transition-smooth)}:root{--navbar-height: 64px;--navbar-mobile-height: 56px;--sidebar-width: 220px;--sidebar-collapsed-width: 70px;--sidebar-tablet-width: 180px;--content-max-width: 1400px;--container-padding: 0px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--z-sidebar: 100;--z-navbar: 200;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-mobile-sidebar: 999;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--metric-card-min-width: 280px;--metric-card-min-width-mobile: 280px;--metric-card-min-height: 160px;--metric-card-min-height-mobile: 160px;--metric-value-min-width: 60px;--crucial-list-max-height: 120px;--filter-panel-min-width: 240px;--filter-panel-max-width: 340px;--table-max-height: 600px;--table-min-width: 600px;--table-max-height-mobile: 70vh}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-card: #ffffff;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .8);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border-primary: #e2e8f0;--color-border-secondary: #cbd5e1;--color-border-focus: #3b82f6;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-light: #eff6ff;--color-primary-dark: #1e40af;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-light: #fee2e2;--color-info: #06b6d4;--color-info-hover: #0891b2;--color-info-light: #cffafe;--color-navbar-bg: rgba(255, 255, 255, .95);--color-navbar-text: #0f172a;--color-sidebar-bg: #ffffff;--color-sidebar-text: #0f172a;--color-sidebar-text-muted: #64748b;--color-sidebar-hover: rgba(59, 130, 246, .08);--color-sidebar-active: #3b82f6;--color-input-bg: #ffffff;--color-input-text: #0f172a;--color-input-border: #d1d5db;--color-input-border-focus: #3b82f6;--color-input-placeholder: #9ca3af}[data-theme=dark]{color-scheme:dark;color:var(--color-text-primary);--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-card: #1e293b;--color-bg-elevated: #334155;--color-bg-overlay: rgba(0, 0, 0, .9);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-focus: #60a5fa;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-active: #2563eb;--color-primary-light: rgba(96, 165, 250, .1);--color-primary-dark: #1d4ed8;--color-success: #34d399;--color-success-hover: #10b981;--color-success-light: rgba(52, 211, 153, .1);--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-light: rgba(251, 191, 36, .1);--color-error: #f87171;--color-error-hover: #ef4444;--color-error-light: rgba(248, 113, 113, .1);--color-info: #22d3ee;--color-info-hover: #06b6d4;--color-info-light: rgba(34, 211, 238, .1);--color-navbar-bg: rgba(30, 41, 59, .95);--color-navbar-text: #f1f5f9;--color-sidebar-bg: #1e293b;--color-sidebar-text: #f1f5f9;--color-sidebar-text-muted: #94a3b8;--color-sidebar-hover: rgba(96, 165, 250, .1);--color-sidebar-active: #60a5fa;--color-input-bg: #1e293b;--color-input-text: #f1f5f9;--color-input-border: #475569;--color-input-border-focus: #60a5fa;--color-input-placeholder: #64748b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-card: #1e293b;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border-primary: #334155;--color-primary: #60a5fa;--color-sidebar-bg: #1e293b;--color-sidebar-text: #f1f5f9}}*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth;margin:0;padding:0;height:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.6;width:100%;min-height:100vh}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary);letter-spacing:-.025em}p{margin:0;padding:0;color:var(--color-text-secondary)}.app-layout{display:flex;min-height:100vh;width:100%;background:var(--color-bg-primary);margin:0;padding:0;position:relative}.app-main{flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-primary);margin-left:var(--sidebar-width);transition:margin-left var(--transition-smooth),width var(--transition-smooth),max-width var(--transition-smooth);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));box-sizing:border-box;padding:0}.app-main.sidebar-collapsed,body.sidebar-closed .app-main{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width));max-width:calc(100% - var(--sidebar-collapsed-width))}body.sidebar-open .app-main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width))}.app-content{flex:1;width:100%;max-width:100%;display:flex;flex-direction:column;padding:0;margin:0;padding-top:var(--navbar-height);box-sizing:border-box;overflow-x:hidden;min-height:calc(100vh - var(--navbar-height))}.container,.container.wide,.page-content,.dashboard-container,.invoices-container,.clients-container,.projects-container,.page-container,.main-content{width:100%;max-width:100%;margin:0;padding:0;background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:0;overflow-x:hidden}.content-padding{padding:var(--space-lg) var(--space-xl)}.content-padding-sm{padding:var(--space-md) var(--space-lg)}.content-padding-lg{padding:var(--space-xl) var(--space-2xl)}.page-wrapper{width:100%;min-height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;padding:0;margin:0;background:var(--color-bg-primary)}.page-header{width:100%;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-card)}.page-body{flex:1;width:100%;padding:var(--space-md) var(--space-xl)}.responsive-content{width:100%;max-width:100%;transition:all var(--transition-smooth);box-sizing:border-box;overflow-x:hidden;min-width:0;padding:0;margin:0}.dashboard-metrics,.dashboard-cards,.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-sm);width:100%;margin:0;padding:var(--space-xs) var(--space-xl);box-sizing:border-box;min-width:0}.dashboard-metric,.dashboard-card{min-width:0;width:100%;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-base);border:1px solid var(--color-border-primary);transition:all var(--transition-fast);box-sizing:border-box;margin:0}.dashboard-metric:hover,.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-lg);border:1px solid var(--color-border-primary);transition:box-shadow var(--transition-fast),transform var(--transition-fast);width:100%;min-width:0;box-sizing:border-box;margin:0}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-container{width:100%;max-width:100%;margin:0;padding:var(--space-lg) var(--space-xl);box-sizing:border-box}.table-responsive{width:100%;max-width:100%;overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);border:1px solid var(--color-border-primary);margin:0;padding:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:var(--font-size-sm);min-width:0;margin:0}thead th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:2px solid var(--color-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:normal;position:sticky;top:0;z-index:1}thead th:first-child{border-top-left-radius:var(--radius-lg)}thead th:last-child{border-top-right-radius:var(--radius-lg)}tbody td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);vertical-align:middle}tbody tr:nth-child(2n){background:var(--color-bg-secondary)}tbody tr:nth-child(odd){background:var(--color-bg-card)}tbody tr{transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}tbody tr:hover{background:var(--color-primary-light);box-shadow:inset 3px 0 0 var(--color-primary)}tbody tr:hover td{color:var(--color-text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.form-container{padding:var(--space-lg) var(--space-xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);width:100%;transition:all var(--transition-fast);min-height:44px;box-sizing:border-box;margin:0}.form-input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}input[type=checkbox]:focus{outline:none;box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;min-height:44px;position:relative;overflow:hidden;box-sizing:border-box;margin:0}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-hover)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-height:36px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);min-height:52px}.section-header{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);margin:0;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-card)}.section-header h1,.section-header h2{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin:0;letter-spacing:-.025em}.alert{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm)}.alert-info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-hover)}.alert-success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-hover)}.alert-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-hover)}.alert-error{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-hover)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.client-cards-container{display:grid;gap:var(--space-md);margin-top:var(--space-lg);display:none}.client-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-lg);border:1px solid var(--color-border-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.client-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.client-card-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px dotted var(--color-border-primary)}.client-card-row:last-child{border-bottom:none}.client-card-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.client-card-value{color:var(--color-text-primary);text-align:right;font-size:var(--font-size-sm)}.client-card-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-primary)}@media(max-width:1200px){:root{--sidebar-width: 200px}@media(max-width:1024px){:root{--sidebar-width: 180px}}.dashboard-metrics,.dashboard-cards,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--space-md) var(--space-xs)}.page-header,.page-body,.content-padding{padding:var(--space-md) var(--space-lg)}}@media(max-width:900px){:root{--navbar-height: 56px;--sidebar-width: 280px}.app-main,body.sidebar-open .app-main,body.sidebar-closed .app-main,.app-main.sidebar-collapsed{margin-left:0!important;width:100%!important;max-width:100%!important}.app-content{padding-top:var(--navbar-height)}.dashboard-metrics,.dashboard-cards,.dashboard-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.page-header,.page-body,.content-padding,.table-container,.form-container{padding:var(--space-sm) var(--space-md)}.section-header{padding:var(--space-md) var(--space-lg)}.table-responsive,.reminders-table{display:none}.client-cards-container{display:grid}.form-grid.two-col-grid{grid-template-columns:1fr}.form-actions{grid-column:1 / 1}.form-section .two-column-form label[style*=grid-column]{grid-column:auto!important}}@media(max-width:600px){.dashboard-metrics,.dashboard-cards,.dashboard-grid,.page-header,.page-body,.content-padding,.table-container,.form-container{padding:var(--space-xs) var(--space-sm)}.section-header{padding:var(--space-sm) var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.section-header h1,.section-header h2{font-size:var(--font-size-xl)}.dashboard-metric,.dashboard-card,.card{padding:var(--space-md)}.btn{width:100%;justify-content:center}.btn+.btn{margin-top:var(--space-xs)}}@media(max-width:480px){.dashboard-metrics,.dashboard-cards,.dashboard-grid,.page-header,.page-body,.content-padding,.table-container,.form-container{padding:var(--space-xs)}.section-header{padding:var(--space-xs) var(--space-sm)}.section-header h1,.section-header h2{font-size:var(--font-size-lg)}}.grid{display:grid;gap:var(--space-md);width:100%;box-sizing:border-box;margin:0;padding:0}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media(max-width:900px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-cols-12{grid-template-columns:repeat(1,1fr)}}@media(min-width:900px)and (max-width:1200px){.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-cols-12{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-card{background-color:var(--color-bg-card)}.bg-accent{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success-light)}.bg-warning{background-color:var(--color-warning-light)}.bg-error{background-color:var(--color-error-light)}.border{border:1px solid var(--color-border-primary)}.border-t{border-top:1px solid var(--color-border-primary)}.border-r{border-right:1px solid var(--color-border-primary)}.border-b{border-bottom:1px solid var(--color-border-primary)}.border-l{border-left:1px solid var(--color-border-primary)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-w-0{min-width:0}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}@media(max-width:900px){.hidden-mobile{display:none}.block-mobile{display:block}}@media(min-width:901px){.hidden-desktop{display:none}.block-desktop{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@media(prefers-contrast:high){:root{--color-border-primary: #000000;--color-border-secondary: #000000}[data-theme=dark]{--color-border-primary: #ffffff;--color-border-secondary: #ffffff}.btn,.form-input,input,textarea,select{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.fab{position:fixed;right:var(--space-lg);bottom:var(--space-lg);width:56px;height:56px;padding:0;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px #2563eb4d,0 4px 6px -2px #2563eb1a;font-size:var(--font-size-xl);font-weight:600;cursor:pointer;z-index:var(--z-fixed);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:0;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fab svg{width:24px!important;height:24px!important}.fab span{display:none}.fab:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.fab:active{transform:translateY(0)}@media(max-width:900px){.fab{right:var(--space-sm);bottom:var(--space-sm)}}@media(max-width:600px){.fab{width:44px;height:44px;font-size:var(--font-size-lg)}}@media print{.sidebar,.navbar,.btn,.sidebar-toggle{display:none!important}.app-main{margin-left:0!important;width:100%!important}.app-content{padding-top:0!important}*{background:#fff!important;color:#000!important;box-shadow:none!important}}._themeToggleContainer_vjakl_21{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);background:transparent;border:none;width:100%}._themeToggleContainer_vjakl_21:hover{background:var(--color-bg-secondary)}._themeToggleLabel_vjakl_55{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-md)}._themeToggleLabel_vjakl_55 ._icon_vjakl_73{width:16px;height:16px;color:var(--color-text-muted)}._toggleSwitch_vjakl_85{position:relative;width:44px;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border-primary);cursor:pointer;transition:background-color var(--transition-fast)}._toggleSwitch_vjakl_85:hover{border-color:var(--color-primary)}._toggleKnob_vjakl_115{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal) var(--spring);display:flex;align-items:center;justify-content:center}._toggleSwitch_vjakl_85._dark_vjakl_145 ._toggleKnob_vjakl_115{transform:translate(20px);background:var(--color-primary)}._iconContainer_vjakl_155{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast),transform var(--transition-fast);color:var(--color-text-inverse)}._sunIcon_vjakl_177{opacity:0;transform:scale(.5)}._moonIcon_vjakl_187,._toggleSwitch_vjakl_85._dark_vjakl_145 ._sunIcon_vjakl_177{opacity:1;transform:scale(1)}._toggleSwitch_vjakl_85._dark_vjakl_145 ._moonIcon_vjakl_187{opacity:0;transform:scale(.5)}.modal-backdrop{position:fixed;inset:0;background:linear-gradient(135deg,#000000b3,#0f172acc);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop, 1000);animation:backdrop-fade-in .3s ease-out;padding:var(--space-lg)}.modal-content{background-color:var(--color-bg-card);padding:0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl),0 0 40px #3b82f61a,inset 0 1px #ffffff1a;animation:modal-spring-in .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--color-border-primary);display:flex;flex-direction:column;max-height:90vh}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:560px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);gap:var(--space-md);flex-shrink:0}.modal-header-text{flex:1;min-width:0}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.modal-subtitle{margin-top:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);min-height:auto;padding:0;flex-shrink:0}.modal-body{padding:var(--space-lg) var(--space-xl);overflow-y:auto;flex:1;word-break:break-word;overflow-wrap:break-word}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary);flex-shrink:0}.modal-footer .btn{min-width:100px}.modal-footer .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.modal-footer .btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.modal-footer .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse);border:none;box-shadow:0 2px 8px #3b82f64d}.modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.modal-footer .btn-danger{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-hover) 100%);color:var(--color-text-inverse);border:none;box-shadow:0 2px 8px #ef44444d}.modal-footer .btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}@media(max-width:640px){.modal-backdrop{padding:var(--space-sm);align-items:flex-end}.modal-content{max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header,.modal-body,.modal-footer{padding-left:var(--space-md);padding-right:var(--space-md)}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}}._modalHeader_1j2yr_15{display:flex;align-items:center;gap:var(--space-md);width:100%}._iconContainer_1j2yr_29{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--color-error-light)}._icon_1j2yr_29{color:var(--color-error);width:20px;height:20px}._titleContainer_1j2yr_63{flex-grow:1}._modalTitle_1j2yr_71{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}._modalBody_1j2yr_89{display:flex;flex-direction:column;gap:var(--space-md)}._modalMessage_1j2yr_101{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}._inputContainer_1j2yr_115{margin-top:var(--space-sm)}._inputLabel_1j2yr_123{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);display:block}._input_1j2yr_115{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);padding:var(--space-md);font-size:var(--font-size-base);width:100%;transition:all var(--transition-fast);min-height:48px}._input_1j2yr_115:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}._modalActions_1j2yr_177{display:flex;justify-content:flex-end;gap:var(--space-md);width:100%}._confirmBtn_1j2yr_191,._cancelBtn_1j2yr_193{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;min-width:90px;display:flex;justify-content:center;align-items:center}._cancelBtn_1j2yr_193{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}._cancelBtn_1j2yr_193:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}._confirmBtn_1j2yr_191{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-hover) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}._confirmBtn_1j2yr_191:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}._sidebarContainer_16hqb_7{position:fixed;top:var(--navbar-height, 64px);left:0;width:var(--sidebar-width, 220px);height:calc(100vh - var(--navbar-height, 64px));background:var(--color-sidebar-bg, var(--color-bg-card));color:var(--color-sidebar-text, var(--color-text-primary));border-right:1px solid var(--color-border-primary);box-shadow:var(--shadow-base);transition:all var(--transition-smooth, .3s cubic-bezier(.4, 0, .2, 1));overflow-x:hidden;overflow-y:auto;z-index:var(--z-sidebar, 100);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(0);margin:0;padding:0}._collapsed_16hqb_49{width:var(--sidebar-collapsed-width, 70px);border-right:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);transform:translate(0)}._collapsed_16hqb_49 ._navLabel_16hqb_73{opacity:0;transform:translate(-10px);pointer-events:none;width:0}._collapsed_16hqb_49 ._navIcon_16hqb_89,._collapsed_16hqb_49 ._menu_16hqb_101{display:flex}._collapsed_16hqb_49 ._navLink_16hqb_113{justify-content:center;padding:var(--space-sm, .5rem);margin:0 var(--space-xs, .25rem);gap:0}._collapsed_16hqb_49 ._navLinkActive_16hqb_131{border-left:none;padding-left:var(--space-sm, .5rem);justify-content:center}._collapsed_16hqb_49 ._navLink_16hqb_113:hover:after{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--color-tooltip-bg, #1f2937);color:var(--color-tooltip-text, white);padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-xs, .75rem);white-space:nowrap;z-index:var(--z-tooltip, 1000);box-shadow:var(--shadow-lg);opacity:0;animation:_tooltipShow_16hqb_1 .2s ease forwards;pointer-events:none}._mobile_16hqb_189{z-index:var(--z-mobile-sidebar, 999)}._open_16hqb_199{transform:translate(0);box-shadow:var(--shadow-2xl)}._menu_16hqb_101{list-style:none;margin:0;padding:var(--space-sm, .5rem) 0;display:flex;flex-direction:column;gap:var(--space-xs, .25rem)}._navLink_16hqb_113{display:flex;align-items:center;gap:var(--space-sm, .5rem);color:var(--color-sidebar-text, var(--color-text-secondary));text-decoration:none;padding:var(--space-sm, .5rem) var(--space-md, .75rem);margin:0 var(--space-xs, .25rem);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);line-height:1.2;position:relative;transition:all var(--transition-fast, .2s ease);min-height:44px;-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap}._navLink_16hqb_113:hover{background:linear-gradient(90deg,var(--color-sidebar-hover, rgba(59, 130, 246, .1)) 0%,rgba(59,130,246,.03) 100%);color:var(--color-primary, #3b82f6);transform:translate(4px);box-shadow:inset 3px 0 0 var(--color-primary, #3b82f6)}._navLink_16hqb_113:hover ._navIcon_16hqb_89{transform:scale(1.15) rotate(-3deg);color:var(--color-primary, #3b82f6);animation:_iconBounce_16hqb_1 .4s ease}@keyframes _iconBounce_16hqb_1{0%,to{transform:scale(1.15) rotate(-3deg)}50%{transform:scale(1.2) rotate(0)}}._navLinkActive_16hqb_131{background:linear-gradient(90deg,var(--color-primary-light, rgba(59, 130, 246, .15)) 0%,rgba(59,130,246,.05) 100%);color:var(--color-primary, #3b82f6);font-weight:var(--font-weight-semibold, 600);border-left:3px solid var(--color-primary, #3b82f6);padding-left:calc(var(--space-md, .75rem) - 3px);position:relative;box-shadow:0 2px 8px #3b82f61a}._navLinkActive_16hqb_131 ._navIcon_16hqb_89{color:var(--color-primary, #3b82f6);animation:_activeIconPulse_16hqb_1 2s ease-in-out infinite}@keyframes _activeIconPulse_16hqb_1{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}._navLinkActive_16hqb_131:hover{background:linear-gradient(90deg,var(--color-primary-light, rgba(59, 130, 246, .2)) 0%,rgba(59,130,246,.08) 100%);transform:none;box-shadow:none}._navLinkActive_16hqb_131:after{content:"";position:absolute;right:var(--space-sm, .5rem);top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-primary, #3b82f6);border-radius:50%;opacity:1;box-shadow:0 0 8px #3b82f680;animation:_dotGlow_16hqb_1 2s ease-in-out infinite}@keyframes _dotGlow_16hqb_1{0%,to{opacity:.8;box-shadow:0 0 6px #3b82f666}50%{opacity:1;box-shadow:0 0 12px #3b82f6b3}}._collapsed_16hqb_49 ._navLinkActive_16hqb_131:after{right:50%;transform:translate(50%,-50%);bottom:4px;top:auto;width:4px;height:4px}._navIcon_16hqb_89{font-size:var(--font-size-xl, 1.25rem);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast, .2s ease);border-radius:var(--radius-sm, 4px)}._navLabel_16hqb_73{font-size:var(--font-size-sm, .875rem);font-weight:inherit;transition:all var(--transition-fast, .2s ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}._mobileBackdrop_16hqb_537{position:fixed;inset:0;background:var(--color-bg-overlay, rgba(0, 0, 0, .6));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-mobile-sidebar, 999) - 1);animation:_fadeIn_16hqb_1 .3s ease;display:none}._sidebarContainer_16hqb_7::-webkit-scrollbar{width:3px}._sidebarContainer_16hqb_7::-webkit-scrollbar-track{background:transparent}._sidebarContainer_16hqb_7::-webkit-scrollbar-thumb{background:var(--color-border-secondary, rgba(0, 0, 0, .15));border-radius:2px}._sidebarContainer_16hqb_7::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, rgba(0, 0, 0, .25))}._navLink_16hqb_113:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}@media(min-width:1025px){._sidebarContainer_16hqb_7{position:fixed;top:var(--navbar-height, 64px);height:calc(100vh - var(--navbar-height, 64px))}._mobileBackdrop_16hqb_537{display:none!important}._collapsed_16hqb_49{width:var(--sidebar-collapsed-width, 70px);transform:translate(0)}._collapsed_16hqb_49 ._navLink_16hqb_113:hover:after{left:calc(100% + 12px);opacity:1}}@media(max-width:1024px)and (min-width:901px){._sidebarContainer_16hqb_7{width:var(--sidebar-tablet-width, 180px);top:0;height:100vh;padding-top:var(--navbar-height, 64px)}._collapsed_16hqb_49{width:var(--sidebar-collapsed-tablet-width, 60px);transform:translate(0)}._navLink_16hqb_113{padding:var(--space-xs, .375rem) var(--space-sm, .5rem);font-size:var(--font-size-xs, .8rem);min-height:40px}._navIcon_16hqb_89{width:20px;height:20px;font-size:var(--font-size-lg, 1.1rem)}._collapsed_16hqb_49 ._navLink_16hqb_113{padding:var(--space-xs, .375rem);justify-content:center}._mobileBackdrop_16hqb_537{display:none!important}}@media(max-width:900px){._sidebarContainer_16hqb_7{position:fixed;width:min(85vw,320px);height:100vh;top:0;left:0;transform:translate(-100%);transition:transform var(--transition-smooth, .3s cubic-bezier(.4, 0, .2, 1));z-index:var(--z-mobile-sidebar, 999);padding-top:var(--navbar-mobile-height, 56px);border-right:none;box-shadow:none}._sidebarContainer_16hqb_7._open_16hqb_199{transform:translate(0);box-shadow:var(--shadow-2xl)}._mobileBackdrop_16hqb_537{display:block!important}._menu_16hqb_101{padding:var(--space-lg, 1rem) 0}._navLink_16hqb_113{padding:var(--space-md, .75rem) var(--space-lg, 1rem);margin:0 var(--space-md, .75rem);font-size:var(--font-size-base, 1rem);min-height:52px;border-radius:var(--radius-lg, 12px)}._navIcon_16hqb_89{width:28px;height:28px;font-size:var(--font-size-xl, 1.25rem)}._navLabel_16hqb_73{font-size:var(--font-size-base, 1rem)}._collapsed_16hqb_49{transform:translate(-100%);width:min(85vw,320px)}._navLinkActive_16hqb_131{border-left-width:4px;padding-left:calc(var(--space-lg, 1rem) - 4px)}._collapsed_16hqb_49 ._navLink_16hqb_113:hover:after{display:none}}@media(max-width:480px){._sidebarContainer_16hqb_7{width:calc(100vw - 1rem);max-width:300px;padding-top:var(--navbar-mobile-height, 56px)}._collapsed_16hqb_49{width:calc(100vw - 1rem);max-width:300px}._navLink_16hqb_113{padding:var(--space-sm, .5rem) var(--space-md, .75rem);margin:0 var(--space-sm, .5rem);min-height:48px}._navIcon_16hqb_89{width:24px;height:24px;font-size:var(--font-size-lg, 1.125rem)}}@media(prefers-color-scheme:dark){._sidebarContainer_16hqb_7{background:var(--color-sidebar-bg, #1e293b);border-right-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}._navLink_16hqb_113{color:var(--color-sidebar-text, #cbd5e1)}._navLink_16hqb_113:hover{background:#60a5fa26;color:var(--color-primary, #60a5fa)}._navLinkActive_16hqb_131{background:#60a5fa33;color:var(--color-primary, #60a5fa);border-left-color:var(--color-primary, #60a5fa)}._mobileBackdrop_16hqb_537{background:#000c}._collapsed_16hqb_49 ._navLink_16hqb_113:hover:after{background:#0f172af2;color:#f1f5f9}}[data-theme=dark] ._sidebarContainer_16hqb_7{background:var(--color-sidebar-bg, #1e293b);border-right-color:var(--color-border-primary, #334155)}[data-theme=dark] ._navLink_16hqb_113{color:var(--color-sidebar-text, #f1f5f9)}[data-theme=dark] ._navLink_16hqb_113:hover{background:var(--color-sidebar-hover, rgba(96, 165, 250, .1));color:var(--color-primary, #60a5fa)}[data-theme=dark] ._navLinkActive_16hqb_131{background:var(--color-primary-light, rgba(96, 165, 250, .15));color:var(--color-primary, #60a5fa)}[data-theme=dark] ._collapsed_16hqb_49 ._navLink_16hqb_113:hover:after{background:#0f172af2;color:#f1f5f9}@media(prefers-contrast:high){._navLink_16hqb_113{border:1px solid transparent}._navLink_16hqb_113:hover,._navLinkActive_16hqb_131{border-color:var(--color-primary, #3b82f6);border-width:2px}._navLinkActive_16hqb_131{border-left-width:4px}._collapsed_16hqb_49 ._navLinkActive_16hqb_131{border-left-width:2px;border-bottom-width:3px}}@media(prefers-reduced-motion:reduce){._sidebarContainer_16hqb_7,._navLink_16hqb_113,._navIcon_16hqb_89,._navLabel_16hqb_73,._mobileBackdrop_16hqb_537{transition:none!important;animation:none!important}._navLink_16hqb_113:hover,._navLink_16hqb_113:hover ._navIcon_16hqb_89,._collapsed_16hqb_49 ._navLabel_16hqb_73{transform:none!important}}@media print{._sidebarContainer_16hqb_7,._mobileBackdrop_16hqb_537{display:none!important}}@keyframes _fadeIn_16hqb_1{0%{opacity:0}to{opacity:1}}@keyframes _tooltipShow_16hqb_1{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}:root{--sidebar-width: 220px;--sidebar-collapsed-width: 70px;--sidebar-collapsed-tablet-width: 60px;--sidebar-tablet-width: 180px;--z-sidebar: 100;--z-mobile-sidebar: 999;--z-tooltip: 1000;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--color-tooltip-bg: #1f2937;--color-tooltip-text: white}[data-theme=light]{--color-sidebar-bg: #ffffff;--color-sidebar-text: #0f172a;--color-sidebar-hover: rgba(59, 130, 246, .08)}[data-theme=dark]{--color-sidebar-bg: #1e293b;--color-sidebar-text: #f1f5f9;--color-sidebar-hover: rgba(96, 165, 250, .1)}._modalOverlay_16hqb_1245{position:fixed;inset:0;background:var(--color-bg-overlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000}._modalContent_16hqb_1271{background:var(--color-bg-card);padding:2rem;border-radius:8px;box-shadow:var(--shadow-lg);width:90%;max-width:400px;text-align:center;position:relative;color:var(--color-text-primary)}._modalClose_16hqb_1295{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-primary)}._modalActions_16hqb_1317{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.login-page-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;padding:var(--space-lg);background:var(--color-bg-secondary);overflow:hidden;position:relative}.login-page-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.06) 0%,transparent 50%);pointer-events:none}.login-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:440px;min-height:auto;background:var(--color-bg-card);border-radius:var(--radius-xl, 16px);box-shadow:0 4px 24px #00000014,0 0 0 1px var(--color-border-primary);overflow:hidden;animation:cardSlideUp .6s cubic-bezier(.34,1.56,.64,1) both;position:relative;z-index:1}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form-container{display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl);width:100%}.login-form{width:100%;max-width:360px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-xs)}.form-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.label-group{display:flex;justify-content:space-between;align-items:center}.forgot-password-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}.forgot-password-link:hover{color:var(--color-primary-hover)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-input-text);transition:all .2s ease;outline:none}.form-input::placeholder{color:var(--color-input-placeholder)}.form-input:hover{border-color:var(--color-border-secondary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.password-wrapper{position:relative;width:100%}.password-wrapper .form-input{padding-right:50px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:36px;width:42px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:1.1rem;transition:all var(--transition-fast);min-height:auto;padding:0}.password-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.password-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:0 var(--space-xs);line-height:1.4}.login-form .btn-primary,.login-form .btn.btn-primary{width:100%;padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:44px}.login-form .btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.login-form .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.login-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:var(--space-md)}.form-footer a{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.form-footer a:hover{color:var(--color-primary-hover)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.alert-error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.alert-info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info)}@media(max-width:768px){.login-page-wrapper{padding:var(--space-md)}.login-container{max-width:100%;border-radius:var(--radius-lg)}.login-form-container{padding:var(--space-xl)}.form-title{font-size:var(--font-size-xl)}}@media(max-width:480px){.login-page-wrapper{padding:var(--space-sm)}.login-container{border-radius:var(--radius-md);margin:0 var(--space-xs)}.login-form-container{padding:var(--space-lg)}.form-title{font-size:var(--font-size-lg)}.form-subtitle{font-size:var(--font-size-xs)}.label-group{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media(prefers-reduced-motion:reduce){.login-container{animation:none!important}.login-form .btn-primary:hover{transform:none!important}}.dashboard-metric.magic-metric{position:relative;display:flex;flex-direction:column;min-height:140px;max-width:400px;padding:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);cursor:pointer;transition:var(--transition-smooth);overflow:hidden;animation:cardSlideIn .6s ease-out forwards;opacity:0}.dashboard-metric.magic-metric:hover{transform:translateY(-4px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.dashboard-metric.magic-metric:active{transform:translateY(-2px);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.dashboard-metric.magic-metric:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.metric-green{background:var(--color-success-light);border-color:var(--color-success)}.metric-orange{background:var(--color-warning-light);border-color:var(--color-warning)}.metric-red{background:var(--color-error-light);border-color:var(--color-error)}.metric-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:.5;margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.metric-title-center{text-align:center}.metric-title-green{color:var(--color-success-hover)}.metric-title-orange{color:var(--color-warning-hover)}.metric-title-red{color:var(--color-error-hover)}.metric-content{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.metric-top-row{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);margin-block-end:var(--space-sm)}.metric-values{display:flex;gap:var(--space-xs);align-items:center;justify-content:center}.metric-count-block,.metric-amount-block{display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-fast)}.dashboard-metric.magic-metric:hover .metric-count-block,.dashboard-metric.magic-metric:hover .metric-amount-block{transform:translateY(-2px)}.metric-count-label,.metric-amount-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.metric-value{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-primary);background:var(--color-bg-secondary);border:.2px solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.dashboard-metric.magic-metric:hover .metric-value{transform:scale(1.05);box-shadow:var(--shadow-md)}.metric-value--green{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success-hover)}.metric-value--orange{border-color:var(--color-warning);background:var(--color-warning-light);color:var(--color-warning-hover)}.metric-value--red{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error-hover)}.crucial-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:52px;padding-top:2px;overflow-y:auto;padding-inline-end:var(--space-sm);margin-inline-end:calc(-1 * var(--space-sm));flex:1}.crucial-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);cursor:pointer;transition:var(--transition-smooth)}.crucial-item:hover{transform:translate(4px);border-color:var(--color-primary)}.crucial-item--green{background:var(--color-success-light)}.crucial-item--orange{background:var(--color-warning-light)}.crucial-item--red{background:var(--color-error-light)}.crucial-line{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-sm)}.crucial-item span:first-child{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crucial-value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.crucial-item--green .crucial-value{color:var(--color-success-hover);background:var(--color-success-light)}.crucial-item--orange .crucial-value{color:var(--color-warning-hover);background:var(--color-warning-light)}.crucial-item--red .crucial-value{color:var(--color-error-hover);background:var(--color-error-light)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.dashboard-metric.magic-metric{min-height:var(--metric-card-min-height-mobile)}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--shadow-base);background:var(--color-bg-card);border:1px solid var(--color-border-primary);margin:5px}.table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:var(--font-size-sm);table-layout:fixed;padding:4px 15px;word-break:break-word}.table thead th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:4px 8px;border-bottom:2px solid var(--color-border-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1;height:32px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);white-space:normal}.table tbody td{padding:4px 8px;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);vertical-align:middle;font-size:var(--font-size-xs);height:32px;line-height:1.2;white-space:normal;word-break:break-word}.table tbody td{text-align:left}.table th.text-right,.table tbody td.text-right{text-align:right!important}.table th.text-center,.table tbody td.text-center{text-align:center!important}.table th.text-left,.table tbody td.text-left{text-align:left!important}.table tbody tr:hover{background:var(--color-bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:var(--space-md);color:var(--color-text-secondary)}.action-buttons{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap;min-width:100px}.table tbody tr.is-selected{background-color:var(--color-primary-light, rgba(0, 123, 255, .1));border:1px solid var(--color-primary, #007bff);box-shadow:0 0 5px #0003}.table tbody tr.is-selected:hover{background-color:var(--color-primary-lighter, rgba(0, 123, 255, .15))}@keyframes flash-animation{0%{background-color:transparent}50%{background-color:var(--flash-color, yellow)}to{background-color:transparent}}.flash-highlight{animation:flash-animation 1.5s ease-out}.flash-green{--flash-color: var(--color-green, #aaffaa)}.flash-orange{--flash-color: var(--color-orange, #ffccaa)}.flash-yellow{--flash-color: var(--color-yellow, #ffffaa)}.flash-red{--flash-color: var(--color-red, #ffaaaa)}.table-invoices th:nth-child(1),.table-invoices td:nth-child(1){width:8%;min-width:40px}.table-invoices th:nth-child(2),.table-invoices td:nth-child(2){width:10%;min-width:100px}.table-invoices th:nth-child(3),.table-invoices td:nth-child(3){width:8%;min-width:90px}.table-invoices th:nth-child(4),.table-invoices td:nth-child(4){width:9%;min-width:80px}.table-invoices th:nth-child(5),.table-invoices td:nth-child(5){width:10%;min-width:85px}.table-invoices th:nth-child(6),.table-invoices td:nth-child(6){width:6%;min-width:100px}.table-invoices th:nth-child(7),.table-invoices td:nth-child(7){width:10%;min-width:70px}.table-invoices th:nth-child(8),.table-invoices td:nth-child(8){width:8%;min-width:80px}.table-invoices th:nth-child(9),.table-invoices td:nth-child(9){width:8%;min-width:80px}.table-invoices th:nth-child(10),.table-invoices td:nth-child(10){width:8%;min-width:80px}.table-invoices th:nth-child(11),.table-invoices td:nth-child(11){width:6%;min-width:70px}.table-invoices th:nth-child(12),.table-invoices td:nth-child(12){width:6%;min-width:70px}.table-invoices th:nth-child(13),.table-invoices td:nth-child(13){width:7%;min-width:60px}.table-projects th:nth-child(1),.table-projects td:nth-child(1){width:10%;min-width:50px}.table-projects th:nth-child(2),.table-projects td:nth-child(2){width:10%;min-width:120px}.table-projects th:nth-child(3),.table-projects td:nth-child(3){width:10%;min-width:100px}.table-projects th:nth-child(4),.table-projects td:nth-child(4){width:10%;min-width:90px}.table-projects th:nth-child(5),.table-projects td:nth-child(5){width:6%;min-width:80px}.table-projects th:nth-child(6),.table-projects td:nth-child(6){width:10%;min-width:90px}.table-projects th:nth-child(7),.table-projects td:nth-child(7){width:8%;min-width:80px}.table-projects th:nth-child(8),.table-projects td:nth-child(8){width:8%;min-width:80px}.table-projects th:nth-child(9),.table-projects td:nth-child(9){width:6%;min-width:200px}.table-financials th:nth-child(1),.table-financials td:nth-child(1){width:12%;min-width:100px}.table-financials th:nth-child(2),.table-financials td:nth-child(2){width:18%;min-width:150px}.table-financials th:nth-child(3),.table-financials td:nth-child(3){width:20%;min-width:160px}.table-financials th:nth-child(4),.table-financials td:nth-child(4){width:15%;min-width:120px}.table-financials th:nth-child(5),.table-financials td:nth-child(5){width:10%;min-width:90px}.table-financials th:nth-child(6),.table-financials td:nth-child(6){width:25%;min-width:200px}.table-compact th:nth-child(1),.table-compact td:nth-child(1){width:5%}.table-compact th:nth-child(2),.table-compact td:nth-child(2){width:20%}.table-compact th:nth-child(3),.table-compact td:nth-child(3){width:15%}.table-compact th:nth-child(4),.table-compact td:nth-child(4){width:25%}.table-compact th:nth-child(5),.table-compact td:nth-child(5){width:20%}.table-compact th:nth-child(6),.table-compact td:nth-child(6){width:15%}.table-wide th:nth-child(1),.table-wide td:nth-child(1){width:8%}.table-wide th:nth-child(2),.table-wide td:nth-child(2){width:25%}.table-wide th:nth-child(3),.table-wide td:nth-child(3){width:20%}.table-wide th:nth-child(4),.table-wide td:nth-child(4){width:30%}.table-wide th:nth-child(5),.table-wide td:nth-child(5){width:17%}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-primary)}.metrics-type-tabs{display:flex;gap:2px}.metrics-type-tab{padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.metrics-type-tab.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:transparent}.metrics-type-tab:hover:not(.active){color:var(--color-text-primary)}.dash-header-badges{display:flex;gap:var(--space-sm)}.badge-total{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;padding:0;border:none;border-radius:0}.search-container{position:relative;display:flex;align-items:center}.search-bar-input{padding-right:40px}.clear-button{position:absolute;right:5px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.2em;display:flex;align-items:center;justify-content:center;padding:.5rem}.clear-button:hover{color:var(--color-text-primary)}.unified-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-md);min-height:48px;position:relative}.toolbar-left{display:flex;align-items:center;flex-shrink:0}.toolbar-center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);flex-shrink:0;margin-left:auto}.reset-button-container{display:flex;align-items:center;margin-right:var(--space-xs)}.reset-btn-prominent{background:var(--color-primary, #3b82f6);color:var(--color-text-inverse, #ffffff);border:none;box-shadow:0 2px 4px #0000001a;font-size:var(--font-size-base, 14px);min-width:36px;min-height:36px;border-radius:var(--radius-md, 6px);position:relative;z-index:1}.reset-btn-prominent:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.search-section{flex:1;min-width:300px;max-width:500px}.search-input-container{width:100%;max-width:350px;position:relative}.toolbar-search-input{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);padding-right:35px;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast);min-height:36px;box-sizing:border-box}.toolbar-search-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 2px #3b82f61a}.column-controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;flex:1;min-width:0}.selected-columns{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);max-width:600px;min-width:0;flex-shrink:1;flex-grow:1}.column-tag{display:inline-flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);padding:4px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;cursor:default;min-height:24px}.column-buttons{display:flex;align-items:center;gap:var(--space-xs);position:relative}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:28px;white-space:nowrap}.toolbar-btn:hover{transform:translateY(-1px);background:var(--color-bg-secondary)}.toolbar-btn.filter-btn.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.filter-dropdown-panel{position:absolute;top:calc(100% + 6px);right:auto;left:auto;transform:translate(-50%);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;padding:8px;min-width:260px;z-index:var(--z-dropdown, 1000);animation:dropdownFadeIn .15s ease;display:grid;grid-template-columns:1fr 1fr;gap:4px}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.filter-checkbox-item{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;font-size:13px;color:var(--color-text-secondary);border-radius:4px;transition:background .1s;white-space:nowrap}.filter-checkbox-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.filter-checkbox-item:has(input:checked){color:var(--color-primary)}.filter-checkbox-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;margin:0;flex-shrink:0}.filter-checkbox-item span{flex:1;overflow:hidden;text-overflow:ellipsis}.download-btn-organic{background:linear-gradient(135deg,#ff9a9e 0%,var(--color-primary) 50%,#fecfef 100%);color:#fff;border:none;font-weight:var(--font-weight-semibold);border-radius:25px;box-shadow:0 8px 20px #ff9a9e4d,0 4px 8px #0000001a;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.download-btn-organic:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:inherit;transition:opacity .3s ease;opacity:0}.download-btn-organic:hover{background:linear-gradient(135deg,#ff8a8e,#4a90e2,#fdbcf0);box-shadow:0 12px 30px #ff9a9e66,0 6px 12px #00000026;transform:translateY(-3px) scale(1.02);border-radius:20px}.download-btn-organic:hover:before{opacity:1}.download-btn-organic:active{transform:translateY(-1px) scale(1.01);border-radius:25px}@media(prefers-color-scheme:dark){.download-btn-organic{background:linear-gradient(135deg,#cc7a7e,#3a7bc8,#cba7cb);box-shadow:0 8px 20px #cc7a7e66,0 4px 8px #0000004d}.download-btn-organic:hover{background:linear-gradient(135deg,#bb6a6e,#2a6bb8,#bb97bb);box-shadow:0 12px 30px #cc7a7e80,0 6px 12px #0006}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;min-width:400px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-primary)}.modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close-btn{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1}.modal-close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:0 var(--space-lg) var(--space-md);max-height:calc(90vh - 200px);overflow-y:auto;border-bottom:1px solid var(--color-border-primary)}.modal-footer{padding:var(--space-md) var(--space-lg) var(--space-lg)}.column-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md);max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.checkbox-label:hover{background:var(--color-bg-secondary)}.checkbox-input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.editor-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-sm);border-top:1px solid var(--color-border-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:28px;box-sizing:border-box}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}@media(max-width:900px){.unified-toolbar{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);align-items:stretch}.toolbar-left,.toolbar-center,.toolbar-right{width:100%;justify-content:center}.search-input-container{max-width:none}.selected-columns{max-width:none;justify-content:center}.toolbar-right{justify-content:center;margin-left:0;flex-wrap:wrap;gap:var(--space-xs)}.reset-button-container{order:1;margin-right:0}.column-buttons{order:2}.action-buttons{order:3;margin-left:0}.modal-content{min-width:95vw;max-width:95vw;max-height:95vh;margin:var(--space-sm)}.modal-body{max-height:calc(95vh - 180px)}.column-checkboxes{grid-template-columns:1fr;max-height:none}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-xl);margin-bottom:var(--space-md);flex-wrap:wrap}.page-content.dashboard-true-grid{transition:background-color var(--transition-normal);background:var(--color-bg-primary);min-height:100vh;padding:var(--space-lg)}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dash-table-header{padding:var(--space-xs) 4%;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.dash-table-header h2.big-heading{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.dash-table-header span.metric-table-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.3;opacity:.8}.filter-toggle{position:fixed;z-index:var(--z-sticky);width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fffffff2;background:linear-gradient(135deg,#6366f1e6,#8b5cf6cc);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff3,0 4px 16px #6366f14d;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);will-change:transform;touch-action:none}.filter-toggle-reset-mini{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ef4444d9;border:none;box-shadow:0 6px 20px #ef444440;cursor:pointer;transition:transform .12s ease,background .12s ease;font-size:16px}.filter-toggle-reset-mini:hover{transform:translateY(-3px);background:#ef4444f2}.filter-toggle-reset-mini:active{transform:scale(.98)}.filter-toggle-reset-mini:focus-visible{outline:3px solid rgba(239,68,68,.3);outline-offset:2px}.filter-panel-clear-btn{width:100%;padding:8px 12px;background:linear-gradient(135deg,#ef4444d9,#f97316cc);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .12s ease;box-shadow:0 4px 12px #ef444433}.filter-panel-clear-btn:hover{background:linear-gradient(135deg,#ef4444f2,#f97316e6);transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.filter-panel-clear-btn:active{transform:scale(.98)}.filter-panel-clear-btn:focus-visible{outline:3px solid rgba(239,68,68,.3);outline-offset:2px}.filter-toggle:hover{transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,#6366f1,#8b5cf6e6);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d,0 6px 20px #6366f166}.filter-toggle:active{transform:scale(.98) translateY(-1px)}.filter-toggle.dragging{cursor:grabbing;transform:scale(1.05) rotate(5deg);box-shadow:0 16px 48px #0003,inset 0 1px #fff3,0 8px 24px #6366f180}.filter-panel{position:fixed;min-width:200px;max-width:90vw;background:linear-gradient(145deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000001a,inset 0 1px #ffffff1a,0 8px 32px #0000000d;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:70vh;z-index:var(--z-popover);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transform-origin:center center;will-change:transform,opacity;touch-action:pan-x pan-y;overflow-y:auto;overflow-x:hidden}.filter-panel.open{transform:translate(0);opacity:1;visibility:visible}.filter-fab{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:none;box-shadow:0 10px 30px #f973162e,0 4px 12px #0000001f;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;z-index:120}.filter-fab:hover{transform:translateY(-4px) scale(1.03)}.filter-fab:active{transform:scale(.98)}.filter-fab:focus-visible{outline:3px solid rgba(249,115,22,.28);outline-offset:2px}.filter-panel-reset-btn{position:absolute;top:12px;right:2px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;box-shadow:0 4px 16px #00000026,inset 0 1px #fff3}.filter-panel-reset-btn:hover{background:#ffffff40;border-color:#fff6;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.filter-panel-reset-btn:active{transform:scale(.95);background:#fff3}.filter-panel-reset-btn svg{color:#fff;font-size:18px;opacity:1}.clear-filter-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;font-size:var(--font-size-md)}.clear-filter-btn:hover{color:var(--color-primary)}.filter-group{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-fieldset{border:none;padding:0;margin:0}.filter-panel .filter-legend{display:none}.filter-carousel{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.filter-carousel::-webkit-scrollbar{display:none}.filter-carousel-container{position:relative;width:100%}.filter-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fffc;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;z-index:10}.filter-carousel-nav:hover{background:#fff3;color:#fff;transform:translateY(-50%) scale(1.1)}.filter-carousel-nav.left{left:-16px}.filter-carousel-nav.right{right:-16px}.filter-carousel-nav:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%)}.filter-carousel-nav:disabled:hover{transform:translateY(-50%) scale(1);background:#ffffff1a}.filter-pill{display:flex;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#ffffffe6;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.filter-pill:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.filter-pill.active{background:linear-gradient(145deg,#6366f133,#8b5cf626);border-color:#6366f166;color:#fff}.filter-pill-icon{font-size:14px;opacity:.8}.filter-pill-value{font-size:13px}.filter-pill-dropdown{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:4px 8px;font-size:12px;margin-left:4px}.filter-more-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;margin-top:6px}.filter-more-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#fffc;font-size:12px;cursor:pointer;transition:all .2s ease}.filter-more-toggle:hover{background:#ffffff1f;color:#fff}.filter-pill-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffffe6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.filter-pill-button:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.filter-pill-button.active{background:linear-gradient(145deg,#6366f140,#8b5cf633);border-color:#6366f180;color:#fff;box-shadow:0 2px 8px #6366f14d}.filter-pill-button .filter-pill-label{font-size:12px;opacity:.8}.filter-pill-button .filter-pill-value{font-size:13px;font-weight:600}.filter-control{display:none}.time-filter-control{min-width:160px}.date-input-control{min-width:120px}.date-input-control .filter-input{text-align:center}.filter-panel .filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-panel .filter-select,.filter-panel .filter-input{padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);font-size:var(--font-size-sm);background:var(--color-input-bg);color:var(--color-input-text);width:100%}.time-inc-badge{font-size:var(--font-size-xs);color:var(--color-text-muted)}.custom-date-inputs{display:flex;gap:4px;padding:0;margin:0;border:none;flex-wrap:wrap;width:100%}.custom-date-inputs .filter-label{width:100%;font-size:11px;margin-bottom:2px}.custom-date-inputs .filter-input{flex:1;min-width:70px}@media(max-width:768px){.dashboard-metrics-container{grid-template-columns:repeat(auto-fit,minmax(var(--metric-card-min-width-mobile),1fr));padding:var(--space-md)}.table-wrap{max-height:var(--table-max-height-mobile)}.dash-table-header{padding:var(--space-xs) var(--space-sm);gap:6px;margin-bottom:var(--space-sm)}.dash-table-header h2.big-heading{font-size:var(--font-size-md)}.dash-table-header span.metric-table-desc{font-size:var(--font-size-xs)}.filter-panel{min-width:320px;max-width:calc(100vw - 100px);left:10px!important;right:10px!important;width:auto!important}.filter-toggle{left:calc(100vw - 70px)!important}.filter-grid{gap:var(--space-xs)}.filter-control{min-width:110px}.time-filter-control{min-width:140px}.date-input-control{min-width:100px}.filter-panel-reset-btn{top:10px;right:10px;width:32px;height:32px;font-size:14px}}@media(max-width:480px){.dashboard-metrics-container{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-sm)}.filter-panel{min-width:300px;max-width:calc(100vw - 20px);left:10px!important;top:10px!important;width:calc(100vw - 20px)!important}.filter-toggle{left:calc(100vw - 70px)!important;top:10px!important}.filter-grid{flex-wrap:wrap;gap:var(--space-xs)}.filter-control{min-width:100px;flex:1}.custom-date-inputs{flex-wrap:wrap;gap:var(--space-xs)}.filter-group{flex-direction:column;align-items:stretch}.filter-control{width:100%;min-width:unset}}.table a:focus-visible,.table button:focus-visible,.filter-toggle:focus-visible,.filter-panel :is(select,input,button):focus-visible,.dashboard-metric.magic-metric:focus-visible{outline:none;outline-offset:2px}.table td:focus-within{box-shadow:inset 0 0 0 2px var(--color-primary)}.table thead th{background:var(--color-bg-tertiary)}.floating-filter-wrapper{position:fixed;right:var(--space-lg);display:flex;flex-direction:row;align-items:center;gap:8px;cursor:grab;z-index:1050}.floating-filter-wrapper:hover,.floating-filter-wrapper.dragging{cursor:grabbing}.table--compact th,.table--compact td{padding-block:var(--space-sm)}.bulk-filter-panel{background:#2c2c3e;border-radius:16px;box-shadow:0 10px 40px #0006;padding:12px 16px;display:flex;flex-direction:column;gap:8px;min-width:400px;max-width:90vw;z-index:1000;color:#e0e0e0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bulk-filter-panel:not(.visible){display:none}.bulk-filter-panel.visible{opacity:1;height:auto}.clear-filter-btn{background:#4a4a60;border:none;border-radius:20px;padding:8px 16px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.clear-filter-btn:hover{background:#60607a;transform:translateY(-1px)}.bulk-filter-content{display:flex;flex-direction:column;gap:14px}.bulk-filter-content.single-row{flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px 12px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.filter-control{display:flex;flex-direction:column;gap:6px;flex:1;min-width:120px;max-width:180px}.filter-label{font-size:12px;font-weight:500;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.bulk-filter-select,.bulk-filter-input{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#3a3a4e;color:#fff;font-size:14px;transition:all .2s ease}.bulk-filter-select:hover,.bulk-filter-input:hover{background:#4a4a60;border-color:#fff3}.bulk-filter-select:focus,.bulk-filter-input:focus{outline:none;background:#4a4a60;border-color:#60607a;box-shadow:0 0 0 3px #60607a4d}.bulk-filter-select option{background:#2c2c3e;color:#fff}.bulk-filter-toggle{position:relative;z-index:var(--z-sticky);width:var(--space-2xl);height:var(--space-2xl);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:#fff;background:#2c2c3e;border:2px solid #4A4A60;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:var(--transition-smooth)}.bulk-filter-toggle:hover{transform:scale(1.1);background:#4a4a60}.drag-handle{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:10px;height:20px;cursor:ns-resize;background:#fff3;border-radius:2px;transition:all .2s ease}.drag-handle:hover{background:#fff6}.drag-handle.dragging{background:#fff9;transform:translateY(-50%) scale(1.1)}.bulk-filter-panel.dragging{opacity:.8!important}.bulk-filter-select{word-break:break-all}.time-input-wrapper{display:flex;gap:6px;align-items:center}.time-input-wrapper .bulk-filter-select{flex:1}.time-clear{padding:6px;background:#60607a!important;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.time-clear:hover{background:#4a4a60!important}@media(max-width:768px){.bulk-filter-panel{left:16px;right:16px;transform:none;min-width:unset;width:calc(100% - 32px);border-radius:25px;padding:16px}.bulk-filter-panel.visible{transform:translateY(0)}.filter-row{justify-content:center;gap:8px}.bulk-filter-select,.bulk-filter-input{min-width:100px;flex:1}}@media(max-width:480px){.bulk-filter-panel{bottom:16px;left:12px;right:12px;width:calc(100% - 24px);padding:12px}.bulk-filter-header{flex-direction:column;gap:8px}.filter-row{flex-direction:column;gap:6px}.bulk-filter-select,.bulk-filter-input{width:100%;min-width:unset}}.table a:focus-visible,.table button:focus-visible,.filter-toggle:focus-visible,.dashboard-metric.magic-metric:focus-visible,.bulk-filter-toggle:focus-visible,.bulk-filter-select:focus-visible,.bulk-filter-input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.invoices-page{position:relative;min-height:100vh;width:100%;padding:0;background:var(--color-bg-primary);box-sizing:border-box}.invoices-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-xl);flex-wrap:wrap}.search-container{flex:1;min-width:300px}.export-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;gap:4px;align-items:center;justify-content:center}.invoices-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:var(--font-size-xs);table-layout:fixed}.invoices-table thead th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-align:center;border-bottom:2px solid var(--color-border-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1;height:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);white-space:normal}.invoices-table tbody td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);vertical-align:middle;font-size:var(--font-size-xs);height:36px;line-height:1.3;word-wrap:break-word}.invoices-table tbody tr:hover{background:var(--color-bg-secondary)}.invoices-table tbody tr:last-child td{border-bottom:none}.invoices-table th:nth-child(1),.invoices-table td:nth-child(1){width:3%}.invoices-table th:nth-child(2),.invoices-table td:nth-child(2){width:12%;text-align:left}.invoices-table th:nth-child(3),.invoices-table td:nth-child(3){width:7%;text-align:left}.invoices-table th:nth-child(4),.invoices-table td:nth-child(4){width:10%}.invoices-table th:nth-child(5),.invoices-table td:nth-child(5){width:8%}.invoices-table th:nth-child(6),.invoices-table td:nth-child(6){width:10%}.invoices-table th:nth-child(7),.invoices-table td:nth-child(7){width:8%}.invoices-table th:nth-child(8),.invoices-table td:nth-child(8){width:10%}.invoices-table th:nth-child(9),.invoices-table td:nth-child(9){width:10%}.invoices-table th:nth-child(10),.invoices-table td:nth-child(10){width:10%}.invoices-table th:nth-child(11),.invoices-table td:nth-child(11){width:10%}.invoices-table th:nth-child(12),.invoices-table td:nth-child(12){width:10%}.invoices-table th:nth-child(13),.invoices-table td:nth-child(13){width:13%}.actions-col{overflow:visible;white-space:nowrap;position:relative;text-align:right;padding-right:var(--space-sm)}.nowrap-value{white-space:nowrap}:root{--status-draft: #94a3b8;--status-sent: #3b82f6;--status-paid: #10b981;--status-write-off: #f59e0b;--status-void: #ef4444}[data-theme=dark]{--status-draft: #64748b;--status-sent: #60a5fa;--status-paid: #34d399;--status-write-off: #fcd34d;--status-void: #f87171}.status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:#fff;font-weight:var(--font-weight-semibold);min-width:80px;max-width:50px;width:100%;transition:all var(--transition-fast);cursor:pointer;box-sizing:border-box;text-align-last:center}.status-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.status-select.status-draft{background-color:var(--status-draft)}.status-select.status-sent{background-color:var(--status-sent)}.status-select.status-paid{background-color:var(--status-paid)}.status-select.status-write-off{background-color:var(--status-write-off)}.status-select.status-void{background-color:var(--status-void)}.status-select option{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.edit-btn,.delete-btn,.duplicate-btn,.save-btn,.cancel-btn{padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;box-sizing:border-box;flex-shrink:0;border:1px solid var(--color-border-primary)}.edit-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.edit-btn:hover{background:var(--color-info);color:#fff;border-color:var(--color-info)}.duplicate-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.duplicate-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.delete-btn{background:var(--color-bg-tertiary);color:var(--color-error)}.delete-btn:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}@media(max-width:900px){.invoices-header{flex-direction:column;align-items:stretch;padding:var(--space-sm)}.search-container{min-width:unset;width:100%}.table-responsive{padding:0 var(--space-sm);overflow-x:auto}.invoices-table thead{display:none}.invoices-table,.invoices-table tbody,.invoices-table tr,.invoices-table td{display:block;width:100%}.invoices-table tr{margin-bottom:var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.invoices-table td{border:none;border-bottom:1px solid var(--color-border-primary);position:relative;padding-left:50%;white-space:normal;text-align:right;min-height:unset;height:auto}.invoices-table td:last-child{border-bottom:none}.invoices-table td:before{content:attr(data-label);position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-align:left}.actions-col{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-xs) var(--space-sm);padding-left:50%}.actions-col:before{display:block;content:"Actions";position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-align:left}.fab{right:var(--space-sm);bottom:var(--space-sm)}.status-select{min-width:80px;max-width:90px}}@media(max-width:600px){.invoices-header{padding:var(--space-xs)}.table-responsive{padding:0 var(--space-xs)}.fab{width:44px;height:44px;font-size:var(--font-size-2xl)}.status-select{min-width:80px;max-width:90px;font-size:calc(var(--font-size-xs) - 1px)}}.actions-header{display:flex;justify-content:space-between;align-items:center}.download-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px}.download-btn:hover{background:#0000001a}.download-btn svg{color:var(--color-text-secondary)}.status-cell{display:flex;align-items:center;gap:5px}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-xl);text-align:center;min-height:400px;animation:fadeIn .5s ease-out}.state-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--color-bg-tertiary);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);font-size:2.5rem;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.state-container:hover .state-icon-wrapper{transform:scale(1.05) rotate(5deg)}.state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.state-description{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-xl);line-height:1.5}.spinner-large{width:48px;height:48px;border:4px solid var(--color-border-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.project-form-modal{max-width:1100px!important}.project-form{width:100%;display:flex;flex-direction:column}.error-box{background:var(--color-error-light);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-xl) var(--space-lg) var(--space-xl);border:1px solid var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field .hint{font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.dropdown-input{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);min-height:44px;display:flex;align-items:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.dropdown-input:hover{border-color:var(--color-input-border-focus)}.dropdown-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.dropdown-input:after{content:"▼";position:absolute;right:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown, 1050);max-height:200px;overflow-y:auto;margin-top:var(--space-xs)}.dropdown-menu input{width:100%;border:none;border-bottom:1px solid var(--color-border-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;margin:0;background:var(--color-bg-secondary);min-height:40px}.dropdown-option{padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-option:hover{background:var(--color-bg-secondary)}.dropdown-option.selected{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.dropdown-empty{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-style:italic;text-align:center}.dropdown-option:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.datepicker{width:100%;background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:44px;box-sizing:border-box;transition:all var(--transition-fast)}.datepicker:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}@media(max-width:1200px){.project-form-modal{max-width:1000px!important}.form-grid{gap:var(--space-lg);padding:var(--space-xl) var(--space-xl)}}@media(max-width:900px){.form-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}.error-box{margin:0 var(--space-lg) var(--space-md) var(--space-lg)}}@media(max-width:600px){.form-grid{padding:var(--space-md);gap:var(--space-sm)}.error-box{margin:0 var(--space-md) var(--space-sm) var(--space-md);padding:var(--space-sm)}}.projects-page{position:relative;min-height:100vh;width:100%;padding:0;background:var(--color-bg-primary);box-sizing:border-box}.section-header{padding:var(--space-md) var(--space-xl)}.projects-top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-xl);margin-bottom:var(--space-md);flex-wrap:wrap}.search-input{width:100%;height:44px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary)}.top-right-actions{display:flex;gap:var(--space-sm);align-items:center}.project-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:var(--font-size-xs);table-layout:fixed}.project-table th,.project-table td{padding:var(--space-xs) var(--space-sm)}.project-table thead th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-align:center;border-bottom:2px solid var(--color-border-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1;height:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);white-space:normal}.project-table tbody td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);vertical-align:middle;font-size:var(--font-size-xs);height:40px;line-height:1.3;white-space:normal}.project-table .break-word{word-break:break-word}.project-table th:nth-child(1),.project-table td:nth-child(1){width:3%}.project-table th:nth-child(2),.project-table td:nth-child(2){width:10%;text-align:left}.project-table th:nth-child(3),.project-table td:nth-child(3){width:8%;text-align:left}.project-table th:nth-child(4),.project-table td:nth-child(4){width:8%}.project-table th:nth-child(5),.project-table td:nth-child(5){width:8%}.project-table th:nth-child(6),.project-table td:nth-child(6){width:6%}.project-table th:nth-child(7),.project-table td:nth-child(7){width:8%}.project-table th:nth-child(8),.project-table td:nth-child(8){width:10%}.project-table th:nth-child(9),.project-table td:nth-child(9){width:8%}.project-table th:nth-child(10),.project-table td:nth-child(10){width:10%}.project-table th:nth-child(11),.project-table td:nth-child(11){width:12%}.project-table tbody tr:hover{background:var(--color-bg-secondary)}.project-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:var(--space-lg);color:var(--color-text-secondary)}.actions-cell{overflow:visible;white-space:nowrap;position:relative}.action-buttons{display:flex;gap:var(--space-xs);justify-content:flex-end;flex-wrap:nowrap;min-width:120px}:root{--status-in-progress: #10b981;--status-completed: #1d4ed8;--status-not-started: #64748b;--status-lost: #ef4444}[data-theme=dark]{--status-in-progress: #34d399;--status-completed: #3b82f6;--status-not-started: #94a3b8;--status-lost: #f87171;--color-text-primary: #f1f5f9;--color-text-secondary: #e2e8f0}.status-select{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);padding:var(--space-xs);font-size:var(--font-size-xs);color:#fff;min-width:80px;max-width:100%;width:100%;transition:all var(--transition-fast);cursor:pointer;box-sizing:border-box}.status-select:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 2px var(--color-primary-light)}.status-select{color:#fff;border:none;font-weight:var(--font-weight-semibold)}.status-select.status-green{background-color:var(--status-in-progress)}.status-select.status-blue{background-color:var(--status-completed)}.status-select.status-grey{background-color:var(--status-not-started)}.status-select.status-red{background-color:var(--status-lost)}.edit-btn,.delete-btn,.duplicate-btn,.save-btn,.cancel-btn{padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;box-sizing:border-box;flex-shrink:0}.edit-btn i,.delete-btn i,.duplicate-btn i,.save-btn i,.cancel-btn i{font-size:14px;line-height:1;display:block;color:inherit}.edit-btn,.duplicate-btn,.cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.delete-btn{background:var(--color-bg-tertiary);color:var(--color-error);border:1px solid var(--color-border-primary)}.edit-btn:hover{background:var(--color-info);color:#fff}.duplicate-btn:hover{background:var(--color-primary);color:#fff}.delete-btn:hover{background:var(--color-error);color:#fff}.cancel-btn:hover{background:var(--color-border-secondary);color:var(--color-text-primary)}.save-btn{background:var(--color-success);color:var(--color-text-inverse);border:none}.save-btn:hover{background:var(--color-success-hover)}@media(min-width:901px){.table-responsive{width:100%;max-width:100%;margin:0;box-sizing:border-box}}@media(max-width:900px){.projects-top-bar{flex-direction:column;align-items:stretch;padding:var(--space-sm)}.search-bar{min-width:unset;width:100%}.top-right-actions{justify-content:center}.table-responsive{padding:0 var(--space-sm);overflow-x:auto}.fab{right:var(--space-sm);bottom:var(--space-sm)}.project-table thead{display:none}.project-table,.project-table tbody,.project-table tr,.project-table td{display:block;width:100%}.project-table tr{margin-bottom:var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.project-table td{border:none;border-bottom:1px solid var(--color-border-primary);position:relative;padding-left:50%;white-space:normal;text-align:right;min-height:unset;height:auto}.project-table td:last-child{border-bottom:none}.project-table td:before{content:attr(data-label);position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-align:left}.actions-cell{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-xs) var(--space-sm);padding-left:50%}.actions-cell:before{display:block;content:"Actions"}.status-select{max-width:100px;min-width:90px}}@media(max-width:600px){.projects-top-bar{padding:var(--space-xs)}.table-responsive{padding:0 var(--space-xs)}.fab{width:44px;height:44px;font-size:var(--font-size-2xl)}.status-select{min-width:80px;max-width:90px;font-size:calc(var(--font-size-xs) - 1px)}.action-buttons{min-width:100px}}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);text-transform:capitalize}.badge-sm{padding:2px 8px;font-size:var(--font-size-xs)}.badge-md{padding:4px 12px;font-size:var(--font-size-sm)}.badge-lg{padding:6px 16px;font-size:var(--font-size-base)}.badge-default{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.badge-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse);box-shadow:0 2px 8px #3b82f64d}.badge-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:var(--color-text-inverse);box-shadow:0 2px 8px #10b9814d}.badge-info{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-hover) 100%);color:var(--color-text-inverse);box-shadow:0 2px 8px #06b6d44d}.badge-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%);color:var(--color-text-inverse);box-shadow:0 2px 8px #f59e0b4d}.badge-danger{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-hover) 100%);color:var(--color-text-inverse);box-shadow:0 2px 8px #ef44444d}.badge-icon{display:flex;align-items:center;justify-content:center}.badge-icon svg{width:1em;height:1em}.badge-pulse{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.badge:hover{transform:translateY(-1px);filter:brightness(1.05)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase;flex-shrink:0;cursor:default;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 2px 4px #0000001a}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.user-avatar-sm{width:28px;height:28px;font-size:10px}.user-avatar-md{width:36px;height:36px;font-size:12px}.user-avatar-lg{width:48px;height:48px;font-size:16px}.user-avatar-initials{line-height:1;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.history-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:fit-content}.history-tab{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.history-tab:hover:not(.active){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.history-tab.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm),0 2px 8px #3b82f64d;transform:translateY(-1px)}.history-filters{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.filter-search{flex:1;min-width:200px;max-width:320px}.filter-group{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md);transition:all var(--transition-fast);position:relative}.filter-group:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.filter-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.filter-icon{color:var(--color-primary);font-size:var(--font-size-base);flex-shrink:0}.filter-select{border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);min-width:120px;cursor:pointer}.filter-select:focus{outline:none;box-shadow:none}.filter-datepicker{border:none!important;background:transparent!important;color:var(--color-text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;padding:var(--space-xs) var(--space-sm)!important;width:200px!important;min-height:36px!important;cursor:pointer!important}.filter-datepicker:focus{outline:none!important;box-shadow:none!important}.filter-datepicker::placeholder{color:var(--color-text-tertiary)!important;font-weight:var(--font-weight-normal)!important}.react-datepicker-wrapper{width:auto}.react-datepicker__close-icon{display:none!important}.react-datepicker{font-family:inherit!important;background-color:var(--color-bg-card)!important;border:1px solid var(--color-border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.react-datepicker__header{background:var(--color-bg-secondary)!important;border-bottom:1px solid var(--color-border-primary)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:var(--space-md)!important}.react-datepicker__current-month,.react-datepicker-time__header{color:var(--color-text-primary)!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--font-size-base)!important}.react-datepicker__day-name{color:var(--color-text-tertiary)!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-xs)!important;text-transform:uppercase!important;width:2rem!important;line-height:2rem!important}.react-datepicker__day{color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;width:2rem!important;line-height:2rem!important;transition:all var(--transition-fast)!important}.react-datepicker__day:hover{background-color:var(--color-bg-tertiary)!important;color:var(--color-primary)!important}.react-datepicker__day--selected,.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important;color:#fff!important;font-weight:var(--font-weight-semibold)!important}.react-datepicker__day--keyboard-selected{background-color:#3b82f633!important;color:var(--color-primary)!important}.react-datepicker__day--outside-month{color:var(--color-text-muted)!important}.react-datepicker__navigation{top:var(--space-md)!important}.react-datepicker__navigation-icon:before{border-color:var(--color-text-secondary)!important;border-width:2px 2px 0 0!important}.react-datepicker__navigation:hover *:before{border-color:var(--color-primary)!important}.react-datepicker__triangle{display:none!important}.clear-filters-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-error);background:#ef444414;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:38px}.clear-filters-btn:hover{background:var(--color-error);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.clear-filters-btn:active{transform:translateY(0)}.history-results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.results-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.history-content{min-height:400px}.history-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;border-collapse:separate;border-spacing:0}.history-table th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-md);text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-primary);white-space:nowrap}.history-table th:first-child{border-top-left-radius:var(--radius-md)}.history-table th:last-child{border-top-right-radius:var(--radius-md)}.history-row{cursor:pointer;transition:all var(--transition-fast)}.history-row:hover{background:var(--color-bg-secondary)}.history-row td{padding:var(--space-md);border-bottom:1px solid var(--color-border-primary);vertical-align:middle}.history-row:last-child td{border-bottom:none}.col-action{width:120px}.col-entity{width:180px}.col-details{min-width:250px}.col-user{width:200px}.col-date{width:140px;white-space:nowrap}.entity-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-fast)}.entity-link:hover{color:var(--color-primary-hover)}.entity-info-table{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.entity-table-icon{width:16px;height:16px;flex-shrink:0}.details-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;word-break:break-word;overflow-wrap:break-word}.user-cell{display:flex;align-items:center;gap:var(--space-sm)}.user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.date-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.modal-backdrop{position:fixed;inset:0;background:linear-gradient(135deg,#000000b3,#0f172acc);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:backdrop-fade-in .3s ease-out}@keyframes backdrop-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-bg-card);padding:0;border-radius:var(--radius-xl);width:90%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-2xl),0 0 40px #3b82f61a,inset 0 1px #ffffff1a;animation:modal-spring-in .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--color-border-primary)}@keyframes modal-spring-in{0%{transform:translateY(-40px) scale(.9);opacity:0}60%{transform:translateY(8px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);padding-top:var(--space-lg);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.modal-body{padding:var(--space-lg) var(--space-xl);overflow-y:auto;max-height:calc(85vh - 100px)}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);min-height:auto;padding:0}.modal-close-btn:hover{background:var(--color-error-light);color:var(--color-error);transform:rotate(90deg) scale(1.1)}.modal-close-btn:active{transform:rotate(90deg) scale(.95)}.event-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.event-meta p{margin:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.event-meta strong{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.diff-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.diff-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.diff-table th,.diff-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-primary);word-break:break-all;overflow-wrap:break-word}.diff-table th{background:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-secondary)}.diff-table tr:last-child td{border-bottom:none}.value-cell{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-size-sm);word-break:break-all;overflow-wrap:break-word;max-width:250px}.value-old{background-color:var(--color-error-light);padding:2px 6px;border-radius:var(--radius-sm);text-decoration:line-through;color:var(--color-error)}.value-new{background-color:var(--color-success-light);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-success)}.value-null{color:var(--color-text-muted);font-style:italic}.no-data-message{padding:var(--space-2xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-base)}@media(max-width:768px){.history-filters{flex-direction:column;align-items:stretch}.filter-search{max-width:100%}.filter-group{width:100%}.history-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.history-tab{white-space:nowrap}.event-meta{grid-template-columns:1fr}.col-details{display:none}.user-email{max-width:100px}}.event-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.meta-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs)}.meta-icon{width:40px;height:40px;border-radius:50%;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-primary)}.meta-content{display:flex;flex-direction:column}.meta-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.user-value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.action-badge-success{background:var(--color-success-light);color:var(--color-success)}.action-badge-danger{background:var(--color-error-light);color:var(--color-error)}.action-badge-info{background:var(--color-info-light);color:var(--color-info)}.action-badge-default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.diff-section{margin-bottom:var(--space-lg)}.diff-section-title{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-sm);display:flex;align-items:center;border-bottom:2px solid var(--color-border-primary);padding-bottom:var(--space-xs);width:fit-content}.details-text-narrative{background:var(--color-bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;border-left:3px solid var(--color-primary);word-break:break-word;overflow-wrap:break-word}.diff-table{border:1px solid var(--color-border-secondary);box-shadow:var(--shadow-sm)}.diff-table th{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600;border-bottom:1px solid var(--color-border-secondary)}.value-old,.value-new{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;padding:3px 8px;border-radius:4px}.value-old{background:#fee2e2;color:#ef4444;text-decoration:none;border:1px solid #fecaca;display:inline-block;word-break:break-all;overflow-wrap:break-word}.value-new{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0;display:inline-block;word-break:break-all;overflow-wrap:break-word}.no-changes-cell{text-align:center;padding:var(--space-lg);color:var(--color-text-tertiary);font-style:italic}@media(max-width:600px){.event-meta-grid{grid-template-columns:1fr;gap:var(--space-sm)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-2xl);text-align:center;min-height:350px;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;inset:var(--space-lg);background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 59, 130, 246),.03),rgba(var(--color-primary-rgb, 59, 130, 246),.01));border-radius:var(--radius-xl);border:1px dashed var(--color-border-primary);z-index:-1}.empty-state:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;animation:particleFloat 6s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes particleFloat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-30%,-60%) scale(1.2);opacity:.8}}.empty-state-icon{margin-bottom:var(--space-xl);animation:iconFloat 4s ease-in-out infinite;position:relative}.empty-state-icon:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:glowPulse 3s ease-in-out infinite;z-index:-1}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.empty-state-svg{width:140px;height:140px;filter:drop-shadow(0 4px 12px rgba(59,130,246,.2))}.empty-circle{fill:var(--color-bg-tertiary);stroke:var(--color-border-primary);stroke-width:2;animation:circleBreath 4s ease-in-out infinite}@keyframes circleBreath{0%,to{stroke-dashoffset:0;opacity:1}50%{opacity:.8}}.empty-icon-path{stroke:var(--color-primary);fill:none;stroke-linecap:round;stroke-linejoin:round;animation:pathDraw 2s ease-out forwards}@keyframes pathDraw{0%{stroke-dasharray:200;stroke-dashoffset:200}to{stroke-dasharray:200;stroke-dashoffset:0}}.empty-dot{fill:var(--color-primary);opacity:.6}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(-1deg)}}.dot-1{animation:dotBounce 2s ease-in-out infinite}.dot-2{animation:dotBounce 2s ease-in-out .3s infinite}.dot-3{animation:dotBounce 2s ease-in-out .6s infinite}@keyframes dotBounce{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.3)}}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;animation:fadeSlideUp .6s ease-out .2s both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-lg) 0;max-width:360px;line-height:1.6;animation:fadeSlideUp .6s ease-out .4s both}.empty-state-action{margin-top:var(--space-md);animation:fadeSlideUp .6s ease-out .6s both}.empty-state-recycle-bin:before{background:linear-gradient(135deg,#22c55e0d,#22c55e05);border-color:#22c55e33}.empty-state-recycle-bin .empty-circle{fill:var(--color-success-light);stroke:#22c55e4d}.empty-state-recycle-bin .empty-icon-path{stroke:var(--color-success)}.empty-state-recycle-bin .empty-dot{fill:var(--color-success)}.empty-state-recycle-bin .empty-state-icon:before{background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 70%)}.empty-state-recycle-bin:after{background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 70%)}.empty-state-history:before{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f633}.empty-state-history .empty-circle{fill:var(--color-info-light);stroke:#3b82f64d}.empty-state-history .empty-icon-path{stroke:var(--color-info)}.empty-state-history .empty-state-icon:before{background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}.empty-state-log-details{min-height:200px;padding:var(--space-xl)}.empty-state-log-details:before{inset:var(--space-sm)}.empty-state-log-details .empty-state-svg{width:80px;height:80px}.empty-state-log-details .empty-state-icon{margin-bottom:var(--space-md)}.empty-state-log-details .empty-state-title{font-size:var(--font-size-lg)}.empty-state-log-details .empty-state-description{font-size:var(--font-size-xs)}@media(prefers-reduced-motion:reduce){.empty-state-icon,.empty-state:after,.empty-state-icon:before,.empty-circle,.empty-icon-path,.dot-1,.dot-2,.dot-3,.empty-state-title,.empty-state-description,.empty-state-action{animation:none!important}.empty-icon-path{stroke-dasharray:0;stroke-dashoffset:0}.empty-state-title,.empty-state-description,.empty-state-action{opacity:1!important;transform:none!important}}@media(max-width:480px){.empty-state{padding:var(--space-xl);min-height:280px}.empty-state-svg{width:100px;height:100px}.empty-state-title{font-size:var(--font-size-lg)}.empty-state-description{font-size:var(--font-size-xs);max-width:280px}}.bulk-action-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#2c2c3e;border-radius:50px;box-shadow:0 10px 40px #0000004d;padding:15px 24px 8px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:fit-content;max-width:calc(100% - 60px);z-index:1000;opacity:0;visibility:hidden;transform:translate(-50%) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);color:#e0e0e0}.bulk-action-bar.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.bulk-action-bar-left{display:flex;align-items:center;gap:10px}.selected-count{font-size:14px;font-weight:500;color:#e0e0e0;white-space:nowrap}.actions{display:flex;align-items:center;gap:10px}.btn1{padding:8px 18px;border:none;border-radius:25px;background:#4a4a60;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.btn1:hover:not(:disabled){background:#60607a;transform:translateY(-1px)}.btn1:active:not(:disabled){transform:translateY(0);background:#4a4a60}.btn1:disabled{opacity:1;cursor:not-allowed;background:#60607a;color:#b0b0b0}.clear-all-btn1{height:30px;border-radius:50%;background:transparent;color:#e0e0e0;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:center;align-items:center}.delete-btn1{background:#d32f2f;border-color:#d32f2f;color:#fff}.delete-btn1:hover:not(:disabled){background:#b71c1c;border-color:#b71c1c;color:#fff}.delete-btn1:active:not(:disabled){background:#d32f2f}@media(max-width:640px){.bulk-action-bar{left:16px;right:16px;transform:none;min-width:unset;width:calc(100% - 32px);flex-direction:row;gap:12px;padding:16px}.bulk-action-bar.visible{transform:translateY(0)}.actions{width:100%;justify-content:center;flex-wrap:wrap;gap:8px}.btn1,.clear-all-btn1{flex:1;min-width:80px;text-align:center}}@media(max-width:480px){.bulk-action-bar{bottom:16px;left:12px;right:12px;width:calc(100% - 24px)}.actions{gap:6px}.btn1,.clear-all-btn1{padding:8px 12px;font-size:13px;min-width:70px}}.common-table-container{width:100%;padding:0 8px;margin:0;box-sizing:border-box;overflow:hidden}.table-responsive{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;border-radius:8px!important;background:var(--color-bg-card);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-base)}.common-data-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:13px;table-layout:fixed}.common-data-table thead th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:6px 8px;text-align:center;border-bottom:2px solid var(--color-border-primary);font-size:11px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);white-space:normal;vertical-align:middle}.common-data-table thead th:first-child{border-top-left-radius:8px}.common-data-table thead th:last-child{border-top-right-radius:8px}.common-data-table thead th.sortable-header:hover{background:var(--color-bg-secondary)}.common-data-table thead th .sort-indicator{margin-left:4px;color:var(--color-primary)}.common-data-table .checkbox-col{width:44px;min-width:44px;max-width:44px;text-align:center;padding:0 8px;overflow:visible;text-overflow:clip}.common-data-table .checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary);margin:0;display:inline-block;vertical-align:middle;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.common-data-table tbody td{padding:6px 8px;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);vertical-align:middle;text-align:center;font-size:11px;height:auto;min-height:32px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.common-data-table tbody tr:hover{background:var(--color-bg-secondary)}.common-data-table tbody tr:last-child td{border-bottom:none}.common-data-table .text-left{text-align:left}.common-data-table .text-center{text-align:center}.common-data-table .text-right{text-align:right}.common-data-table .empty-message{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary);font-size:13px}.status-cell{display:flex;align-items:center;gap:8px}.status-select{appearance:none;-webkit-appearance:none;padding:4px 20px 4px 8px;font-size:12px;font-weight:600;letter-spacing:.02em;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;min-width:70px;text-align:center;color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.status-select:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.history-icon-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#94a3b8;border-radius:6px;transition:all .15s ease}.history-icon-button:hover{color:#3b82f6;background:#3b82f614}@media(max-width:900px){.common-table-container{padding:0 var(--space-xs)}.table-responsive{border:none;box-shadow:none;background:transparent}.common-data-table thead{display:none}.common-data-table,.common-data-table tbody,.common-data-table tr,.common-data-table td{display:block;width:100%}.common-data-table tr{margin-bottom:var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card)}.common-data-table td{border:none;border-bottom:1px solid var(--color-border-primary);position:relative;padding:8px 12px 8px 40%;white-space:normal;text-align:right;min-height:unset;height:auto}.common-data-table td:last-child{border-bottom:none}.common-data-table td:before{content:attr(data-label);position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-align:left;width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.common-data-table .checkbox-col{width:100%;padding-left:12px;text-align:left}.common-data-table .checkbox-col:before{content:"Select"}}.invoice-form{display:flex;flex-direction:column}.form-field input,.form-field select,.form-field textarea{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:44px;box-sizing:border-box}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-input-placeholder)}.form-field input:read-only{background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}.input-with-symbol{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;padding-left:5px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);z-index:1;pointer-events:none}.input-with-symbol input{padding-left:calc(var(--space-md) + 1.5rem)}.dropdown{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);min-height:44px;display:flex;align-items:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.dropdown:hover{border-color:var(--color-input-border-focus)}.dropdown:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.dropdown:after{content:"▼";position:absolute;right:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:200px;overflow-y:auto;margin-top:var(--space-xs)}.dropdown-menu input{width:100%;border:none;border-bottom:1px solid var(--color-border-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;margin:0;background:var(--color-bg-secondary)}.dropdown-item{padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg-secondary)}.dropdown-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.dropdown-item.disabled{color:var(--color-text-muted);cursor:not-allowed}.dropdown-item:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.custom-milestone{display:flex;gap:var(--space-sm);align-items:flex-end}.custom-milestone input{flex:1}.back-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:44px}.back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.form-field .react-datepicker-wrapper{width:100%}.form-field .react-datepicker__input-container input{width:100%;background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:44px;box-sizing:border-box}[data-theme=dark] .react-datepicker{background-color:var(--color-bg-card);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .react-datepicker__header{background-color:var(--color-bg-tertiary);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .react-datepicker__current-month,[data-theme=dark] .react-datepicker__day-name{color:var(--color-text-primary)}[data-theme=dark] .react-datepicker__day{color:var(--color-text-secondary)}[data-theme=dark] .react-datepicker__day:hover{background-color:var(--color-bg-secondary)}[data-theme=dark] .react-datepicker__day--selected{background-color:var(--color-primary);color:var(--color-text-inverse)}@media(max-width:900px){.form-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}.custom-milestone{flex-direction:column;align-items:stretch}.back-btn{margin-top:var(--space-xs)}}@media(max-width:600px){.form-grid{padding:var(--space-md);gap:var(--space-sm)}.error-banner{margin:0 var(--space-md) var(--space-sm) var(--space-md);padding:var(--space-sm)}}.client-form-modal{max-width:800px!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);padding-top:var(--space-lg)}.form-input,.form-field input,.form-field select{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:44px;box-sizing:border-box;width:100%}.form-input:focus,.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.react-select-container .react-select__control{background:var(--color-input-bg);border-color:var(--color-input-border);border-radius:var(--radius-md);min-height:44px;box-shadow:none}.react-select-container .react-select__control--is-focused{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.react-select-container .react-select__menu{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1060}.react-select-container .react-select__option{color:var(--color-text-primary);background:transparent;cursor:pointer}.react-select-container .react-select__option--is-focused{background:var(--color-bg-secondary)}.react-select-container .react-select__option--is-selected{background:var(--color-primary-light);color:var(--color-primary)}.react-select-container .react-select__single-value{color:var(--color-text-primary)}.country-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.country-flag-placeholder{width:20px;height:15px;background:var(--color-bg-secondary);border-radius:2px}@media(max-width:900px){.client-form-modal{max-width:100%!important}.form-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}}@media(max-width:600px){.form-grid{padding:var(--space-md);gap:var(--space-sm)}.form-error{margin:0 var(--space-md) var(--space-sm) var(--space-md)}}.clients-page{position:relative;min-height:100vh;width:100%;padding:0;background:var(--color-bg-primary)}.clients-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-xl);margin-bottom:var(--space-md);flex-wrap:wrap}.header-actions{display:flex;gap:var(--space-sm);align-items:center}.clients-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:var(--font-size-xs)}.clients-table thead th{background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-align:center;border-bottom:2px solid var(--color-border-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);white-space:nowrap}.clients-table tbody td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);vertical-align:middle;font-size:var(--font-size-xs);height:40px;line-height:1.3;text-align:left}.clients-table tbody tr:hover{background:var(--color-bg-secondary)}.clients-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:var(--space-sm)}.sort-indicator{margin-left:var(--space-xs)}.clients-cards{display:grid;gap:var(--space-md);padding:0 var(--space-xl)}.client-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.client-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.client-card-code{background:var(--color-bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.client-card-body{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.client-card-row{display:flex;justify-content:space-between}.client-card-label{font-weight:var(--font-weight-semibold)}.client-card-value{text-align:right}.client-card-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:auto}.modal-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease-out}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-primary);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:bounceIn var(--transition-slow) var(--spring)}.client-form{width:100%;display:flex;flex-direction:column}.form-header{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--space-lg) 0;padding:var(--space-xl) var(--space-xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--space-lg)}.client-form-close{position:absolute;top:var(--space-lg);right:var(--space-xl);background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.client-form-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.client-form-close:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.form-error{background:var(--color-error-light);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-xl) var(--space-lg) var(--space-xl);border:1px solid var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);position:relative}.form-field-full{grid-column:1 / -1}.form-field .required{color:var(--color-error);font-weight:var(--font-weight-bold)}.form-field .optional{font-weight:var(--font-weight-normal);color:var(--color-text-muted);font-size:var(--font-size-xs)}.error-label{color:var(--color-error)!important}.form-input,.form-field input,.form-field select,.form-field textarea{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:44px;box-sizing:border-box}.form-input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-input-placeholder)}.error-input{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #ef44441a!important}.field-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--space-xs);display:block}.react-select__control{background:var(--color-input-bg)!important;border:1px solid var(--color-input-border)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;min-height:44px!important;transition:all var(--transition-fast)!important}.react-select__control--is-focused{border-color:var(--color-input-border-focus)!important;box-shadow:0 0 0 3px #3b82f61a!important}.react-select__single-value,.react-select__placeholder{color:var(--color-input-text)!important;font-size:var(--font-size-sm)!important}.react-select__menu{background:var(--color-bg-card)!important;border:1px solid var(--color-border-primary)!important;border-radius:var(--radius-md)!important;z-index:var(--z-dropdown)!important;box-shadow:var(--shadow-lg)!important}.react-select__option{background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;font-size:var(--font-size-sm)!important;transition:background-color var(--transition-fast)!important;padding:var(--space-sm) var(--space-md)!important}.react-select__option:hover{background:var(--color-bg-secondary)!important}.react-select__option--is-selected{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.country-option{display:flex;align-items:center;gap:var(--space-sm)}.country-flag{width:20px;height:15px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;min-height:44px;position:relative;overflow:hidden;box-sizing:border-box}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-xs);width:32px;height:32px;min-height:32px}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-cancel{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.btn-cancel:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-edit,.btn-delete{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-edit:hover:not(:disabled){background:var(--color-info);color:var(--color-text-inverse);transform:translateY(-1px)}.btn-delete:hover:not(:disabled){background:var(--color-error);color:var(--color-text-inverse);transform:translateY(-1px)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-overlay);display:flex;justify-content:center;align-items:center;z-index:10}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.loading{border:4px solid var(--color-border-primary);border-top:4px solid var(--color-primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--color-text-secondary)}.empty-state h3{margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.modal-content::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-full)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media(max-width:900px){.clients-header{flex-direction:column;align-items:stretch;padding:var(--space-sm)}.clients-search{min-width:unset;width:100%}.header-actions{justify-content:center}.table-container,.clients-cards{padding:0 var(--space-sm)}.clients-table{display:none}.modal-overlay{padding:var(--space-sm);align-items:flex-start;padding-top:var(--space-lg)}.modal-content{max-height:calc(100vh - var(--space-xl));max-width:100%;border-radius:var(--radius-lg)}.form-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}.form-header{font-size:var(--font-size-xl);padding:var(--space-lg) var(--space-lg) 0 var(--space-lg)}.form-error{margin:0 var(--space-lg) var(--space-md) var(--space-lg)}.form-actions{padding:var(--space-md) var(--space-lg);flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}}@media(max-width:600px){.clients-controls{padding:var(--space-xs)}.table-container,.clients-cards{padding:0 var(--space-xs)}.modal-overlay{padding:var(--space-xs);padding-top:var(--space-md)}.form-grid{padding:var(--space-md);gap:var(--space-sm)}.form-header{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-md) 0 var(--space-md)}.form-error{margin:0 var(--space-md) var(--space-sm) var(--space-md);padding:var(--space-sm)}.form-actions{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.fab{width:44px;height:44px;font-size:var(--font-size-2xl)}}@media(max-width:480px){.form-grid,.form-error{margin:0 var(--space-xs) var(--space-xs) var(--space-xs)}.form-header{padding:var(--space-xs) var(--space-sm) 0 var(--space-sm)}.form-actions{padding:var(--space-xs) var(--space-sm)}}@media(prefers-contrast:high){.form-input,.form-field input,.form-field select,.form-field textarea,.btn{border-width:2px}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation:none}}.currency-cell{display:flex;align-items:center;gap:5px}.history-icon-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.history-icon-button:hover{color:var(--color-primary)}.history-column{width:5%;text-align:center}.reminder-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-overlay, rgba(0, 0, 0, .5));display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:var(--space-md);box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reminders-page,.reminder-automation-page{display:flex;flex-direction:column;height:100%}.reminders-filters{margin-bottom:var(--space-md)}.reminders-table-wrapper{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-base);overflow:hidden;margin-top:var(--space-md)}.reminders-table{width:100%;border-collapse:separate;border-spacing:0}.reminders-table th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-md);text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-primary);white-space:nowrap;position:sticky;top:0;z-index:10}.reminders-table th:first-child{padding-left:var(--space-lg)}.reminders-table th:last-child{padding-right:var(--space-lg)}.reminders-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border-primary);vertical-align:middle;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.reminders-table td:first-child{padding-left:var(--space-lg)}.reminders-table td:last-child{padding-right:var(--space-lg)}.reminders-table tr:last-child td{border-bottom:none}.reminders-table tbody tr{transition:background-color var(--transition-fast)}.reminders-table tbody tr:hover{background-color:var(--color-bg-secondary)}.reminders-table .add-btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.reminders-table .add-btn:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.reminders-table .add-btn.delete:hover{background:var(--color-error);border-color:var(--color-error)}.fab{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-spring);z-index:100}.fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-xl);background:var(--color-primary-hover)}.fab:active{transform:translateY(0) scale(.95)}.email-cell{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.email-tag{display:inline-flex;align-items:center;background:#3b82f614;color:#2563eb;font-size:.8rem;font-weight:500;padding:3px 10px;border-radius:16px;border:1px solid rgba(59,130,246,.15);letter-spacing:.01em;transition:all .2s ease}.email-tag:hover{background:#3b82f624;border-color:#3b82f64d}.notification-times-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.notification-chip{display:inline-flex;align-items:center;background:linear-gradient(135deg,#8b5cf614,#6366f11a);color:#6d28d9;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:16px;border:1px solid rgba(139,92,246,.15);letter-spacing:.02em;transition:all .2s ease;font-variant-numeric:tabular-nums}.notification-chip:hover{background:linear-gradient(135deg,#8b5cf626,#6366f12e);border-color:#8b5cf64d;transform:translateY(-1px)}.automation-status-chip{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.02em;transition:all .25s ease;-webkit-user-select:none;user-select:none}.automation-status-chip .status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.automation-status-chip.active{background:#dcfce7;color:#15803d}.automation-status-chip.active .status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.automation-status-chip.active:hover{background:#bbf7d0;box-shadow:0 2px 8px #22c55e26}.automation-status-chip.inactive{background:#f3f4f6;color:#6b7280}.automation-status-chip.inactive .status-dot{background:#9ca3af}.automation-status-chip.inactive:hover{background:#e5e7eb;box-shadow:0 2px 8px #6b72801a}@media(max-width:900px){.fab{right:var(--space-md);bottom:var(--space-md);width:48px;height:48px;font-size:var(--font-size-lg)}.notification-times-chips,.email-cell{gap:4px}.notification-chip,.email-tag{font-size:.72rem;padding:2px 8px}}.automation-config-form{width:100%}.form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--space-lg) 0;padding:var(--space-xl) var(--space-xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--space-lg)}.error-banner{background:var(--color-error-light);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-xl) var(--space-lg) var(--space-xl);border:1px solid var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);padding:var(--space-xl);padding-top:var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0}.form-field input,.form-field select:not(.custom-time-select){background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:44px;box-sizing:border-box}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-field input[disabled]{background:var(--color-bg-tertiary);cursor:not-allowed}.notification-times-card{display:flex;flex-direction:column;gap:var(--space-md);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border-primary, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:14px;transition:border-color .2s ease;overflow:hidden}.notification-times-card:hover{border-color:#3b82f640}.presets-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preset-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1.5px solid var(--color-border-secondary);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.preset-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60a;transform:translateY(-1px)}.preset-btn-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f64d}.preset-btn-active:hover:not(:disabled){background:var(--color-primary-hover, #2563eb);color:#fff;border-color:var(--color-primary-hover, #2563eb);box-shadow:0 2px 12px #3b82f666}.preset-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.custom-time-input-wrap{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:nowrap}.custom-time-select{background:var(--color-input-bg, #fff)!important;color:var(--color-input-text)!important;border:1px solid var(--color-input-border)!important;border-radius:var(--radius-md)!important;padding:5px 4px!important;font-size:13px!important;font-weight:500;height:34px!important;min-height:34px!important;width:58px!important;max-width:58px!important;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;text-align:center;box-sizing:border-box!important}.custom-time-select:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.custom-time-select:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.5}.time-colon{font-size:18px;font-weight:700;color:var(--color-text-secondary);line-height:1;flex-shrink:0}.ampm-toggle{display:flex;flex-shrink:0;border:1.5px solid var(--color-border-secondary);border-radius:var(--radius-full);overflow:hidden}.ampm-btn{padding:6px 12px;font-size:12px;font-weight:600;border:none;background:var(--color-bg-primary, #fff);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1}.ampm-btn-active{background:var(--color-primary);color:#fff}.ampm-btn:hover:not(:disabled):not(.ampm-btn-active){background:#3b82f60f}.ampm-btn:disabled{opacity:.4;cursor:not-allowed}.custom-time-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;font-size:12px;font-weight:600;border:1.5px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:34px;flex-shrink:0}.custom-time-add-btn:hover:not(:disabled){background:var(--color-primary-hover, #2563eb);border-color:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.custom-time-add-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.notification-times-chips{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;padding-top:var(--space-xs);overflow-x:auto}.notification-chip{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#3b82f614,#3b82f626);color:var(--color-primary);padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);border:1px solid rgba(59,130,246,.2);animation:chipAppear .25s ease-out;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.notification-chip:hover{background:linear-gradient(135deg,#3b82f61f,#3b82f638);box-shadow:0 2px 8px #3b82f626}@keyframes chipAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chip-clock-icon{flex-shrink:0;opacity:.7}.chip-remove{background:none;border:none;color:var(--color-primary);font-size:16px;cursor:pointer;padding:0;line-height:1;margin-left:2px;opacity:.6;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%}.chip-remove:hover{opacity:1;background:#3b82f626;color:var(--color-error, #ef4444)}.slot-counter{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding-top:var(--space-xs)}.slot-dots{display:flex;gap:5px}.slot-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-secondary, #e2e8f0);transition:all .3s ease}.slot-counter-ok .slot-dot-filled{background:#22c55e;box-shadow:0 0 6px #22c55e66;transform:scale(1.1)}.slot-counter-ok .slot-counter-text{color:#16a34a}.slot-counter-warn .slot-dot-filled{background:#f59e0b;box-shadow:0 0 6px #f59e0b66;transform:scale(1.1)}.slot-counter-warn .slot-counter-text{color:#d97706}.slot-counter-full .slot-dot-filled{background:#ef4444;box-shadow:0 0 6px #ef444466;transform:scale(1.1)}.slot-counter-full .slot-counter-text{color:#dc2626}.slot-counter-text{font-size:11px;font-weight:var(--font-weight-medium);transition:color .3s ease}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg) var(--space-xl) var(--space-xl) var(--space-xl);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.form-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:44px;min-width:100px}.form-actions .btn.primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.form-actions .btn.primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-actions .btn.secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.form-actions .btn.secondary:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.history-timeline{display:flex;flex-direction:column;gap:var(--space-sm)}.timeline-group{display:flex;flex-direction:column;gap:var(--space-xs)}.timeline-group-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--color-primary),var(--color-border-primary)) 1;position:relative}.timeline-group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.timeline-group-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius-full)}.timeline-events{display:flex;flex-direction:column;padding-left:var(--space-sm)}.timeline-event{display:flex;gap:var(--space-sm);cursor:pointer;animation:slide-in-spring .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translate(-20px)}.timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg-card);box-shadow:0 0 0 2px var(--color-primary-light),0 0 8px #3b82f666;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 2px var(--color-primary-light),0 0 8px #3b82f666}50%{box-shadow:0 0 0 3px var(--color-primary-light),0 0 12px #3b82f699}}.timeline-event:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 3px var(--color-primary),0 0 16px #3b82f6b3;animation:none}.timeline-line{flex:1;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-light),var(--color-border-primary));min-height:12px;border-radius:var(--radius-full)}.timeline-content{flex:1;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.02) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.timeline-content:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 4px 12px #3b82f626;transform:translate(4px) translateY(-2px)}.timeline-content:hover:before{opacity:1}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.timeline-action{display:flex;align-items:center}.timeline-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.timeline-body{margin-bottom:2px}.timeline-entity{margin-bottom:0}.entity-link-timeline,.entity-info{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.entity-link-timeline:hover{color:var(--color-primary-hover);text-decoration:underline}.entity-icon{width:12px;height:12px}.entity-icon-client{color:var(--color-info)}.entity-icon-project{color:var(--color-warning)}.entity-icon-invoice{color:var(--color-success)}.timeline-details{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.timeline-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:2px;border-top:1px solid var(--color-border-primary);margin-top:2px}.timeline-user{display:flex;align-items:center;gap:var(--space-xs)}.timeline-user-email{font-size:10px;color:var(--color-text-tertiary)}@media(max-width:768px){.timeline-content{padding:var(--space-xs)}.timeline-header{flex-direction:column;align-items:flex-start;gap:2px}.timeline-footer{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.view-mode-toggle{display:inline-flex;background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:2px;gap:2px;border:1px solid var(--color-border-primary)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px 8px;min-width:28px;min-height:28px;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.view-toggle-btn:hover:not(.active){background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.view-toggle-btn.active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.view-toggle-btn svg{width:14px;height:14px;transition:transform var(--transition-fast)}.view-toggle-btn:hover svg{transform:scale(1.05)}.view-toggle-btn.active svg{transform:scale(1)}.action-filter-dropdown{position:relative}.action-filter-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);padding:0;min-height:auto;position:relative}.action-filter-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.action-filter-trigger.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.action-filter-trigger.has-filter{border-color:var(--color-primary);color:var(--color-primary)}.action-filter-icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.action-filter-trigger:hover .action-filter-icon{transform:scale(1.1)}.filter-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-bg-card)}.action-filter-trigger.active .filter-indicator{background:var(--color-text-inverse);border-color:var(--color-primary)}.action-filter-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:action-filter-menu-appear .15s ease-out}@keyframes action-filter-menu-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-filter-menu-header{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.action-filter-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--color-text-primary);font-size:var(--font-size-sm);min-height:auto}.action-filter-option:hover{background:var(--color-bg-secondary)}.action-filter-option.selected{background:var(--color-primary-light);color:var(--color-primary)}.action-filter-option-icon{display:flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-tertiary)}.action-filter-option.selected .action-filter-option-icon{color:var(--color-primary)}.action-filter-option-label{flex:1}.action-filter-option-check{color:var(--color-primary);font-size:var(--font-size-xs)}.retention-timer{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all .3s ease}.retention-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.retention-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.retention-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);transition:color .3s ease}.retention-progress-track{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.retention-progress-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out;position:relative;overflow:hidden}.retention-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.retention-normal .retention-progress-bar{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-hover) 100%)}.retention-normal .retention-time{color:var(--color-success)}.retention-warning{border-color:var(--color-warning);background:var(--color-warning-light);box-shadow:0 0 12px #f59e0b26}.retention-warning .retention-progress-bar{background:linear-gradient(90deg,var(--color-warning) 0%,var(--color-warning-hover) 100%)}.retention-warning .retention-time{color:var(--color-warning)}.retention-critical{border-color:var(--color-error);background:var(--color-error-light);animation:critical-pulse 1.5s ease-in-out infinite;box-shadow:0 0 16px #ef444433}.retention-critical .retention-progress-bar{background:linear-gradient(90deg,var(--color-error) 0%,var(--color-error-hover) 100%)}.retention-critical .retention-progress-bar:after{animation:shimmer 1s infinite}.retention-critical .retention-time{color:var(--color-error);font-weight:var(--font-weight-bold);animation:text-pulse 1.5s ease-in-out infinite}@keyframes critical-pulse{0%,to{opacity:1;box-shadow:0 0 16px #ef444433;transform:scale(1)}50%{opacity:.9;box-shadow:0 0 24px #ef444459;transform:scale(1.01)}}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.7}}.retention-compact{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.retention-compact.retention-normal{color:var(--color-success);background:var(--color-success-light)}.retention-compact.retention-warning{color:var(--color-warning);background:var(--color-warning-light)}.retention-compact.retention-critical{color:var(--color-error);background:var(--color-error-light);animation:text-pulse 1.5s ease-in-out infinite}.recycle-bin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-base)}.recycle-bin-table{width:100%;border-collapse:separate;border-spacing:0}.recycle-bin-table th{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-md);text-align:center;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-primary);white-space:nowrap}.recycle-bin-table th.col-name{text-align:left;padding-left:var(--space-xl)}.recycle-bin-table th:first-child{border-top-left-radius:var(--radius-lg)}.recycle-bin-table th:last-child{border-top-right-radius:var(--radius-lg)}.recycle-row{transition:all var(--transition-fast)}.recycle-row:hover{background:var(--color-bg-secondary)}.recycle-row.selected{background:var(--color-primary-light)}.recycle-row td{padding:var(--space-md);border-bottom:1px solid var(--color-border-primary);vertical-align:middle}.recycle-row:last-child td{border-bottom:none}.col-checkbox{width:40px;text-align:center;padding-left:var(--space-md)!important}.col-checkbox input[type=checkbox]{min-height:auto;cursor:pointer}.col-name{width:auto;text-align:left;padding-left:var(--space-md)}.col-type,.col-retention{width:120px;text-align:center}.col-details{min-width:150px}.col-deleted-by{width:180px;text-align:center}.col-deleted-at{width:140px;text-align:center;padding-right:var(--space-md)!important}.name-cell{display:flex;align-items:center;justify-content:left;gap:var(--space-sm)}.item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.item-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);word-break:break-all}.detail-text{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.deleted-by-cell{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.deleted-by-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.time-ago-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:block;text-align:center}@media(max-width:768px){.col-details,.col-deleted-by{display:none}}.recycle-timeline{display:flex;flex-direction:column;gap:var(--space-sm)}.recycle-timeline .timeline-group{display:flex;flex-direction:column;gap:var(--space-xs)}.recycle-timeline .timeline-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--color-error),var(--color-border-primary)) 1;position:relative}.recycle-timeline .timeline-group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.recycle-timeline .timeline-group-actions{display:flex;align-items:center;gap:var(--space-sm)}.recycle-timeline .timeline-group-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-hover) 100%);border-radius:var(--radius-full)}.recycle-timeline .group-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.recycle-timeline .timeline-events{display:flex;flex-direction:column;padding-left:var(--space-sm)}.recycle-timeline .timeline-event{display:flex;gap:var(--space-sm);cursor:pointer;animation:slide-in-spring .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translate(-20px)}@keyframes slide-in-spring{0%{opacity:0;transform:translate(-20px) scale(.95)}60%{opacity:1;transform:translate(4px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1)}}.recycle-timeline .timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px}.recycle-timeline .timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--color-error);border:2px solid var(--color-bg-card);box-shadow:0 0 0 2px var(--color-error-light),0 0 8px #ef444466;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);animation:dot-pulse-red 2s ease-in-out infinite}@keyframes dot-pulse-red{0%,to{box-shadow:0 0 0 2px var(--color-error-light),0 0 8px #ef444466}50%{box-shadow:0 0 0 3px var(--color-error-light),0 0 12px #ef444499}}.recycle-timeline .timeline-event:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 3px var(--color-error),0 0 16px #ef4444b3;animation:none}.recycle-timeline .timeline-event.selected .timeline-dot{background:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary),0 0 16px #3b82f6b3;animation:none}.recycle-timeline .timeline-line{flex:1;width:2px;background:linear-gradient(to bottom,var(--color-error),var(--color-error-light),var(--color-border-primary));min-height:12px;border-radius:var(--radius-full)}.recycle-timeline .timeline-content{flex:1;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.recycle-timeline .timeline-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(239,68,68,.02) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.recycle-timeline .timeline-content:hover{border-color:var(--color-error);box-shadow:var(--shadow-md),0 4px 12px #ef444426;transform:translate(4px) translateY(-2px)}.recycle-timeline .timeline-content:hover:before{opacity:1}.recycle-timeline .timeline-event.selected .timeline-content{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary),0 0 16px #3b82f626}.recycle-timeline .timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.recycle-timeline .timeline-action{display:flex;align-items:center}.recycle-timeline .timeline-meta{display:flex;align-items:center;gap:var(--space-sm)}.recycle-timeline .timeline-time{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.recycle-timeline .item-checkbox{width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary)}.recycle-timeline .timeline-body{margin-bottom:2px}.recycle-timeline .timeline-entity{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.recycle-timeline .entity-icon{width:14px;height:14px}.recycle-timeline .entity-icon-client{color:var(--color-info)}.recycle-timeline .entity-icon-project{color:var(--color-warning)}.recycle-timeline .entity-icon-invoice{color:var(--color-success)}.recycle-timeline .entity-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.recycle-timeline .timeline-details{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.recycle-timeline .timeline-retention{margin-bottom:2px}.recycle-timeline .timeline-footer{display:flex;align-items:center;justify-content:space-between;padding-top:2px;border-top:1px solid var(--color-border-primary);margin-top:2px}.recycle-timeline .timeline-user{display:flex;align-items:center;gap:var(--space-xs)}.recycle-timeline .timeline-user-email{font-size:10px;color:var(--color-text-tertiary)}.recycle-timeline .timeline-actions{display:flex;align-items:center;gap:var(--space-xs)}.recycle-timeline .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:var(--color-bg-tertiary);color:var(--color-text-secondary);min-height:auto;padding:0}.recycle-timeline .action-btn:hover{transform:scale(1.1)}.recycle-timeline .view-btn:hover{background:var(--color-info-light);color:var(--color-info)}.recycle-timeline .restore-btn:hover{background:var(--color-success-light);color:var(--color-success)}.recycle-timeline .delete-btn:hover{background:var(--color-error-light);color:var(--color-error)}@media(max-width:768px){.recycle-timeline .timeline-content{padding:var(--space-xs)}.recycle-timeline .timeline-header{flex-direction:column;align-items:flex-start;gap:4px}.recycle-timeline .timeline-meta{width:100%;justify-content:space-between}.recycle-timeline .timeline-footer{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.recycle-timeline .timeline-actions{width:100%;justify-content:flex-end}}.sort-dropdown{position:relative}.sort-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);padding:0;min-height:auto}.sort-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.sort-trigger.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.sort-icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.sort-trigger:hover .sort-icon{transform:scale(1.1)}.sort-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:sort-menu-appear .15s ease-out}@keyframes sort-menu-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sort-menu-header{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.sort-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--color-text-primary);font-size:var(--font-size-sm);min-height:auto}.sort-option:hover{background:var(--color-bg-secondary)}.sort-option.selected{background:var(--color-primary-light);color:var(--color-primary)}.sort-option-icon{display:flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-tertiary)}.sort-option.selected .sort-option-icon{color:var(--color-primary)}.sort-option-label{flex:1}.sort-option-check{color:var(--color-primary);font-size:var(--font-size-xs)}.recycle-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:fit-content}.recycle-tab{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.recycle-tab:hover:not(.active){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.recycle-tab.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm),0 2px 8px #3b82f64d;transform:translateY(-1px)}.recycle-filters{display:flex;align-items:stretch;gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap}.recycle-filters .filter-search{min-width:200px;max-width:320px}.recycle-filters .filter-search .search-container{height:100%}.recycle-filters .filter-search .search-container input{height:44px}.recycle-filters .filter-group{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:0 var(--space-md);height:44px;box-sizing:border-box}.recycle-filters .filter-icon{color:var(--color-text-tertiary);font-size:var(--font-size-sm);flex-shrink:0}.recycle-filters .filter-select{border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);padding:0;min-width:120px;cursor:pointer;min-height:unset!important;height:auto}.recycle-filters .filter-select:focus{outline:none;box-shadow:none}.select-all-bar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-xs);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.select-all-bar label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.recycle-content{min-height:400px}.recycle-groups{display:flex;flex-direction:column;gap:var(--space-sm)}.recycle-group{display:flex;flex-direction:column;gap:var(--space-xs)}.recycle-group-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:2px solid var(--color-border-primary)}.recycle-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.recycle-group-actions{display:flex;align-items:center;gap:var(--space-md)}.recycle-group-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius-full)}.recycle-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xs)}.recycle-cards-grid>.recycle-card{animation:card-entrance .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(20px) scale(.95)}.recycle-cards-grid>.recycle-card:nth-child(1){animation-delay:.05s}.recycle-cards-grid>.recycle-card:nth-child(2){animation-delay:.1s}.recycle-cards-grid>.recycle-card:nth-child(3){animation-delay:.15s}.recycle-cards-grid>.recycle-card:nth-child(4){animation-delay:.2s}.recycle-cards-grid>.recycle-card:nth-child(5){animation-delay:.25s}.recycle-cards-grid>.recycle-card:nth-child(6){animation-delay:.3s}.recycle-cards-grid>.recycle-card:nth-child(n+7){animation-delay:.35s}@keyframes card-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.recycle-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.recycle-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.recycle-card:hover{border-color:var(--color-primary);transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg),0 8px 24px #3b82f626,0 0 0 1px #3b82f61a}.recycle-card:hover:before{opacity:1}.recycle-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary),0 0 20px #3b82f633;animation:selected-pulse 2s ease-in-out infinite}@keyframes selected-pulse{0%,to{box-shadow:0 0 0 2px var(--color-primary),0 0 20px #3b82f633}50%{box-shadow:0 0 0 3px var(--color-primary),0 0 30px #3b82f64d}}.recycle-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border-bottom:1px solid var(--color-border-primary);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);position:relative}.recycle-card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--color-primary),transparent);opacity:0;transition:opacity .3s ease}.recycle-card:hover .recycle-card-header:after{opacity:1}.recycle-card-title{display:flex;align-items:center;gap:var(--space-xs)}.recycle-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-card);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm)}.recycle-card-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.recycle-card-body{padding:var(--space-sm)}.recycle-card-badges{margin-bottom:var(--space-sm)}.recycle-card-details p{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;justify-content:space-between}.recycle-card-details p:last-child{margin-bottom:0}.recycle-card-details strong{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.recycle-card-retention{padding:0 var(--space-sm) var(--space-sm)}.recycle-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary)}.recycle-card-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.deleted-by-info{display:flex;align-items:center;gap:var(--space-xs)}.deleted-by-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-ago{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.preview-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:auto}.preview-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.preview-modal{width:600px;max-width:90vw}.preview-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.preview-header-content{display:flex;align-items:center;gap:var(--space-md)}.preview-type-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);font-size:1.25rem;transition:all .3s ease}.preview-type-icon.type-project{background:linear-gradient(135deg,var(--color-warning-light),rgba(245,158,11,.2));color:var(--color-warning)}.preview-type-icon.type-invoice{background:linear-gradient(135deg,var(--color-success-light),rgba(34,197,94,.2));color:var(--color-success)}.preview-type-icon.type-client{background:linear-gradient(135deg,var(--color-info-light),rgba(59,130,246,.2));color:var(--color-info)}.preview-header-text{display:flex;flex-direction:column;gap:4px}.preview-header-text h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.preview-item-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:fit-content}.preview-item-badge.type-project{background:var(--color-warning-light);color:var(--color-warning)}.preview-item-badge.type-invoice{background:var(--color-success-light);color:var(--color-success)}.preview-item-badge.type-client{background:var(--color-info-light);color:var(--color-info)}.preview-section{margin-bottom:var(--space-lg)}.preview-section:last-child{margin-bottom:0}.preview-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-secondary);display:flex;align-items:center;gap:var(--space-sm)}.preview-section-title:before{content:"";width:3px;height:14px;background:linear-gradient(to bottom,var(--color-primary),var(--color-info));border-radius:var(--radius-full)}.preview-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.preview-detail{display:flex;flex-direction:column;padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all .2s ease}.preview-detail:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a}.preview-detail-key{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:4px;text-transform:capitalize}.preview-detail-key svg{font-size:.75rem;opacity:.7}.preview-detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);word-break:break-word}.value-empty{color:var(--color-text-tertiary);font-style:italic}@media(max-width:480px){.preview-details-grid{grid-template-columns:1fr}.preview-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.preview-type-icon{width:40px;height:40px;font-size:1rem}}.no-data{text-align:center;padding:var(--space-2xl);color:var(--color-text-tertiary)}@media(max-width:768px){.recycle-filters{flex-direction:column;align-items:stretch}.recycle-filters .filter-search{max-width:100%}.recycle-filters .filter-group{width:100%}.recycle-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.recycle-tab{white-space:nowrap}.recycle-cards-grid{grid-template-columns:1fr}.recycle-card-footer{flex-direction:column;gap:var(--space-md);align-items:flex-start}.preview-btn{width:100%;justify-content:center}.preview-details-grid{grid-template-columns:1fr}}[data-theme=dark] .recycle-card{background:#1e293bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .recycle-card:hover{background:#1e293bf2}[data-theme=dark] .recycle-card:before{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%)}.loading-state{display:flex;justify-content:center;align-items:center;padding:var(--space-2xl);color:var(--color-text-secondary);font-size:var(--font-size-md)}.filter-toggle-btn{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);height:44px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-toggle-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.filter-toggle-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.pagination-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary)}.pagination-btn:not(:disabled):active{transform:scale(.95)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin:0;line-height:1.2;color:var(--color-text-primary);letter-spacing:-.025em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid var(--color-input-border);padding:var(--space-sm) var(--space-md);background:var(--color-input-bg);color:var(--color-input-text);transition:all var(--transition-fast);min-height:44px;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}button{font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) var(--color-bg-secondary)}::-webkit-scrollbar{width:8px;height:8px}