@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-bg-primary: #F0F2FF;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #E8ECFF;--color-bg-elevated: #FFFFFF;--color-bg-hover: #EAEDff;--color-bg-active: #DDE3FF;--color-surface: #FFFFFF;--color-surface-hover: #F5F6FF;--color-border: #D4D9F0;--color-border-light: #E4E8F8;--color-text-primary: #0F1235;--color-text-secondary: #4A5080;--color-text-muted: #8890B8;--color-text-inverse: #FFFFFF;--color-accent: #5B5EF4;--color-accent-hover: #4547D8;--color-accent-light: #ECEEFF;--color-accent-muted: rgba(91, 94, 244, .1);--color-success: #059669;--color-success-bg: #D1FAE5;--color-success-border:#6EE7B7;--color-warning: #D97706;--color-warning-bg: #FEF3C7;--color-warning-border:#FCD34D;--color-danger: #DC2626;--color-danger-bg: #FEE2E2;--color-danger-border: #FCA5A5;--color-info: #2563EB;--color-info-bg: #DBEAFE;--color-info-border: #93C5FD;--color-draft: #6B7280;--color-draft-bg: #F3F4F6;--color-pending: #D97706;--color-pending-bg: #FEF3C7;--color-approved: #059669;--color-approved-bg: #D1FAE5;--color-rejected: #DC2626;--color-rejected-bg: #FEE2E2;--color-closed: #7C3AED;--color-closed-bg: #EDE9FE;--color-cancelled: #9CA3AF;--color-cancelled-bg: #F9FAFB;--sidebar-grad-from: #1E1B4B;--sidebar-grad-to: #312E81;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--header-height: 56px;--border-radius: 8px;--border-radius-sm: 6px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-primary);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cdd1da;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b6c3}::selection{background:var(--color-accent-light);color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout{display:flex;height:100vh;overflow:hidden}.app-layout__main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-layout__content{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--color-bg-primary)}.sidebar{width:var(--sidebar-width);height:100vh;background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal);flex-shrink:0;overflow:hidden;box-shadow:var(--shadow-xs);z-index:10}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.sidebar__logo{display:flex;align-items:center;gap:var(--space-2)}.sidebar__logo-mark{font-family:var(--font-body);font-size:var(--text-lg);font-weight:800;color:var(--color-accent);letter-spacing:-.02em}.sidebar__logo-text{font-family:var(--font-body);font-size:var(--text-md);font-weight:600;color:var(--color-text-secondary);letter-spacing:-.01em}.sidebar__toggle{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.sidebar__toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-3) 0}.sidebar__section{padding:var(--space-1) 0}.sidebar__section-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-3) var(--space-4) var(--space-1)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);width:calc(100% - 16px);padding:8px var(--space-3);margin:2px var(--space-2);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;background:none;border:none;text-align:left;transition:all var(--transition-fast)}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-item--active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.sidebar-item--collapsed{justify-content:center;padding:10px;margin:2px auto;width:44px}.sidebar-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-children{padding-left:calc(var(--space-4) + 16px + var(--space-2))}.sidebar-child{display:block;padding:6px var(--space-3);margin:1px var(--space-2);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.sidebar-child:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.sidebar-child--active,.sidebar-child.active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:#fff;border-bottom:1px solid var(--color-border-light);flex-shrink:0;box-shadow:0 1px 8px #5b5ef412;z-index:5}.header__left{display:flex;align-items:center;gap:var(--space-4)}.header__right{display:flex;align-items:center;gap:var(--space-3)}.header__menu-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--border-radius-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.header__menu-btn:hover{color:var(--color-text-primary)}.header__breadcrumbs{display:flex;align-items:center;font-size:var(--text-sm)}.header__breadcrumb{color:var(--color-text-secondary);font-weight:500}.header__breadcrumb-sep{margin:0 var(--space-2);color:var(--color-text-muted)}.header__search{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:20px;padding:0 var(--space-4);height:36px;color:var(--color-text-muted);transition:all var(--transition-fast)}.header__search:focus-within{border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px var(--color-accent-muted)}.header__search-input{background:none;border:none;outline:none;color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);width:200px}.header__search-input::placeholder{color:var(--color-text-muted)}.header__icon-btn{position:relative;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;transition:all var(--transition-fast)}.header__icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.header__badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-bg-secondary)}.header__user{position:relative}.header__user-btn{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3) 4px 4px;background:none;border:1px solid transparent;border-radius:24px;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.header__user-btn:hover{background:var(--color-bg-hover)}.header__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#6C63FF);color:#fff;font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.header__user-info{display:flex;flex-direction:column;text-align:left}.header__user-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);line-height:1.2}.header__user-role{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.2}.header__dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:100;padding:var(--space-1);animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header__dropdown-header{padding:var(--space-3) var(--space-3);display:flex;flex-direction:column}.header__dropdown-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.header__dropdown-email{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.header__dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--space-1) var(--space-2)}.header__dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-3);background:none;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.header__dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.header__dropdown-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.login{display:flex;height:100vh;background:var(--color-bg-primary)}.login__panel{width:480px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) 3rem;background:var(--color-bg-secondary);box-shadow:var(--shadow-lg);z-index:2}.login__brand{margin-bottom:var(--space-10)}.login__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.login__logo-mark{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:800;color:var(--color-accent);letter-spacing:-.03em}.login__logo-text{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;color:var(--color-text-muted);letter-spacing:-.01em}.login__tagline{font-size:var(--text-sm);color:var(--color-text-muted)}.login__form{display:flex;flex-direction:column;gap:var(--space-5)}.login__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.login__error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--border-radius);color:var(--color-danger);font-size:var(--text-sm);font-weight:500;line-height:1.5;animation:shake .4s ease-in-out;margin-bottom:var(--space-2)}.login__error svg{flex-shrink:0;margin-top:2px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login__field{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.login__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.login__input-wrap{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--border-radius);padding:0 var(--space-4);height:44px;transition:all var(--transition-fast)}.login__input-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.login__input-icon{color:var(--color-text-muted);flex-shrink:0}.login__input{flex:1;background:none;border:none;outline:none;color:var(--color-text-primary);font-size:var(--text-md);font-family:var(--font-body)}.login__input::placeholder{color:var(--color-text-muted)}.login__eye-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color var(--transition-fast)}.login__eye-btn:hover{color:var(--color-text-secondary)}.login__company-trigger{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--border-radius);padding:0 var(--space-4);height:44px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;outline:none}.login__company-trigger:hover{border-color:var(--color-accent)}.login__company-trigger:focus,.login__company-trigger--open{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.login__company-trigger--disabled{opacity:.6;cursor:not-allowed}.login__company-value{flex:1;font-size:var(--text-md);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login__company-placeholder{color:var(--color-text-muted)}.login__company-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.login__company-chevron--open{transform:rotate(180deg)}.login__company-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-bg-secondary);border:1.5px solid var(--color-accent);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login__company-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.login__company-search-icon{color:var(--color-text-muted);flex-shrink:0}.login__company-search-input{flex:1;background:none;border:none;outline:none;font-size:var(--text-sm);color:var(--color-text-primary);font-family:var(--font-body)}.login__company-search-input::placeholder{color:var(--color-text-muted)}.login__company-list{max-height:220px;overflow-y:auto}.login__company-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.login__company-option:hover{background:var(--color-bg-primary)}.login__company-option--selected{background:var(--color-accent-muted)}.login__company-option-name{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.login__company-option-code{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px;font-family:var(--font-mono, monospace)}.login__company-option-check{color:var(--color-accent);flex-shrink:0}.login__company-empty{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.login__submit{height:44px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--text-md);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);letter-spacing:-.01em}.login__submit:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}.login__submit:active{transform:translateY(0)}.login__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login__footer{margin-top:var(--space-10);text-align:center}.login__footer-text{font-size:var(--text-xs);color:var(--color-text-muted)}.login__visual{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#4338ca 40%,#7c3aed,#db2777)}.login__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:50px 50px}.login__visual-content{position:relative;z-index:1;padding:var(--space-12);max-width:520px}.login__visual-title{font-family:var(--font-display);font-size:3rem;font-weight:800;color:#fff;line-height:1.05;margin-bottom:var(--space-5);letter-spacing:-.03em}.login__visual-desc{font-size:var(--text-lg);color:#fffc;line-height:1.6;margin-bottom:var(--space-10)}.login__visual-stats{display:flex;gap:var(--space-4)}.login__stat{display:flex;flex-direction:column;padding:var(--space-4) var(--space-5);background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15)}.login__stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:#fff}.login__stat-label{font-size:var(--text-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-1)}.dashboard{max-width:1400px}.dashboard__header{margin-bottom:var(--space-6)}.dashboard__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.dashboard__subtitle{font-size:var(--text-md);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#fff 60%,#f5f3ff);border:1px solid #DDD6FE;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);box-shadow:0 2px 8px #5b5ef412}.kpi-tile:hover{border-color:#a5b4fc;box-shadow:0 6px 20px #5b5ef426;transform:translateY(-2px)}.kpi-tile__icon{width:42px;height:42px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-tile__content{display:flex;flex-direction:column}.kpi-tile__value{font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em}.kpi-tile__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;margin-top:2px}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-4)}.dashboard__card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.dashboard__card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted)}.dashboard__card-title{font-size:var(--text-md);font-weight:600;color:var(--color-text-primary)}.dashboard__card-body{padding:var(--space-4) var(--space-5)}.dashboard__card-body--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);text-align:center}.dashboard__card-body--empty p{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.dashboard__card-body--empty span{font-size:var(--text-sm);color:var(--color-text-muted)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0}.activity-item+.activity-item{border-top:1px solid var(--color-border-light)}.activity-item__dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-item__dot--info{background:var(--color-info)}.activity-item__dot--success{background:var(--color-success)}.activity-item__dot--warning{background:var(--color-warning)}.activity-item__content{display:flex;flex-direction:column;gap:2px}.activity-item__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.activity-item__time{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.quick-action{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);text-decoration:none;transition:all var(--transition-fast)}.quick-action:last-child{border-bottom:none}.quick-action__text{display:flex;flex-direction:column;gap:2px}.quick-action__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.quick-action__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.quick-action__arrow{color:var(--color-text-muted);transition:all var(--transition-fast)}.quick-action:hover .quick-action__arrow{color:var(--color-accent);transform:translate(2px)}.quick-action:hover .quick-action__label{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px var(--space-4);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;border:1.5px solid transparent;transition:all var(--transition-fast);letter-spacing:-.01em}.btn--primary{background:linear-gradient(135deg,#5b5ef4,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 2px 8px #5b5ef440}.btn--primary:hover{background:linear-gradient(135deg,#4547d8,#6d28d9);box-shadow:0 4px 14px #5b5ef466;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-secondary)}.btn--secondary:hover{background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.btn--danger{background:transparent;border-color:var(--color-danger-border);color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger-bg)}.btn--success{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;border-color:transparent;box-shadow:0 2px 8px #05966940}.btn--success:hover{background:linear-gradient(135deg,#047857,#0f766e);box-shadow:0 4px 14px #05966959;transform:translateY(-1px)}.btn--warning{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border-color:transparent;box-shadow:0 2px 8px #d9770640}.btn--warning:hover{box-shadow:0 4px 14px #d9770659;transform:translateY(-1px)}.status-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:20px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge--draft{background:var(--color-draft-bg);color:var(--color-draft)}.status-badge--pending{background:var(--color-pending-bg);color:var(--color-pending)}.status-badge--approved{background:var(--color-approved-bg);color:var(--color-approved)}.status-badge--rejected{background:var(--color-rejected-bg);color:var(--color-rejected)}.status-badge--closed{background:var(--color-closed-bg);color:var(--color-closed)}.status-badge--cancelled{background:var(--color-cancelled-bg);color:var(--color-cancelled)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;font-size:var(--text-xs);color:#6366f1;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(90deg,#eef0ff,#f5f3ff);border-bottom:2px solid #C7D2FE;white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.data-table tr:hover td{background:#f5f3ff}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.form-input{height:38px;padding:0 var(--space-3);background:#fafbff;border:1.5px solid #D4D9F0;border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:#5b5ef4;background:#fff;box-shadow:0 0 0 3px #5b5ef41f}.form-input::placeholder{color:var(--color-text-muted)}.form-select{height:38px;padding:0 var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.ss-wrap{position:relative;width:100%}.ss-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;text-align:left;transition:all var(--transition-fast);gap:var(--space-2);-webkit-user-select:none;user-select:none}.ss-trigger:hover:not(.ss-trigger--disabled){border-color:#b8bfcc;background:var(--color-bg-hover)}.ss-trigger--open{border-color:#5b5ef4;box-shadow:0 0 0 3px #5b5ef41f;background:#fff;outline:none}.ss-trigger--disabled{opacity:.55;cursor:not-allowed;background:var(--color-bg-tertiary)}.ss-trigger__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.ss-placeholder{color:var(--color-text-muted)}.ss-trigger__icons{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--color-text-muted)}.ss-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.ss-clear:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.ss-chevron{transition:transform var(--transition-fast);flex-shrink:0}.ss-chevron--open{transform:rotate(180deg)}.ss-dropdown{background:var(--color-bg-elevated);border:1.5px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);animation:ss-open .12s ease;display:flex;flex-direction:column;max-height:280px;overflow:visible;min-width:0}@keyframes ss-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ss-search-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-shrink:0;border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-tertiary)}.ss-search-icon{color:var(--color-text-muted);flex-shrink:0}.ss-search{flex:1;border:none;background:transparent;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary);outline:none;line-height:1.5}.ss-search::placeholder{color:var(--color-text-muted)}.ss-list{flex:1;overflow-y:auto;overflow-x:auto;padding:var(--space-1) 0;min-height:0;max-height:220px;border-radius:0 0 var(--border-radius) var(--border-radius)}.ss-option{display:block;width:100%;padding:7px var(--space-3);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.ss-option:hover,.ss-option:focus{background:var(--color-bg-hover);outline:none}.ss-option--selected{background:var(--color-accent-light);color:var(--color-accent);font-weight:500}.ss-option--selected:hover,.ss-option--selected:focus{background:var(--color-accent-muted)}.ss-empty{padding:var(--space-3) var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.ss-trigger.form-input--error{border-color:var(--color-danger)}.ss-wrap--sm .ss-trigger{height:30px;font-size:var(--text-xs);padding:0 var(--space-2)}.ss-wrap--sm .ss-dropdown{min-width:160px}.ss-trigger--inline{border:none;background:transparent;box-shadow:none}.ss-trigger--inline:hover:not(.ss-trigger--disabled){background:var(--color-bg-hover)}.form-textarea{padding:var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.page-header__left{display:flex;flex-direction:column}.page-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#0f123573;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlay-in .15s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border:1px solid #C7D2FE;border-radius:var(--border-radius-xl);box-shadow:0 24px 60px #5b5ef42e,0 4px 16px #00000014;width:520px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:linear-gradient(90deg,#eef0ff,#f5f3ff);border-bottom:1px solid #C7D2FE;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0}.modal__title{font-size:var(--text-lg);font-weight:700;color:#3730a3}.modal__body{padding:var(--space-5);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid #EEF0FF;background:#fafafe;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.dynamic-form__section{border:none;padding:0;margin-bottom:var(--space-5)}.dynamic-form__section-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--space-3);border-bottom:2px solid var(--color-accent-light);margin-bottom:var(--space-4)}.dynamic-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-group--wide{grid-column:span 2}.form-required{color:var(--color-danger);margin-left:2px}.form-input--error{border-color:var(--color-danger)!important}.form-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:500;margin-top:2px}.dynamic-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-border-light);margin-top:var(--space-5)}.dynamic-form__empty{padding:var(--space-10);text-align:center;color:var(--color-text-muted);font-size:var(--text-md)}.field-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.field-checkbox__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.field-radio-group{display:flex;gap:var(--space-4)}.field-radio{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.field-radio input[type=radio]{accent-color:var(--color-accent)}.field-password-wrap,.field-currency-wrap,.field-percentage-wrap{display:flex;align-items:center;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;transition:all var(--transition-fast)}.field-password-wrap:focus-within,.field-currency-wrap:focus-within,.field-percentage-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.field-password-wrap .form-input,.field-currency-wrap .form-input,.field-percentage-wrap .form-input{border:none;background:none;flex:1;box-shadow:none}.field-password-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-3);display:flex;align-items:center}.field-currency-symbol,.field-percentage-symbol{padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;background:var(--color-bg-tertiary);height:100%;display:flex;align-items:center}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg-primary)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.login{flex-direction:column}.login__panel{width:100%;padding:var(--space-8) var(--space-6)}.login__visual{display:none}.sidebar{position:fixed;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar--mobile-open{transform:translate(0)}.dashboard__kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.dashboard__grid,.dynamic-form__grid{grid-template-columns:1fr}.form-group--wide{grid-column:span 1}.header__search,.header__user-info{display:none}}@media(max-width:480px){.app-layout__content{padding:var(--space-4)}.login__panel{padding:var(--space-6) var(--space-4)}.login__visual-stats{flex-direction:column;gap:var(--space-3)}}.branch-selector{position:relative}.branch-selector__btn{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;max-width:180px}.branch-selector__btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent)}.branch-selector__name{overflow:hidden;text-overflow:ellipsis}.branch-selector__dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:100;padding:var(--space-1);animation:dropdown-in .15s ease}.branch-selector__dropdown-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.branch-selector__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-3);background:none;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}.branch-selector__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.branch-selector__item--active{color:var(--color-accent);background:var(--color-accent-bg, rgba(79, 140, 255, .08))}.branch-selector__item-name{flex:1;font-weight:500}.branch-selector__item-code{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.branch-selector__item-check{color:var(--color-accent);flex-shrink:0}.page{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);min-height:100%}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page__title{font-size:var(--text-xl);font-weight:800;background:linear-gradient(135deg,#3730a3,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.page__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0;-webkit-text-fill-color:initial}.page-loading{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}.list-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.list-toolbar__search{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:200px;max-width:360px;background:#fafbff;border:1.5px solid #D4D9F0;border-radius:var(--border-radius-sm);padding:0 var(--space-3);color:var(--color-text-muted);transition:all var(--transition-fast)}.list-toolbar__search:focus-within{border-color:#5b5ef4;background:#fff;box-shadow:0 0 0 3px #5b5ef41a}.list-toolbar__search input{flex:1;border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--color-text-primary);padding:7px 0}.list-toolbar select{padding:7px var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;outline:none}.table-wrap{background:var(--color-surface);border:1px solid #D4D9F0;border-radius:var(--border-radius-lg);overflow:auto;box-shadow:0 2px 12px #5b5ef40f}.table-empty{text-align:center;padding:var(--space-8, 2rem) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.table-actions{text-align:right;white-space:nowrap}.data-table .table-actions{padding-right:var(--space-3)}.text-right{text-align:right}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:#eceeff;color:#5b5ef4}.btn--icon{padding:5px;min-width:unset}.btn--danger-hover:hover{color:var(--color-danger);background:var(--color-danger-bg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.badge--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.badge--danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.badge--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.badge--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.badge--neutral{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border-color:#d1d5db}.badge--draft{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border-color:#d1d5db}.pagination{display:flex;align-items:center;gap:var(--space-3);justify-content:center}.pagination__info{font-size:var(--text-sm);color:var(--color-text-muted)}.form-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 2px 12px #5b5ef40f}.form-section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-4)}.form-section:last-child{border-bottom:none}.form-section__title{font-size:var(--text-xs);font-weight:800;background:linear-gradient(90deg,#5b5ef4,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-1);padding-bottom:var(--space-2);border-bottom:2px solid #EEF0FF}.form-grid{display:grid;gap:var(--space-4)}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}.form-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.form-grid--3,.form-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.form-grid--2,.form-grid--3,.form-grid--4{grid-template-columns:1fr}}.form-input--textarea{resize:vertical;min-height:72px;font-family:var(--font-body)}.doc-totals{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.doc-totals__row{display:flex;gap:var(--space-8, 2rem);font-size:var(--text-sm);color:var(--color-text-secondary);min-width:280px;justify-content:space-between}.doc-totals__row--total{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);border-top:1px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-1)}.form-input--sm{padding:4px var(--space-2);font-size:var(--text-xs);width:100%}.btn--sm{padding:4px var(--space-3);font-size:var(--text-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.625rem;padding:.75rem 1.125rem;border-radius:8px;font-size:.8125rem;font-weight:500;color:#fff;box-shadow:0 8px 24px #00000026;cursor:pointer;animation:toast-in .3s ease-out;min-width:280px;max-width:420px}.toast__icon{font-size:1rem;flex-shrink:0;width:1.25rem;text-align:center}.toast__message{flex:1;line-height:1.4}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-danger)}.toast--warning{background:var(--color-warning);color:#1a1d26}.toast--info{background:var(--color-info)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.confirm-overlay{position:fixed;inset:0;z-index:10000;background:#0006;display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .2s ease-out}.confirm-dialog{background:#fff;border:1px solid #C7D2FE;border-radius:16px;padding:1.75rem 2rem;min-width:340px;max-width:440px;box-shadow:0 20px 60px #5b5ef42e,0 4px 16px #00000014;text-align:center;animation:confirm-scale-in .2s ease-out}.confirm-dialog__icon{font-size:2rem;width:3rem;height:3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem}.confirm-dialog__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.confirm-dialog__icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.confirm-dialog__icon--info{background:#eff6ff;color:var(--color-info)}.confirm-dialog__message{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);margin:0 0 1.25rem;line-height:1.5}.confirm-dialog__actions{display:flex;gap:.625rem;justify-content:center}.confirm-dialog__actions .btn{min-width:90px}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}