@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";:root{--brand-primary: #000000;--brand-primary-hover: #171717;--brand-primary-active: #262626;--brand-primary-dark: #1c1c1c;--brand-primary-darker: #292929;--brand-primary-light: #dcdcdc;--brand-primary-lighter: #e5e5e5;--brand-primary-lightest: #f5f5f5;--brand-gradient: linear-gradient(135deg, #3a3a3a 0%, #303030 100%);--brand-gradient-hero: linear-gradient(165deg, #1D3B37 0%, #434343 35%, #727272 60%, #aaaaaa 100%);--brand-gradient-subtle: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--brand-glow: rgba(0, 0, 0, .05);--brand-primary-glow: #5989841a;--status-yet-to-start: #94A3B8;--status-production: #3B82F6;--status-qc: #F59E0B;--status-ready: #10B981;--status-dispatched: #1E40AF;--status-in-transit: #8B5CF6;--status-delivered: #059669;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--success-bg: #DCFCE7;--success-border: #BBF7D0;--warning: #F59E0B;--warning-bg: #FEF3C7;--warning-border: #FDE68A;--danger: #EF4444;--danger-bg: #FEF2F2;--danger-border: #FECACA;--info: #3B82F6;--info-bg: #EFF6FF;--info-border: #DBEAFE;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05), 0 10px 20px -5px rgba(0, 0, 0, .08);--shadow-card-hover: 0 1px 3px rgba(0, 0, 0, .05), 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-family: "Lexend", sans-serif}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family);background:var(--gray-50);color:var(--gray-800);line-height:1.6;min-height:100vh;margin:0}button,input,textarea,select{font-family:inherit}#root{min-height:100vh;display:flex;flex-direction:column}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Z-card,.Ziranly-card,.Ziranly-stat-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;margin:8px 0}.Ziranly-container{width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.Ziranly-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.Ziranly-stat-label{font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.Ziranly-stat-value{font-size:28px;font-weight:800;line-height:1.2}.Ziranly-stat-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;margin-top:4px}.Ziranly-stat-icon{position:absolute;right:-10px;top:-10px;font-size:64px;opacity:.05;transform:rotate(-10deg);pointer-events:none}.Ziranly-dark-card{background:linear-gradient(135deg,#000,#898989);box-shadow:0 4px 20px #0ba36026;color:#fff!important;border:none!important;margin:0}.Ziranly-dark-card .Ziranly-stat-label{color:#fffc!important}.Ziranly-dark-card .Ziranly-stat-value{color:#fff!important}.Ziranly-dark-card .Ziranly-stat-icon{color:#fff!important;opacity:.1}.Ziranly-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-md)}.Ziranly-card-interactive{cursor:pointer;transition:var(--transition-normal)}.Ziranly-card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.Z-card.is-interactive:hover,.Ziranly-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px);border-color:var(--gray-300)}.Z-card.is-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.Z-table-wrapper,.Ziranly-table-wrapper{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.Z-table,.Ziranly-table,.gst-table,.settings-table,.print-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;text-align:left}.Z-table thead th,.Ziranly-table thead th,.gst-table thead th,.settings-table thead th,.print-table thead th{background:var(--gray-50);color:var(--gray-600);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;border-bottom:1px solid var(--gray-200);white-space:nowrap}.Z-table tbody td,.Ziranly-table tbody td,.gst-table tbody td,.settings-table tbody td,.print-table tbody td{padding:8px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle;transition:var(--transition-fast)}.Z-table tbody tr:hover td,.Ziranly-table tbody tr:hover td,.gst-table tbody tr:hover td,.settings-table tbody tr:hover td{background:var(--gray-50);color:var(--gray-900)}.u-table-header-actions{width:80px!important;text-align:right!important}.Ziranly-pagination{padding:16px;border-top:1px solid var(--gray-100);display:flex;justify-content:center;align-items:center;gap:12px}.Ziranly-pagination span{font-size:13px;color:var(--gray-600)}.Z-badge,.Ziranly-badge,.status-badge,.stock-badge,.reports-stock-badge,.product-code-badge,.product-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase}.Z-badge.is-soft,.Ziranly-badge.is-soft{padding:3px 8px;border-radius:6px;text-transform:none;letter-spacing:0}.Z-badge.is-success,.Ziranly-badge.is-success,.badge-success{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.Z-badge.is-warning,.Ziranly-badge.is-warning{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.Z-badge.is-danger,.Ziranly-badge.is-danger,.badge-danger{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.Z-badge.is-info,.Ziranly-badge.is-info,.badge-info{background:#eff6ff;color:#0369a1;border:1px solid #DBEAFE}.Z-badge.is-neutral,.Ziranly-badge.is-neutral{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.Z-input,.Z-select,.Z-textarea,.Ziranly-modal-body input,.Ziranly-modal-body textarea,.Ziranly-modal-body select,.settings-form input,.settings-form textarea,.Ziranly-input,.Ziranly-select,.Ziranly-textarea,.Ziranly-search-bar input,.search-bar-input,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],.Ziranly-form-group input,.Ziranly-form-group select,.Ziranly-form-group textarea{width:100%;padding:10px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);font-size:13px;font-weight:500;background:var(--white);color:var(--gray-800);outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.4}.Ziranly-filter-bar .Ziranly-select,.Ziranly-order-filters .Ziranly-select{width:auto;min-width:140px;height:40px}.Ziranly-modal-body input:not([type=checkbox]):not([type=radio]),.Ziranly-modal-body select,.Ziranly-form-group input:not([type=checkbox]):not([type=radio]),.Ziranly-form-group select,.Ziranly-select,.Ziranly-input,.Z-input,.Z-select{height:40px}.Z-textarea,.Ziranly-textarea,.Ziranly-modal-body textarea,.Ziranly-form-group textarea{height:auto;min-height:80px}.Ziranly-search-bar{position:relative;display:flex;align-items:center;width:100%}.Ziranly-search-icon,.Ziranly-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);stroke:var(--gray-400);pointer-events:none;transition:stroke .2s;z-index:1}.Ziranly-search-bar:focus-within .Ziranly-search-icon{stroke:var(--brand-primary)}.Ziranly-search-bar input{padding-left:44px!important}.Ziranly-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;outline:none;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s;line-height:1}.Ziranly-search-clear:hover{background:var(--gray-100);color:var(--gray-600)}.Ziranly-search-bar input,.search-bar-input{padding:12px 40px 12px 44px}.Z-input::placeholder,.Z-textarea::placeholder,.Ziranly-search-bar input::placeholder,.search-bar-input::placeholder{color:var(--gray-400);font-weight:400}.Z-input:hover,.Z-select:hover,.Z-textarea:hover{border-color:var(--gray-300)}.Z-input:focus,.Z-select:focus,.Z-textarea:focus,.Ziranly-modal-body input:focus,.Ziranly-modal-body textarea:focus,.Ziranly-modal-body select:focus,.settings-form input:focus,.settings-form textarea:focus,.Ziranly-input:focus,.Ziranly-textarea:focus,.Ziranly-search-bar input:focus,.search-bar-input:focus,input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,.Ziranly-form-group input:focus,.Ziranly-form-group select:focus,.Ziranly-form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.Z-input:disabled,.Z-select:disabled,.Z-textarea:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed;border-color:var(--gray-200);box-shadow:none}.Z-textarea{min-height:100px;resize:vertical}.Z-select,.Ziranly-select,.Ziranly-modal-body select,.Ziranly-form-group select,.Ziranly-section select,.Ziranly-content-inner select,.Ziranly-card select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:44px!important;cursor:pointer}.Ziranly-btn-dropdown{position:relative;display:inline-flex}.Ziranly-btn-dropdown .Ziranly-dropdown-menu{left:0;right:auto;min-width:max-content}.Ziranly-btn-dropdown.align-right .Ziranly-dropdown-menu{left:auto;right:0}.Ziranly-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:1000;overflow:hidden;padding:6px;animation:Ziranly-slideDownFade .2s cubic-bezier(.16,1,.3,1)}.Ziranly-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.Ziranly-dropdown-item:hover,.Ziranly-dropdown-item.is-highlighted{background:var(--gray-50);color:var(--brand-primary)}.Ziranly-dropdown-item.is-selected{background:var(--brand-primary-lighter);color:var(--brand-primary)}@keyframes Ziranly-slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.Ziranly-tabs-pill{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px;border:1px solid #e2e8f0;width:fit-content}.Ziranly-tabs-pill .Ziranly-tab-btn{padding:10px 18px;border-radius:6px;border:none;font-size:13px;font-weight:700;color:#64748b;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0;cursor:pointer;outline:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.Ziranly-tabs-pill .Ziranly-tab-btn:hover{background:#dee5ed}.Ziranly-tabs-pill .Ziranly-tab-btn.active{background:#000;color:#fff;box-shadow:0 4px 12px #00000026}.Ziranly-tabs-pill .Ziranly-tab-btn .tab-count{background:#e2e8f0;color:#475569;font-size:10px;padding:2px 8px;border-radius:6px;font-weight:800;transition:all .2s}.Ziranly-tabs-pill .Ziranly-tab-btn.active .tab-count{background:#fff3;color:#fff}.Ziranly-tabs-underline{display:flex;gap:24px;border-bottom:1px solid #dcdcdc;margin-bottom:24px}.Ziranly-tabs-underline .Ziranly-tab-btn{padding:12px 0;border:none;background:none;font-size:14px;font-weight:600;color:#94a3b8;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:0}.Ziranly-tabs-underline .Ziranly-tab-btn:hover{color:#475569}.Ziranly-tabs-underline .Ziranly-tab-btn.active{color:#000;border-bottom-color:#000;font-weight:800}.Ziranly-tabs-underline .Ziranly-tab-btn .tab-count{font-weight:800;font-size:11px;color:#94a3b8;background:#f8fafc;padding:1px 6px;border-radius:4px}.Ziranly-tabs-underline .Ziranly-tab-btn.active .tab-count{color:#000;background:#f1f5f9}.Ziranly-loading{padding:48px;text-align:center;color:var(--gray-400);font-size:14px;font-weight:500}.Ziranly-btn,.Ziranly-btn-primary,.Ziranly-btn-secondary,.Ziranly-btn-cancel,.Ziranly-btn-danger,.Ziranly-btn-ghost,.Ziranly-btn-icon,button[class*=-btn]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:7px;font-size:12.6px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;outline:none;border:1.5px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,color .18s ease;text-decoration:none;position:relative}.Ziranly-btn:active,.Ziranly-btn-primary:active,.Ziranly-btn-secondary:active,.Ziranly-btn-cancel:active,.Ziranly-btn-danger:active,.Ziranly-btn-ghost:active,button[class*=-btn]:active{transform:scale(.97)}.Ziranly-btn-secondary:hover,button[class*=-btn]:hover{background:#f8fafc;border-color:#0f172a;color:#0f172a}.Ziranly-btn:disabled,.Ziranly-btn-primary:disabled,.Ziranly-btn-secondary:disabled,.Ziranly-btn-cancel:disabled,.Ziranly-btn-danger:disabled,.Ziranly-btn-ghost:disabled,.Ziranly-btn-icon:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.Ziranly-btn-primary{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 1px 3px #0f172a2e}.Ziranly-btn-primary:hover{background:#1e293b;border-color:#1e293b;box-shadow:0 4px 10px #0f172a38;transform:translateY(-1px)}.Ziranly-btn-secondary:hover{background:#f8fafc;border-color:#0f172a;color:#0f172a}.Ziranly-btn-secondary.active,.Ziranly-btn-secondary[aria-pressed=true]{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.Ziranly-btn-cancel{background:#fff;color:#64748b;border-color:#e2e8f0}.Ziranly-btn-cancel:hover{background:#f8fafc;color:#334155;border-color:#cbd5e1}.Ziranly-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 1px 3px #ef444440}.Ziranly-btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.Ziranly-btn-danger.is-outline{background:transparent;color:#ef4444;border-color:#fca5a5}.Ziranly-btn-danger.is-outline:hover{background:#fef2f2;border-color:#ef4444}.btn-cancel{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#fef2f2;color:#ef4444;border:1px solid #fee2e2;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.btn-cancel:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.btn-cancel:active{transform:scale(.95)}.btn-cancel svg{width:16px;height:16px;stroke-width:2}.Ziranly-btn-ghost{background:transparent;color:#64748b;border-color:transparent;padding:7px 12px}.Ziranly-btn-ghost:hover{background:#f1f5f9;color:#0f172a;border-color:transparent}.Ziranly-btn-icon{background:transparent;color:#64748b;border-color:transparent;padding:7px;border-radius:7px;width:34px;height:34px}.Ziranly-btn-icon:hover{background:#f1f5f9;color:#0f172a}.Ziranly-btn-icon.is-active{background:#e2e8f0;color:#0f172a}.Ziranly-btn-primary.is-blue,.Ziranly-btn-secondary.is-blue{background:#2563eb;color:#fff;border-color:#2563eb}.Ziranly-btn-primary.is-blue:hover,.Ziranly-btn-secondary.is-blue:hover{background:#1d4ed8;border-color:#1d4ed8}.Ziranly-btn-primary.is-orange,.Ziranly-btn-secondary.is-orange{background:#ea580c;color:#fff;border-color:#ea580c}.Ziranly-btn-primary.is-orange:hover,.Ziranly-btn-secondary.is-orange:hover{background:#c2410c;border-color:#c2410c}.Ziranly-btn-primary.is-green,.Ziranly-btn-secondary.is-green{background:#16a34a;color:#fff;border-color:#16a34a}.Ziranly-btn-primary.is-green:hover,.Ziranly-btn-secondary.is-green:hover{background:#15803d;border-color:#15803d}.Ziranly-btn-primary.is-sm,.Ziranly-btn-secondary.is-sm,.Ziranly-btn-cancel.is-sm,.Ziranly-btn-danger.is-sm,.Ziranly-btn-ghost.is-sm{padding:5px 12px;font-size:11.5px;border-radius:5px}.btn-tiny{padding:2px 8px!important;font-size:11px!important;border-radius:4px!important;min-height:auto!important;height:auto!important}.Ziranly-btn-primary.is-full,.Ziranly-btn-secondary.is-full,.Ziranly-btn-cancel.is-full,.Ziranly-btn-danger.is-full,.Ziranly-btn-ghost.is-full{width:100%;justify-content:center}.Ziranly-btn-primary.is-loading,.Ziranly-btn-secondary.is-loading,.Ziranly-btn-cancel.is-loading,.Ziranly-btn-danger.is-loading{color:transparent!important;pointer-events:none}.Ziranly-btn-primary.is-loading:after,.Ziranly-btn-secondary.is-loading:after,.Ziranly-btn-cancel.is-loading:after,.Ziranly-btn-danger.is-loading:after{content:"";position:absolute;width:15px;height:15px;top:50%;left:50%;margin:-7.5px 0 0 -7.5px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:Ziranly-btn-spin .7s linear infinite}.Ziranly-btn-secondary.is-loading:after,.Ziranly-btn-cancel.is-loading:after{border:2px solid #e2e8f0;border-top-color:#64748b}@keyframes Ziranly-btn-spin{to{transform:rotate(360deg)}}.Ziranly-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:16px}.Ziranly-detail-item{background:var(--gray-50);border-radius:var(--radius);padding:12px 14px}.Ziranly-detail-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;margin-bottom:3px}.Ziranly-detail-value{font-size:14px;font-weight:600;color:var(--gray-800)}.Ziranly-notes-box{background:var(--gray-50);border-radius:var(--radius);padding:12px 14px;margin-top:8px;font-size:13px;color:var(--gray-600)}.Ziranly-bulk-actions-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:var(--white);padding:12px 24px;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:24px;z-index:100;border:1px solid var(--gray-200)}.Ziranly-section{display:flex;flex-direction:column;height:100%}.Ziranly-scrollable-page{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.mb-md{margin-bottom:16px}.Ziranly-modal-footer{margin:14px 0 0;padding:14px 0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.Ziranly-modal .modal-footer{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:var(--gray-50);border-top:1px solid var(--gray-200);border-radius:0 0 var(--radius) var(--radius)}.Ziranly-form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}.form-group small,.Ziranly-form-group small,.settings-form-section small{display:block;font-size:11px;color:var(--gray-500, #64748b);margin-top:6px;line-height:1.4}@media(min-width:640px){.Ziranly-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-col-full{grid-column:1 / -1!important}.Ziranly-field-group,.Ziranly-form-group,.Z-field-group,.Z-form-group{display:flex;flex-direction:column;gap:8px}.ziranly-form-label{display:block;font-size:13px;font-weight:600;color:var(--gray-700, #334155);margin-bottom:6px}.Ziranly-field-full,.Z-field-full{grid-column:1 / -1!important}.Ziranly-form-actions{padding-top:32px;display:flex;justify-content:flex-start;gap:16px}.ziranly-form-mainlabel{font-size:12px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.ziranly-checkbox{width:16px!important;height:16px!important;cursor:pointer;accent-color:var(--brand-primary, #0f766e);margin:0;border-radius:4px}.ziranly-wrapper,.Ziranly-wrapper{background:var(--white);padding:0}button.Ziranly-btn-circle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;background:#f5f5f5;color:#0f172a;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.Ziranly-btn-circle:hover{background:#f8fafc;border-color:#0f172a;color:#0f172a;transform:translateY(-1px)}.Ziranly-btn-circle:active{transform:scale(.97)}.ziranly-hbutton-wrapper{gap:14px}.flex{display:flex!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.flex-1{flex:1!important}.flex-col{flex-direction:column!important}.col-span-2{grid-column:span 2!important}.ml-auto{margin-left:auto!important}.mb-0{margin-bottom:0!important}.w-full{width:100%!important}.h-full{height:100%!important}.min-h-0{min-height:0!important}.w-20{width:80px!important}.w-32{width:128px!important}.w-40{width:160px!important}.w-48{width:192px!important}.w-64{width:256px!important}.w-10{width:40px!important}.max-w-\[850px\]{max-width:850px!important}.max-w-\[1000px\]{max-width:1000px!important}.max-w-\[300px\]{max-width:300px!important}.min-h-\[800px\]{min-height:800px!important}.min-h-\[200px\]{min-height:200px!important}.grid-cols-auto-180{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}.grid-cols-\[140px\,1fr\]{grid-template-columns:140px 1fr!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.bg-transparent{background:transparent!important}.border-0{border:0!important}.relative{position:relative!important}.absolute{position:absolute!important}.inset-y-0{top:0!important;bottom:0!important}.left-0{left:0!important}.top-1\/2{top:50%!important}.-translate-y-1\/2{transform:translateY(-50%)!important}.w-16{width:64px!important}.h-16{height:64px!important}.h-20{height:80px!important}.h-24{height:96px!important}.pointer-events-none{pointer-events:none!important}.cursor-default{cursor:default!important}.opacity-90{opacity:.9!important}.rounded-full{border-radius:9999px!important}.input-prefix-wrapper{position:relative!important}.input-prefix{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--gray-400)!important;pointer-events:none!important;font-size:14px!important}.pl-prefix{padding-left:25px!important}.gap-xs{gap:4px!important}.gap-sm{gap:8px!important}.gap-md{gap:16px!important}.gap-lg{gap:24px!important}.gap-xl{gap:32px!important}.space-y-1>*+*{margin-top:4px!important}.space-y-2>*+*{margin-top:8px!important}.space-y-4>*+*{margin-top:16px!important}.m-0{margin:0!important}.mb-3{margin-bottom:12px!important}.mb-xs{margin-bottom:4px!important}.mb-sm{margin-bottom:8px!important}.mb-md{margin-bottom:16px!important}.mb-lg{margin-bottom:24px!important}.mb-xl{margin-bottom:32px!important}.mt-xs{margin-top:4px!important}.mt-sm{margin-top:8px!important}.mt-md{margin-top:16px!important}.mt-lg{margin-top:24px!important}.mt-xl{margin-top:32px!important}.py-12{padding-top:48px!important;padding-bottom:48px!important}.py-xl{padding-top:32px!important;padding-bottom:32px!important}.text-muted{color:var(--gray-500)!important}.text-gray-900{color:var(--gray-900)!important}.text-gray-800{color:var(--gray-800)!important}.text-gray-700{color:var(--gray-700)!important}.text-gray-600{color:var(--gray-600)!important}.text-gray-500{color:var(--gray-500)!important}.text-gray-400{color:var(--gray-400)!important}.text-brand{color:var(--brand-primary)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-info{color:var(--info)!important}.text-blue-600{color:#2563eb!important}.text-blue-700{color:#1d4ed8!important}.text-blue-800{color:#1e40af!important}.text-yellow-600{color:#d97706!important}.text-yellow-500{color:#f59e0b!important}.bg-blue-50{background-color:#eff6ff!important}.bg-yellow-50{background-color:#fffbeb!important}.bg-red-50{background-color:#fef2f2!important}.bg-green-50{background-color:#f0fdf4!important}.border-blue-100{border-color:#dbeafe!important}.border-red-100{border-color:#fee2e2!important}.border-yellow-100{border-color:#fef3c7!important}.border-green-100{border-color:#dcfce7!important}.uppercase{text-transform:uppercase!important}.font-semibold{font-weight:600!important}.block{display:block!important}.text-2xs{font-size:10px!important}.text-xs{font-size:12px!important}.text-sm{font-size:14px!important}.text-base{font-size:16px!important}.text-lg{font-size:18px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}.font-bold{font-weight:700!important}.track-wider{letter-spacing:.05em!important}.track-widest{letter-spacing:.1em!important}.track-tight{letter-spacing:-.025em!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0!important}.p-xs{padding:4px!important}.p-sm{padding:8px!important}.p-lg{padding:24px!important}.pl-xs{padding-left:4px!important}.pl-sm{padding-left:8px!important}.pl-md{padding-left:16px!important}.pl-lg{padding-left:24px!important}.pr-xs{padding-right:4px!important}.pr-sm{padding-right:8px!important}.pr-md{padding-right:16px!important}.pr-lg{padding-right:24px!important}.rounded-lg{border-radius:var(--radius)!important}.border{border:1px solid var(--gray-200)!important}.border-none{border:none!important}.border-b{border-bottom:1px solid var(--gray-200)!important}.border-b-2{border-bottom:2px solid var(--gray-200)!important}.border-r{border-right:1px solid var(--gray-200)!important}.border-t{border-top:1px solid var(--gray-200)!important}.border-slate-100,.border-gray-100{border-color:var(--gray-100)!important}.border-gray-200{border-color:var(--gray-200)!important}.border-gray-50{border-color:var(--gray-50)!important}.border-warning-light{border-color:var(--warning-bg)!important}.border-danger-light{border-color:var(--danger-bg)!important}.border-success-light{border-color:var(--success-bg)!important}.border-info-light{border-color:var(--info-bg)!important}.border-l-info{border-left:4px solid var(--info)!important}.border-l-danger{border-left:4px solid var(--danger)!important}.border-l-success{border-left:4px solid var(--success)!important}.bg-success{background-color:var(--success)!important}.bg-warning{background-color:var(--warning)!important}.bg-danger{background-color:var(--danger)!important}.bg-info{background-color:var(--info)!important}.bg-success-light{background-color:var(--success-bg)!important}.bg-warning-light{background-color:var(--warning-bg)!important}.bg-danger-light{background-color:var(--danger-bg)!important}.bg-info-light{background-color:var(--info-bg)!important}.text-white{color:var(--white)!important}.border-success{border-color:var(--success-border)!important}.border-warning{border-color:var(--warning-border)!important}.border-danger{border-color:var(--danger-border)!important}.border-info{border-color:var(--info-border)!important}.p-md{padding:16px!important}.Ziranly-alert{display:flex;gap:12px;padding:16px;border-radius:var(--radius);border:1px solid transparent;align-items:flex-start}.Ziranly-alert.is-amber{background:#fffbeb;border-color:#fef3c7;color:#92400e}.Ziranly-alert.is-blue{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.Ziranly-alert.is-red{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.Ziranly-tooltip-trigger{position:relative;display:inline-flex;align-items:center;cursor:help;color:var(--gray-400);transition:color .2s;margin-left:6px}.Ziranly-tooltip-content{visibility:hidden;position:absolute;bottom:150%;left:0;background-color:var(--gray-800);color:var(--white);padding:12px 16px;border-radius:var(--radius);font-size:11px;width:220px;box-shadow:var(--shadow-lg);z-index:10000;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none;transform:translateY(10px)}.Ziranly-tooltip-trigger:hover .Ziranly-tooltip-content{visibility:visible;opacity:1;transform:translateY(0)}.is-locked{background-color:var(--gray-50)!important;color:var(--gray-400)!important;cursor:not-allowed!important;pointer-events:none!important}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.print\:p-0{padding:0!important}.print\:m-0{margin:0!important}.print\:shadow-none{box-shadow:none!important}.print\:border-none{border:none!important}.print\:max-w-none{max-width:none!important}.print\:w-full{width:100%!important}}.whitespace-nowrap{white-space:nowrap!important}.cursor-pointer{cursor:pointer!important}.input-disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.profile-info-wrap{flex:1;overflow:hidden}.profile-name-text{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role-text{color:#000;font-size:11px}.Ziranly-page-header{padding:24px 32px;background:#fff;border-bottom:1px solid rgba(226,232,240,.6);margin-bottom:0;position:sticky;top:0;z-index:10}.Ziranly-page-header .header-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}.Ziranly-page-header .title-group{flex:1}.Ziranly-page-header .page-title{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.8px;margin:0 0 4px}.Ziranly-page-header .page-subtitle{font-size:13px;color:#64748b;margin:0;letter-spacing:-.1px}.Ziranly-page-header .header-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#f1f5f9;color:#64748b;border:none;cursor:pointer;transition:all .2s}.Ziranly-page-header .header-back-btn:hover{background:#e2e8f0;color:#0f172a;transform:translate(-2px)}.Ziranly-page-header .header-actions{display:flex;align-items:center;gap:12px}.chart-container{width:100%;height:240px}.card-item-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9}.card-item-title{font-weight:600;font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item-amount{font-weight:700;font-size:13px}.card-item-amount-green{color:#22c55e}.card-item-date{font-size:11px;color:#94a3b8}.donut-chart-wrap{width:160px;height:160px;position:relative}.donut-legend{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;max-height:160px;overflow-y:auto;padding-right:8px}.donut-legend-item{display:flex;align-items:center;gap:8px}.donut-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-legend-text{flex:1;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-legend-count{font-weight:700;color:#0f172a}.donut-row{flex:1;display:flex;align-items:center;gap:20px}.charts-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.metric-label{font-size:12px;color:#64748b;margin-top:4px}.status-pill{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;color:#fff}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.form-textarea{width:100%;padding:10px 14px;border-radius:6px;border:1px solid var(--gray-300);font-size:14px;resize:vertical}.th-actions{width:100px}.mt-md{margin-top:12px}.grid-col-full{grid-column:1 / -1}.text-lg{font-size:18px}.fw-600{font-weight:600}.text-brand-primary{color:var(--brand-primary)}.text-gray-700{color:var(--gray-700)}.mb-lg{margin-bottom:16px}.mt-xl{margin-top:32px}.w-100{width:100px}.text-center{text-align:center}.Ziranly-form-hint{color:var(--gray-400);font-size:11px;margin-top:2px;display:block}.w-100-pct{width:100%}.w-70{width:70px}.Ziranly-form-textarea{width:100%;padding:10px 14px;border-radius:6px;border:1px solid var(--gray-300);font-size:14px;resize:vertical}.sidebar-logo{max-width:172px;height:auto}Date Picker .date-select{height:32px;padding:0 12px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #e5e7eb;background:linear-gradient(339deg,#000,#535353);color:#f9fafb}.date-select::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer}.btn-generate{padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid #22c55e;color:#22c55e;background:transparent;cursor:pointer}.btn-generate:hover{background:#22c55e;color:#fff}.actions-container{display:flex;gap:8px;align-items:center}.split-pane-container{display:flex;flex:1;min-height:0;overflow:hidden;margin:20px 0 0;gap:14px}.split-pane-container.has-gap{gap:15px}.split-pane-left{flex:1;overflow-y:auto;min-height:0;overflow-x:hidden}.split-pane-left.is-split{flex:.46}.split-pane-right{flex:.54;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--white, #ffffff);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--radius);overflow:hidden}.split-pane-action-bar{background:#f8fafb;border-bottom:1px solid var(--gray-200, #e2e8f0)}.split-pane-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#f8fafb;border-bottom:1px solid var(--gray-200, #e2e8f0)}.split-pane-action-bar{padding:12px 20px;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.split-pane-body{padding:24px;flex:1;min-height:0;overflow-y:auto;background:var(--gray-50, #f8fafc)}.detail-card,.detail-card-no-padding{background:var(--white, #ffffff);border-radius:var(--radius);border:1px solid var(--gray-200, #e2e8f0)}.detail-card{padding:20px;margin-bottom:20px}.detail-card-no-padding{overflow:hidden;margin-bottom:24px}.detail-card-grid-2,.detail-card-grid-3{gap:16px}.detail-card-grid-2{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.detail-card-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr}.detail-card-header{padding:14px 20px;border-bottom:1px solid var(--gray-200, #e2e8f0);font-size:12px;color:var(--gray-600, #475569);font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--gray-50, #f8fafc)}.recent-bills-header{display:flex;justify-content:space-between;align-items:center}.detail-card-title-sm{font-size:12px;color:var(--gray-500, #64748b);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.detail-card-value{font-weight:700;font-size:15px;color:var(--gray-900, #0f172a)}.detail-card-subtext{font-size:13px;color:var(--gray-600, #475569);margin-top:6px}.detail-card-edoc{border-radius:var(--radius);padding:20px;border:1px solid var(--gray-200, #e2e8f0);box-shadow:var(--shadow-sm);margin-bottom:24px}.detail-card-edoc-title{font-size:12px;color:#0369a1;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.detail-card-edoc-inner{background:var(--white, #ffffff);border-radius:var(--radius);padding:16px;border:1px solid var(--gray-200, #e2e8f0)}.split-pane-list-item{cursor:pointer;background:var(--white, #ffffff);border-bottom:1px solid var(--gray-200, #e2e8f0);border-left:3px solid transparent}.split-pane-list-item.is-selected{background:#cccfdb;border-left:3px solid #000000}.split-pane-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;line-height:1}.split-pane-btn svg{width:14px;height:14px}.split-pane-btn-secondary{border:1px solid var(--gray-200, #e2e8f0);background:var(--white, #ffffff);color:var(--gray-700, #334155)}.split-pane-btn-primary{border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb}.split-pane-btn-close{background:transparent;border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--radius);padding:6px 12px;cursor:pointer;color:var(--gray-500, #64748b);font-size:12px;font-weight:500}.Ziranly-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .18s ease-out}.Ziranly-modal{background:#fff;border-radius:6px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;max-width:560px}.Ziranly-modal-sm{max-width:400px}.Ziranly-modal-md{max-width:560px}.Ziranly-modal-lg{max-width:760px}.Ziranly-modal-xlg{max-width:1000px}.Ziranly-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.Ziranly-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#0f172a}.Ziranly-modal-close{background:none;border:none;font-size:22px;line-height:1;color:#94a3b8;cursor:pointer;padding:2px 6px;border-radius:6px;transition:color .15s,background .15s}.Ziranly-modal-close:hover{color:#0f172a;background:#f1f5f9}.Ziranly-modal-body{padding:6px 24px;overflow-y:auto;flex:1}.split-pane-title{margin:4px 0 0;color:var(--gray-900);font-size:20px;font-weight:700}.split-pane-action-bar .detail-card{padding:12px 16px;border:1px solid var(--gray-200);border-radius:6px;background:var(--gray-50)}.split-pane-action-bar .Ziranly-add-btn{height:auto;padding:8px 20px;align-self:center}.u-table-wrapper-no-margin{margin-bottom:0}.u-table-cell-pl{padding-left:16px}.u-table-header-actions{width:120px}.u-text-12{font-size:12px}.btn-small{padding:4px 10px;font-size:11px}.btn-tiny{padding:2px 8px;font-size:11px}.btn-blue{background:#3b82f6;color:#fff;border-color:#3b82f6}.detail-card--debit{background:#fff7f7;border-color:#fecaca}.detail-card--credit{background:#f4f8ff;border-color:#bfdbfe}.detail-card--muted{background:var(--gray-50);border-color:var(--gray-200)}.detail-card-border-top{padding-top:12px;border-top:1px solid var(--gray-200)}.po-cancel-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--gray-200);background:var(--white)}.po-cancel-footer .Ziranly-cancel-btn{color:#dc2626;border-color:#fecaca;background:#fef2f2}.po-cancel-footer .Ziranly-cancel-btn:hover{background:#dc2626;color:var(--white);border-color:#dc2626}.Ziranly-bulk-actions-bar .bulk-info{font-size:14px;color:#64748b}.Ziranly-bulk-actions-bar .bulk-buttons{display:flex;gap:12px}.Ziranly-section-title{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.Ziranly-empty-state{padding:24px;text-align:center;color:#94a3b2;background:#f8fafb;border-radius:6px;font-size:13px}.Ziranly-filter-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.Ziranly-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#64748b;cursor:pointer;padding:7px;border-radius:7px;width:34px;height:34px;transition:background .18s ease,color .18s ease}.Ziranly-icon-btn:hover{background:#f1f5f9;color:#0f172a}.Ziranly-monospace{font-family:monospace;font-weight:700}.Ziranly-subtext{color:#94a3b2;font-size:11px}.common-modal-grid{display:grid;grid-template-columns:1.7fr 1.1fr;gap:28px;align-items:start;margin-top:24px}@media(max-width:868px){.common-modal-grid{grid-template-columns:1fr;gap:20px}}.common-section-title{font-size:15px!important;margin:0}.common-label{font-size:13px;font-weight:700;color:var(--gray-700, #334155);margin-bottom:6px;display:inline-block}.common-item-card{position:relative;background:#f8fafc;border-radius:var(--radius, 8px);border:1px solid var(--gray-200, #e2e8f0);padding:var(--space-md, 16px);margin-bottom:var(--space-md, 16px)}.common-item-close{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:1px solid var(--gray-200, #e2e8f0);background:var(--white, #ffffff);color:var(--gray-400, #9ca3af);display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0;cursor:pointer;transition:all .15s ease;z-index:5}.common-item-close:hover{background:var(--gray-50, #f9fafb);color:var(--gray-700, #374151);border-color:var(--gray-300, #cbd5e1)}.common-item-row-grid{display:grid;grid-template-columns:2.2fr 1.2fr .7fr 1fr .9fr;gap:12px;align-items:start}@media(max-width:640px){.common-item-row-grid{grid-template-columns:1fr}}.common-detail-toggle-btn{background:transparent;border:0;cursor:pointer;color:var(--gray-500, #6b7280);font-weight:600;margin-top:var(--space-sm, 8px);padding:0;display:inline-flex;align-items:center;font-size:12px;transition:color .15s ease}.common-detail-toggle-btn:hover{color:var(--gray-800, #1f2937);text-decoration:underline}.common-summary-card{border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--radius, 8px);padding:var(--space-lg, 24px);background:#f8fafc}.common-summary-card h4{margin:0 0 var(--space-md, 16px) 0;font-size:15px!important;font-weight:700;color:var(--gray-900, #111827)}.common-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs, 4px) 0;font-size:13.5px;color:var(--gray-600, #4b5563)}.common-summary-row span{font-weight:600;color:var(--gray-700, #374151)}.common-summary-row strong{color:var(--gray-900, #111827);font-weight:600}.common-summary-input{width:80px;text-align:right;font-weight:600;color:var(--gray-800, #1f2937);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--radius, 8px);padding:6px 10px;height:32px;outline:none;background:var(--white, #ffffff);transition:border-color .15s ease}.common-summary-input:focus{border-color:var(--brand-primary, #000000)}.common-summary-divider{border:none;border-top:1px dashed var(--gray-300, #cbd5e1);margin:16px 0}.common-grand-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xs, 4px);margin-bottom:var(--space-lg, 24px)}.common-grand-total-row span{font-weight:700;color:var(--gray-800, #1f2937);font-size:14.5px}.common-grand-total-row strong{color:var(--gray-900, #111827);font-weight:800;font-size:24px;letter-spacing:-.5px}.common-sidebar-actions{display:flex;gap:var(--space-md, 16px);width:100%}.common-sidebar-actions button{flex:1;height:40px}.ziranly-rlayout-overlay{position:fixed;inset:0;background:#0f172a73;z-index:1050;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.ziranly-rlayout-container{width:100%;max-width:500px;background:#fff;height:100vh;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.ziranly-rlayout-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 20px;border-bottom:1px solid #f1f5f9}.ziranly-rlayout-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.5px}.ziranly-rlayout-subtitle{font-size:12px;color:#64748b;margin:4px 0 0}.ziranly-rlayout-actions{display:flex;align-items:center;gap:12px}.ziranly-rlayout-close{background:transparent;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;display:inline-flex;transition:all .2s}.ziranly-rlayout-close:hover{background:#f1f5f9;color:#0f172a}.ziranly-rlayout-body{flex:1;overflow-y:auto;padding:24px 32px}.ziranly-rlayout-footer{padding:20px 32px;border-top:1px solid #f1f5f9;background:#fff;display:flex;justify-content:flex-start}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.Ziranly-empty-state-wrapper{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px;background:var(--gray-50, #f8fafc);border-radius:12px}.Ziranly-empty-state-card{background:#fff;max-width:600px;width:100%;padding:48px 32px;border-radius:16px;box-shadow:0 10px 40px #0000000a,0 1px 3px #00000005;text-align:center;border:1px solid var(--gray-100, #f1f5f9);display:flex;flex-direction:column;align-items:center}.Ziranly-empty-state-icon{width:80px;height:80px;background:var(--brand-50, #f0fdfa);color:var(--brand-primary, #0f766e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:8px solid var(--brand-50, #f0fdfa);background-clip:padding-box}.Ziranly-empty-state-title{font-size:20px;font-weight:700;color:var(--gray-900, #0f172a);margin:0 0 12px;letter-spacing:-.01em}.Ziranly-empty-state-description{font-size:15px;color:var(--gray-500, #64748b);line-height:1.6;margin:0 0 32px}.Ziranly-empty-state-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:var(--brand-primary, #0f766e);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.Ziranly-empty-state-btn:hover{background:var(--brand-dark, #0d615b);transform:translateY(-1px)}.Ziranly-empty-state-btn:active{transform:translateY(0)}.form-group{margin:20px 0}.Ziranly-kanban-board{display:flex;gap:24px;padding:24px 0;overflow-x:auto;min-height:calc(100vh - 250px);align-items:stretch}.Ziranly-kanban-column{flex:1;min-width:300px;max-width:350px;display:flex;flex-direction:column;gap:16px;padding:12px;border-radius:16px;transition:all .2s ease;border:2px solid transparent}.Ziranly-kanban-column.drag-over{background:#f1f5f9;border:2px dashed #94a3b8}.Ziranly-kanban-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;border-bottom:2px solid #e2e8f0;margin-bottom:8px}.Ziranly-kanban-title{font-size:14px;font-weight:800;color:#1e293b}.Ziranly-kanban-count{background:#e2e8f0;color:#475569;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.Ziranly-kanban-empty{text-align:center;padding:60px 0;color:#94a3b8;font-size:13px;font-weight:500;border:1px dashed #e2e8f0;border-radius:12px;margin-top:8px;background:#fff6}.Ziranly-kanban-card{background:var(--white);border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.Ziranly-kanban-card:hover{box-shadow:0 10px 15px -3px #00000014;transform:translateY(-2px);border-color:#cbd5e1}.Ziranly-kanban-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.Ziranly-kanban-id{font-size:14px;font-weight:800;color:#0f172a}.Ziranly-kanban-amount{font-size:14px;font-weight:800;color:#1e293b}.Ziranly-kanban-customer{margin-bottom:16px}.Ziranly-kanban-customer-name{display:block;font-size:14px;font-weight:700;color:#334155;margin-bottom:2px}.Ziranly-kanban-customer-org{display:block;font-size:12px;color:#94a3b8;font-weight:500}.Ziranly-kanban-card-footer{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid #f1f5f9}.Ziranly-toast-container{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.Ziranly-toast{display:flex;align-items:center;gap:14px;padding:10px 24px 10px 16px;background:#fff;border-radius:100px;box-shadow:0 20px 40px #0000001f,0 5px 15px #0000000d;border:1px solid #e2e8f0;min-width:240px;max-width:90vw;animation:toast-in .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}@keyframes toast-in{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.Ziranly-toast.success{background:#f0fdf4;border-color:#bbf7d0}.Ziranly-toast.error{background:#fef2f2;border-color:#fecaca}.Ziranly-toast.warning{background:#fffbeb;border-color:#fef3c7}.Ziranly-toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;background:#fff;box-shadow:0 2px 8px #0000000d}.Ziranly-toast.success .Ziranly-toast-icon{color:#10b981}.Ziranly-toast.error .Ziranly-toast-icon{color:#ef4444}.Ziranly-toast.warning .Ziranly-toast-icon{color:#f59e0b}.Ziranly-toast-message{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap}.Ziranly-dashboard{display:flex;height:100vh;overflow:hidden}.Ziranly-sidebar{width:240px;min-width:240px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;position:sticky;top:0;height:100vh;z-index:10}.sidebar-nav-item:hover{background:var(--gray-50);color:var(--gray-800)}.Ziranly-board-container{display:flex;align-items:stretch;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-md);flex:1}.Ziranly-board-column{flex:0 0 300px;background:var(--gray-50);border-radius:var(--radius);display:flex;flex-direction:column}.Ziranly-board-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:12px;cursor:grab;box-shadow:var(--shadow-sm)}.Ziranly-board-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.Ziranly-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:500;padding:var(--space-lg);overflow-y:auto}.Ziranly-modal{width:100%;max-width:680px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xl);overflow:visible;margin:auto}.Ziranly-customers-split{flex:1;display:grid}@media(min-width:768px){.Ziranly-customers-split.has-detail{grid-template-columns:360px 1fr;gap:var(--space-lg)}}.Ziranly-customer-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px}.Ziranly-customer-card.active{border-color:var(--brand-primary);background:var(--brand-primary-lighter)}.settings-container{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.settings-sidebar{background:#fff;border-right:1px solid var(--gray-200);padding:var(--space-sm)}.settings-nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--radius);cursor:pointer}.settings-nav-item.active{background:var(--brand-primary-lighter)}.settings-panel{margin:var(--space-lg)}.profile-photo-avatar{width:80px;height:80px;border-radius:50%;background:var(--brand-primary-lighter);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800}.Ziranly-portal-hero{background:var(--brand-gradient-hero);border-radius:var(--radius);padding:var(--space-xl) var(--space-2xl);color:#fff;margin-bottom:var(--space-xl)}.Ziranly-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--gray-200)}.Ziranly-calendar-cell{background:#fff;min-height:120px;padding:var(--space-md)}.Ziranly-settings-container{display:flex;gap:20px;align-items:stretch;height:calc(100vh - 120px);overflow:hidden}.Ziranly-settings-sidebar{width:280px;flex-shrink:0;overflow-y:auto;padding-right:12px;display:flex;flex-direction:column;gap:28px}.Ziranly-settings-sidebar::-webkit-scrollbar{width:4px}.Ziranly-settings-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.Ziranly-settings-nav{display:flex;flex-direction:column;min-height:100%}.Ziranly-settings-nav-section{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.Ziranly-settings-nav-title{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:0 16px;margin-bottom:6px}.Ziranly-settings-nav-item{display:flex;flex-direction:column;padding:10px 16px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;text-align:left;width:100%;outline:none}.Ziranly-settings-nav-item:hover{background:#f1f5f9}.Ziranly-settings-nav-item.active{background:#e2e8f0}.Ziranly-settings-nav-label{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:1px}.Ziranly-settings-nav-sub{font-size:11.5px;color:#64748b;font-weight:500;line-height:1.4}.Ziranly-settings-content{flex:1;background:#fff;overflow-y:auto}.Ziranly-settings-content::-webkit-scrollbar{width:6px}.Ziranly-settings-content::-webkit-scrollbar-thumb{background:#f1f5f9;border-radius:10px}.Ziranly-settings-content:hover::-webkit-scrollbar-thumb{background:#e2e8f0}.Ziranly-settings-panel{display:flex;flex-direction:column;gap:0;padding:0 30px 30px}.Ziranly-settings-panel-body{display:flex;flex-direction:column}.Ziranly-module-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;gap:20px}.Ziranly-module-link-card p{font-size:16px;color:#64748b;max-width:400px;line-height:1.6}.Ziranly-settings-header{margin-bottom:36px}.Ziranly-settings-title{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:6px;letter-spacing:-.02em}.Ziranly-settings-subtitle{font-size:14px;color:#64748b;font-weight:500}.Ziranly-logo-upload-section{display:flex;align-items:center;gap:32px;margin-bottom:40px}.Ziranly-logo-box{width:120px;height:120px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;padding:16px;position:relative;box-shadow:0 4px 12px #0000000a}.Ziranly-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.Ziranly-compliance-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.Ziranly-compliance-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000008}.Ziranly-compliance-card.is-active{border-color:#0ea5e9!important}.Ziranly-compliance-card.is-active-success{border-color:#10b981!important}.Ziranly-toggle-switch{position:relative;width:44px;height:24px}.Ziranly-toggle-switch input{opacity:0;width:0;height:0}.Ziranly-toggle-switch:before{content:"";position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.4s;border-radius:34px}.Ziranly-toggle-switch:has(input:checked):before{background-color:#0ea5e9}.Ziranly-toggle-switch:after{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.Ziranly-toggle-switch:has(input:checked):after{transform:translate(20px)}.Ziranly-api-credentials-box{margin-top:24px}.Ziranly-api-section{display:flex;flex-direction:column}.Ziranly-split-container{display:flex;flex:1;min-height:0;overflow:hidden;gap:14px;box-shadow:var(--shadow-sm);margin-top:10px}.Ziranly-split-container.is-table .Ziranly-split-list{min-width:420px;width:auto;overflow-y:auto}.Ziranly-split-list{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--gray-25);overflow-y:auto}.Ziranly-split-list-item{padding:16px 20px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:all .2s;background:transparent}.Ziranly-split-list-item:hover{background:var(--gray-50)}.Ziranly-split-list-item.is-active{background:#eaecf0;border-left:4px solid var(--brand-primary);padding-left:16px}.Ziranly-split-list-item .item-title{display:block;font-weight:700;color:var(--gray-900);font-size:14px;margin-bottom:4px}.Ziranly-split-list-item .item-subtitle{display:block;font-size:12px;color:var(--gray-500)}.Ziranly-split-pane{width:54%;min-width:450px;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:Ziranly-split-slide-in .3s ease-out;border:1px solid var(--gray-200);border-radius:var(--radius)}@keyframes Ziranly-split-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.Ziranly-split-header{padding:20px 24px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;background:var(--white)}.Ziranly-split-title{font-size:18px;font-weight:800;color:var(--gray-900)}.Ziranly-split-content{flex:1;overflow-y:auto;padding:24px}.Ziranly-split-actions{padding:14px 24px;border-bottom:1px solid var(--gray-100);background:var(--white);display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.detail-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-xs)}.detail-card-no-padding{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius);margin-bottom:20px;overflow:hidden;box-shadow:var(--shadow-xs)}.detail-card-header{padding:14px 20px;border-bottom:1px solid var(--gray-100);background:var(--gray-50);font-weight:700;color:var(--gray-800);font-size:13px;text-transform:uppercase;letter-spacing:.03em}.detail-card-title-sm{font-size:10px;font-weight:600;color:var(--gray-400);text-transform:uppercase;margin-bottom:6px;letter-spacing:.05em}.detail-card-value{font-size:14px;font-weight:700;color:var(--gray-900);line-height:1.4}.detail-card-subtext{font-size:12px;color:var(--gray-500);margin-top:4px}.detail-card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.detail-card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.detail-card-edoc{background:#f8fafc;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:20px}.detail-card-edoc-title{font-size:13px;font-weight:700;color:var(--gray-800);margin-bottom:12px;display:flex;align-items:center;gap:8px}.detail-card-edoc-inner{background:var(--white);border:1px solid var(--gray-200);border-radius:6px;padding:12px}.detail-table{width:100%;border-collapse:collapse;font-size:12px}.detail-table thead{background:var(--gray-50)}.detail-table th{padding:10px 16px;text-align:left;color:var(--gray-500);font-weight:600;border-bottom:1px solid var(--gray-100)}.detail-table td{padding:12px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-50);vertical-align:top}.detail-table tr:last-child td{border-bottom:none}.detail-table .text-right{text-align:right}.detail-table .text-center{text-align:center}.detail-table .font-bold{font-weight:700}.detail-table .font-semibold{font-weight:600}.detail-table .text-gray-900{color:var(--gray-900)}.detail-table .text-gray-400{color:var(--gray-400)}.detail-table-footer{padding:16px 20px;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:32px}.detail-table-total-item{text-align:right}.detail-table-total-label{font-size:10px;color:var(--gray-500);text-transform:uppercase;margin-bottom:4px;font-weight:600;letter-spacing:.05em}.detail-table-total-value{font-weight:700;color:var(--gray-800);font-size:14px}.detail-table-total-value.is-grand{font-size:16px;color:var(--brand-primary);font-weight:800}.activity-list{margin-top:16px;position:relative}.activity-list:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--gray-100)}.activity-item{position:relative;padding-left:24px;padding-bottom:24px}.activity-dot{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #4a7c6f;z-index:2}.activity-content{background:var(--gray-50);padding:12px 16px;border-radius:6px;border:1px solid var(--gray-100)}.activity-desc{font-size:13px;color:var(--gray-800)}.sla-alert{color:var(--danger)}.follow-up-today-icon{color:var(--warning)}.follow-up-overdue-icon{color:var(--danger)}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 64px;--primary-color: #4f46e5;--sidebar-bg: #ffffff;--sidebar-header-bg: #ffffff;--sidebar-footer-bg: #f9fafb;--nav-item-hover: #f3f4f6;--nav-item-active-bg: #eef2ff;--nav-item-active-color: #4f46e5;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--header-bg: #ffffff;--main-bg: #f9fafb}.Ziranly-dashboard-container{display:flex;height:100vh;overflow:hidden;background-color:var(--main-bg);font-family:Inter,system-ui,-apple-system,sans-serif}.Ziranly-sidebar{width:var(--sidebar-width);height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:50;flex-shrink:0;position:sticky;top:0}.sidebar-collapsed .Ziranly-sidebar,.Ziranly-sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)!important}.sidebar-header{padding:0 16px;height:var(--topbar-height);display:flex;align-items:center;border-bottom:1px solid #e5e7eb;background-color:#fff;flex-shrink:0;justify-content:center}.sidebar-logo-container{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-logo{height:32px;width:auto;max-width:160px;object-fit:contain}.dynamic-logo-container{display:flex;align-items:center;gap:10px;overflow:hidden}.dynamic-logo-avatar{width:32px;height:32px;background-color:var(--primary-color);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.dynamic-logo-text{font-weight:700;font-size:1.05rem;color:#111827;white-space:nowrap}.sidebar-toggle{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.sidebar-toggle:hover{background-color:#f3f4f6;color:#111827}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#e5e7eb}.sidebar-nav-group{margin-bottom:2px}.sidebar-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:7px;border:none;border-left:3px solid transparent;background:transparent;color:#4b5563;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;font-size:13px;font-weight:500;text-align:left}.sidebar-nav-item:hover{background-color:#f3f4f6;color:#111827}.sidebar-nav-item.active{background-color:#eaecf0;color:#111827;font-weight:700}.sidebar-nav-label{display:flex;align-items:center;gap:10px;white-space:nowrap}.sidebar-nav-label svg{width:16px;height:16px}.submenu-chevron{transition:transform .25s ease;color:#9ca3af;flex-shrink:0}.submenu-chevron.open{transform:rotate(180deg)}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;list-style:none;padding:4px 0 6px 12px;margin:2px 0 2px 22px;border-left:2px solid #e5e7eb}.sidebar-submenu li{margin-bottom:1px}.sidebar-submenu button{width:100%;text-align:left;padding:8px 10px;border-radius:5px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.sidebar-submenu button:hover,.sidebar-submenu button.active{color:#111827;background-color:#f3f4f6}.sidebar-footer{padding:10px;border-top:1px solid #e5e7eb;background-color:#f9fafb;flex-shrink:0}.sidebar-profile-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;transition:background-color .2s,border-color .2s;overflow:hidden}.sidebar-profile-btn:hover{background-color:#fff;border-color:#e5e7eb;box-shadow:0 1px 4px #0000000f}.profile-avatar{width:34px;height:34px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;border:2px solid #e5e7eb}.profile-info{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;flex:1}.profile-name{font-size:13px;font-weight:700;color:#111827;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.profile-role{font-size:11px;color:#6b7280;text-transform:capitalize;font-weight:500;line-height:1.3}.Ziranly-main-header{height:var(--topbar-height);padding:0 1.5rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:100;width:100%}.header-left{display:flex;align-items:center}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem}.breadcrumb-item{color:var(--text-secondary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--border-color)}.header-right{display:flex;align-items:center;gap:12px}button.header-action-btn{position:relative;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-action-btn:hover{background-color:var(--nav-item-hover);color:var(--text-primary)}.header-divider{width:1px;height:24px;background-color:var(--border-color);margin:0 4px}.Ziranly-main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.Ziranly-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--main-bg);scrollbar-width:thin}.Ziranly-content-inner{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.Ziranly-tab-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.Ziranly-main-content::-webkit-scrollbar{width:6px}.Ziranly-main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.Ziranly-modal-overlay{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section{padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.settings-section h3{font-size:16px;font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;gap:8px;color:var(--gray-800)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--gray-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--brand-primary)}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(22px)}.payroll-btn{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center;color:var(--gray-500)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-lg);opacity:.3}.payroll-filter-field select{width:100%;padding:8px 12px;border:1px solid var(--brand-primary-dark);font-size:14px}.payroll-filter-bar{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:20px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.payroll-filter-field{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px}.payroll-filter-field-wide{flex:2}.payroll-filter-label{font-size:12px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.payroll-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.payroll-loans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.payroll-structures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.payroll-row-between.mb-sm{margin-bottom:4px}.payroll-row-between.mb-md{margin-bottom:10px}.payroll-row-between.mb-lg{margin-bottom:12px}.payroll-card-actions .payroll-btn{flex:1}.payroll-info-banner{padding:16px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:6px;display:flex;gap:12px;align-items:flex-start}.payroll-info-banner-title{font-weight:700;color:#0369a1;font-size:14px;margin-bottom:4px}.payroll-info-banner-text{font-size:12px;color:#0369a1;line-height:1.5;margin:0}.payroll-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.Ziranly-wizard-steps{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:900px;margin:0 auto 48px}.Ziranly-wizard-steps:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:var(--gray-100);z-index:1}.Ziranly-wizard-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.Ziranly-wizard-step-icon{width:44px;height:44px;border-radius:6px;background:var(--white);border:2px solid var(--gray-100);color:var(--gray-400);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.Ziranly-wizard-step-icon.active{border-color:var(--brand-primary);color:var(--brand-primary);transform:scale(1.15);box-shadow:0 10px 15px -3px #3b82f633}.Ziranly-wizard-step-icon.completed{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--white)}.Ziranly-wizard-step-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);transition:color .3s}.Ziranly-wizard-step.active .Ziranly-wizard-step-label{color:var(--gray-900)}.Ziranly-wizard-footer{display:flex;justify-content:space-between;align-items:center}.Ziranly-table{width:100%;border-collapse:separate;border-spacing:0}.Ziranly-table th{background:var(--gray-50);padding:8px 16px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);border-bottom:1px solid var(--gray-100);text-align:left}.Ziranly-table td{padding:16px;border-bottom:1px solid var(--gray-50);vertical-align:middle}.Ziranly-table tr:last-child td{border-bottom:none}.payroll-badge{padding:4px 8px;font-size:11px;font-weight:700;display:inline-block;white-space:nowrap;border-radius:4px}.payroll-badge.is-pill{border-radius:6px}.payroll-badge.is-approved{background:#dcfce7;color:#166534}.payroll-badge.is-paid{background:#dbeafe;color:#1e40af}.payroll-badge.is-default{background:var(--gray-100);color:var(--gray-600)}.payroll-badge.is-regime-new{background:#f0fdf4;color:#166534}.payroll-badge.is-regime-old{background:#fffbeb;color:#92400e}.empty-state-icon{width:48px;height:48px;background:var(--gray-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--gray-300)}.Ziranly-comp-card-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media(min-width:768px){.Ziranly-comp-card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.Ziranly-comp-card-grid{grid-template-columns:repeat(4,1fr)}}.Ziranly-comp-card{background:var(--white);border-radius:var(--radius);border-left:4px solid var(--gray-200);padding:24px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.Ziranly-comp-card.type-earning{border-left-color:#10b981}.Ziranly-comp-card.type-deduction{border-left-color:#ef4444}.Ziranly-comp-card.type-contribution{border-left-color:#3b82f6}.Ziranly-comp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.Ziranly-comp-card.is-inactive{opacity:.6;filter:grayscale(.5);border-left-color:var(--gray-300)}.badge.taxable{background:#f3f4f6;color:#4b5563}.badge.pf{background:#dbeafe;color:#1e40af}.badge.esi{background:#f3e8ff;color:#7e22ce}.badge.gratuity{background:#ffedd5;color:#9a3412}.badge.bonus{background:#fce7f3;color:#9d174d}.badge.lwf{background:#fef9c3;color:#854d0e}.Ziranly-comp-card-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--gray-50);color:var(--gray-400);border:none;cursor:pointer;transition:all .2s}.Ziranly-comp-card-btn:hover{background:var(--gray-100);color:var(--gray-900)}.Ziranly-comp-card-btn.delete:hover{background:#fee2e2;color:#dc2626}.tab-badge{background:var(--gray-100);color:var(--gray-600);font-size:10px;padding:2px 6px;border-radius:6px;margin-left:8px;font-weight:800}.active .tab-badge{background:var(--brand-primary);color:var(--white)}.employees-profile-panel{background:#fff;border-radius:6px;padding:24px;border:1px solid var(--gray-200);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.employees-th-actions{width:80px}.employees-code-cell{font-weight:700;font-family:monospace;font-size:12px;color:var(--gray-500)}.employees-name-cell{font-weight:600;font-size:14px}.employees-secondary-cell{color:var(--gray-500);font-size:13px}.employees-small-cell{font-size:13px}.employees-dept-badge{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#eef2ff;color:#4f46e5}.employees-role-chip{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.employees-role-chip--admin{background:#f1f5f9;border:1px solid #CBD5E1;color:#0f172a}.employees-role-chip--default{background:#fff;border:1px solid #E2E8F0;color:#64748b}.employees-status-badge{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700}.employees-status-badge--active{background:#dcfce7;color:#16a34a}.employees-status-badge--inactive{background:#fee2e2;color:#dc2626}.employees-empty-td{text-align:center;padding:40px;color:var(--gray-400)}.employees-row-clickable{cursor:pointer}.employees-profile-header{display:flex;align-items:center;gap:12px}.employees-profile-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.employees-profile-card{background:#fff;border:1px solid var(--gray-100);border-radius:6px;padding:16px;display:flex;gap:12px;align-items:flex-start}.employees-profile-card-icon{font-size:18px}.employees-profile-card-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.employees-profile-card-value{font-size:15px;font-weight:600;color:var(--gray-800);margin-top:2px}.employees-leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.employees-leave-balance-card{background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:16px}.employees-leave-balance-title{font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:12px}.employees-leave-balance-row{display:flex;justify-content:space-between;font-size:12px;color:var(--gray-500);margin-bottom:8px}.employees-table-empty-td{text-align:center;padding:20px;color:var(--gray-400)}.employees-table-bold-cell{font-weight:600}.employees-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.employees-group-card{border-radius:6px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;transition:all .15s;cursor:pointer}.employees-group-card--default{background:#fff;border:1px solid var(--gray-100)}.employees-group-card--selected-dept{background:#eef2ff;border:1px solid #4F46E5}.employees-group-card--selected-desig{background:#fffbeb;border:1px solid #D97706}.employees-group-card-inner{display:flex;align-items:center;gap:12px}.employees-group-icon-bubble{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.employees-group-icon-bubble--dept{background:#eef2ff}.employees-group-icon-bubble--dept-active{background:#c7d2fe}.employees-group-icon-bubble--desig{background:#fef3c7}.employees-group-icon-bubble--desig-active{background:#fde68a}.employees-group-card-name{font-weight:600;font-size:14px;color:var(--gray-800)}.employees-group-card-count{font-size:12px;color:var(--gray-400);margin-top:1px}.employees-group-card-arrow{font-size:16px;color:var(--gray-300)}.employees-group-empty{padding:48px;text-align:center;background:#fff;border-radius:6px;border:1px dashed var(--gray-200)}.employees-group-empty-icon{font-size:32px;margin-bottom:8px}.employees-group-empty-title{font-size:14px;font-weight:600;color:var(--gray-600);margin-bottom:4px}.employees-group-empty-hint{font-size:13px;color:var(--gray-400)}.employees-detail-pane{background:#fff;border:1px solid var(--gray-100);border-radius:6px;padding:20px;margin-top:16px}.employees-detail-pane-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.employees-detail-pane-left{flex:1}.employees-detail-pane-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.employees-detail-pane-icon{font-size:20px}.employees-detail-pane-title{margin:0;font-size:18px;font-weight:700}.employees-detail-pane-count{font-size:13px;color:var(--gray-400);margin-left:28px}.employees-detail-pane-actions{display:flex;gap:6px}.employees-inline-edit-row{display:flex;gap:6px;align-items:center;flex:1}.employees-inline-edit-input{padding:6px 10px;border:1px solid var(--gray-200);border-radius:6px;font-size:16px;font-weight:700;flex:1;max-width:300px;outline:none}.employees-inline-edit-input:focus{border-color:var(--brand-primary)}.employees-detail-btn{padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.employees-detail-btn--save{background:var(--gray-800);color:#fff}.employees-detail-btn--cancel{background:var(--gray-100);color:var(--gray-600)}.employees-detail-btn--edit-dept{background:#eef2ff;color:#4f46e5}.employees-detail-btn--edit-desig{background:#fffbeb;color:#d97706}.employees-detail-btn--delete{background:#fef2f2;color:#dc2626}.employees-detail-btn--close{padding:6px 10px;background:var(--gray-100);color:var(--gray-500);border:none;border-radius:6px;font-size:13px;cursor:pointer}.employees-detail-pane-empty{padding:32px;text-align:center;color:var(--gray-400);background:var(--gray-50);border-radius:6px;border:1px dashed var(--gray-200)}.employees-admins-banner{margin-bottom:24px;background:#f8fafc;padding:16px;border-radius:6px;border:1px solid #E2E8F0}.employees-admins-banner-title{margin:0 0 8px;color:#1e293b;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.employees-admins-banner-desc{margin:0;font-size:13px;color:#64748b}.employees-admins-code-cell{font-weight:500}.employees-admins-name-wrap{font-weight:500;color:#334155}.employees-admins-desig-sub{font-size:12px;color:#64748b}.employees-roles-name-cell{display:flex;align-items:center;gap:8px}.employees-roles-system-icon{color:#f59e0b}.employees-roles-role-name{font-weight:500}.employees-roles-perm-text{font-size:13px;color:#68748b}.employees-roles-perm-text-sm{font-size:12px;color:#68748b}.employees-roles-form-panel{background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:24px}.employees-roles-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #E2E8F0;padding-bottom:12px}.employees-roles-form-actions{display:flex;gap:8px}.employees-roles-name-field{max-width:400px;margin-bottom:24px}.employees-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.employees-permission-module-card{border:1px solid #E2E8F0;border-radius:6px;padding:16px}.employees-permission-module-title{margin:0 0 12px;border-bottom:1px solid #F1F5F9;padding-bottom:8px;font-size:14px;font-weight:600}.employees-permission-actions-wrap{display:flex;flex-wrap:wrap;gap:12px}.employees-permission-action-text{text-transform:capitalize}.employees-roles-empty-td{text-align:center;padding:24px;color:#64748b}.employees-roles-form-header h3{margin:0}.employees-roles-perms-heading{margin-bottom:16px}.employees-th-30pct{width:30%}.employees-th-10pct{width:10%}.Ziranly-header-actions{display:flex;align-items:center;gap:8px}.hrs-loading{padding:2rem;text-align:center;color:var(--gray-400)}.hrs-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0 0;height:100%;min-height:0}.hrs-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.hrs-full-width{grid-column:1 / -1}.hrs-section{display:flex;flex-direction:column;gap:1rem}.hrs-section-title{font-size:.8125rem;font-weight:700;color:var(--gray-700);padding-bottom:.375rem;border-bottom:1px solid var(--gray-100);margin:0}.hrs-section-title--nested{border-bottom:none;padding-bottom:0;color:var(--gray-500)}.hrs-field-group{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-bottom:16px}.hrs-field-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-bottom:.3rem}.hrs-field-hint{font-size:.625rem;color:var(--gray-400);margin-top:.25rem;margin-bottom:0}.hrs-inline-group{display:flex;gap:1rem}.hrs-inline-item{flex:1}.hrs-checkbox-box{display:flex;flex-direction:column;gap:.625rem;padding:.875rem 1rem;background:var(--gray-50);border-radius:6px}.hrs-checkbox-row{display:flex;align-items:center;gap:.625rem;cursor:pointer}.hrs-checkbox{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.hrs-checkbox-label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.hrs-conditional-field{margin-top:.5rem}.hrs-days{display:flex;flex-wrap:wrap;gap:.5rem}.hrs-day-btn{padding:.375rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid var(--brand-primary);background:#fff;color:var(--brand-primary);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.hrs-day-btn:hover{border-color:var(--gray-300)}.hrs-day-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 1px 4px #0000001f}.hrs-rating-row{display:flex;align-items:center;gap:.625rem}.hrs-rating-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%;font-size:.6875rem;font-weight:700;color:var(--gray-500);flex-shrink:0}.hrs-footer{display:flex;flex-shrink:0;justify-content:flex-end;background:var(--white)}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--gray-200);border:1px solid var(--gray-200);border-radius:6px;overflow:hidden}.attendance-calendar-header{background:#f8fafc;padding:10px;text-align:center;font-size:10px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.attendance-calendar-day{background:#fff;min-height:100px;padding:10px;transition:background .15s;display:flex;flex-direction:column}.attendance-calendar-day:hover{background:#f8fafc}.attendance-calendar-day-num{font-size:12px;font-weight:700;color:var(--gray-400)}.attendance-calendar-day-empty{background:#fff;min-height:100px}.attendance-status-dot{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;margin-top:4px}.employees-compensation-tab{padding:16px 0}.employees-salary-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--gray-50);border-radius:6px;border:1px dashed var(--gray-200);text-align:center}.employees-salary-empty-state .empty-icon{color:var(--gray-300);margin-bottom:20px}.employees-salary-empty-state h5{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--gray-800)}.employees-salary-empty-state p{color:var(--gray-500);max-width:400px;margin:0;font-size:14px}.employees-salary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.employees-salary-active-card{background:#fff;border:1px solid var(--gray-200);border-radius:6px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.employees-salary-active-card .card-top{padding:24px;background:linear-gradient(135deg,#f8faff,#fff)}.employees-salary-active-card .active-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--success);background:var(--success-light);padding:4px 10px;border-radius:6px;margin-bottom:16px}.employees-salary-active-card .structure-name{font-size:14px;font-weight:600;color:var(--gray-500);margin-bottom:4px}.employees-salary-active-card .salary-amount{font-size:32px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.employees-salary-active-card .salary-amount small{font-size:16px;font-weight:500;color:var(--gray-400)}.employees-salary-active-card .card-footer{padding:16px 24px;background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;gap:20px}.employees-salary-active-card .footer-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray-500)}.footer-item b{color:var(--gray-800)}.employees-salary-breakdown{background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:24px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.breakdown-header h5{margin:0;font-size:14px;font-weight:700;color:var(--gray-800);text-transform:uppercase;letter-spacing:.5px}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--gray-50)}.breakdown-item:last-child{border-bottom:none}.breakdown-item .item-name{display:block;font-size:14px;font-weight:600;color:var(--gray-800)}.breakdown-item .item-type{font-size:11px;color:var(--gray-400);text-transform:capitalize}.breakdown-item .item-amount{font-size:15px;font-weight:700;color:var(--gray-900)}.employees-salary-history{margin-top:12px;background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:24px}.employees-salary-history h5{margin:0 0 24px;font-size:15px;font-weight:700;color:var(--gray-800)}.history-timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px}.timeline-marker{display:flex;flex-direction:column;align-items:center}.marker-dot{width:12px;height:12px;border-radius:50%;background:var(--gray-200);border:2px solid #fff;box-shadow:0 0 0 1px var(--gray-200);position:relative;z-index:1}.marker-dot.active{background:var(--success);box-shadow:0 0 0 4px var(--success-light)}.marker-dot.pending{background:var(--warning);box-shadow:0 0 0 4px var(--warning-light)}.marker-dot.replaced{background:var(--gray-300);box-shadow:0 0 0 2px var(--gray-100)}.marker-line{width:2px;flex:1;background:var(--gray-100);margin:4px 0}.timeline-content{flex:1;padding-bottom:32px}.timeline-item:last-child .timeline-content{padding-bottom:0}.history-ctc{font-size:16px;font-weight:700;color:var(--gray-900)}.history-reason{margin-left:8px;background:var(--gray-100);color:var(--gray-600);font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.history-date{font-size:12px;color:var(--gray-400)}.history-notes{margin:8px 0 0;font-size:13px;color:var(--gray-500);font-style:italic}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--gray-700)}.radio-label input{margin:0}.modal-pane-left{background:#fff}.modal-pane-right{background:#fdfdfd;border-left:1px solid var(--gray-200)}.onboarding-preview-container{height:100%}.preview-header h4{color:var(--gray-800);letter-spacing:-.02em}.summary-card{transition:transform .2s cubic-bezier(.4,0,.2,1)}.summary-card:hover{transform:translateY(-2px)}.preview-item{transition:background .15s ease}.preview-item:hover{background:var(--gray-50)}.preview-list::-webkit-scrollbar{width:6px}.preview-list::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:6px}.preview-list::-webkit-scrollbar-track{background:transparent}.animate-in{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){#employeeForm{flex-direction:column!important}.modal-pane-left,.modal-pane-right{flex:none!important;width:100%!important;border-top:1px solid var(--gray-200)}}.employees-roles-template-bar{margin-bottom:24px;background:var(--gray-50);padding:16px;border-radius:6px;border:1px solid var(--gray-100)}.employees-roles-template-label{display:block;font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;margin-bottom:12px;letter-spacing:.5px}.employees-roles-template-btns{display:flex;gap:8px;flex-wrap:wrap}.employees-roles-template-btn{padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:6px;font-size:12px;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.employees-roles-template-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--gray-50)}.employees-permission-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:80px;padding:8px 12px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:var(--gray-50)}.employees-permission-action-text{font-size:12px;font-weight:600;color:var(--gray-600)}.employees-permission-scope-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.scope-none{border-color:var(--gray-100);opacity:.6}.scope-company .employees-permission-action-text{color:#1e40af}.scope-company .employees-permission-scope-badge{background:#3b82f6;color:#fff}.scope-team .employees-permission-action-text{color:#15803d}.scope-team .employees-permission-scope-badge{background:#22c55e;color:#fff}.scope-self .employees-permission-action-text{color:#92400e}.scope-self .employees-permission-scope-badge{background:#f59e0b;color:#fff}.employees-permission-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.coa-container{padding:0;font-family:var(--font-main);display:flex;flex-direction:column}.coa-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.coa-detail-panel{width:400px;background:#fff;border-left:1px solid var(--gray-200);box-shadow:-4px 0 15px #0000000d;overflow-y:auto;padding:24px;position:fixed;right:0;top:56px;bottom:0;z-index:10;transform:translate(100%);transition:transform .3s ease}.coa-detail-panel.open{transform:translate(0)}.coa-detail-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--gray-400)}.coa-item-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;color:var(--gray-400)}.coa-folder-icon{color:var(--brand-primary);opacity:.7}.coa-lock-icon{font-size:12px;color:var(--gray-400);margin-left:4px}.coa-table{width:100%;border-collapse:collapse}.coa-table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.coa-table tr:hover{background-color:var(--gray-50);cursor:pointer}.coa-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100);font-size:14px}.coa-account-name-cell{display:flex;align-items:center}.coa-account-name{font-weight:500;color:var(--text-primary)}.coa-account-code{color:var(--gray-500);font-family:var(--font-mono);font-size:12px}.coa-detail-header{margin-bottom:24px}.coa-detail-tag{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--brand-primary);background:var(--brand-secondary);padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}.coa-detail-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.coa-detail-balance{font-size:28px;font-weight:800;color:var(--text-primary);margin:16px 0}.coa-detail-balance span{font-size:14px;font-weight:600;color:var(--gray-500);margin-left:4px}.coa-detail-section{margin-top:32px}.coa-detail-section h4{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--gray-700);display:flex;justify-content:space-between;align-items:center}.coa-history-table{width:100%;font-size:12px}.coa-history-table th{background:none;border-bottom:1px solid var(--gray-200);padding:8px 4px}.coa-history-table td{padding:10px 4px}.coa-more-link{color:var(--brand-primary);text-decoration:none;font-weight:600;font-size:13px}.coa-edit-btn{padding:6px 16px;background:#fff;border:1px solid var(--gray-300);border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}.journal-total.balanced{border-color:var(--green-500);background:var(--green-50)}.total-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.total-row strong{font-family:var(--font-mono)}.total-row.diff{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-200)}.Ziranly-search{padding:12px;border-radius:6px}.tour-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;transition:background .3s ease}.tour-overlay.active{pointer-events:auto}.tour-overlay.with-spotlight.active{background:#0000004d}.tour-spotlight-mask{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.tour-modal.slack-style{position:absolute;width:400px;background:#fff;border-radius:6px;box-shadow:0 12px 48px #00000040;overflow:visible;opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);z-index:10001}.tour-modal.slack-style.active{opacity:1}.tour-modal.pos-center{top:50%;left:50%;transform:translate(-50%,-50%) scale(.9)}.tour-modal.pos-center.active{transform:translate(-50%,-50%) scale(1)}.tour-modal.pos-right{transform:translateY(-50%) translate(10px)}.tour-modal.pos-right.active{transform:translateY(-50%) translate(0)}.tour-modal.pos-bottom{transform:translate(-50%) translateY(10px)}.tour-modal.pos-bottom.active{transform:translate(-50%) translateY(0)}.tour-arrow{position:absolute;width:16px;height:16px;background:#fff;transform:rotate(45deg);z-index:-1}.pos-right .tour-arrow{left:-8px;top:50%;transform:translateY(-50%) rotate(45deg)}.pos-bottom .tour-arrow{top:-8px;left:50%;transform:translate(-50%) rotate(45deg)}.tour-modal-inner{position:relative;border-radius:6px;overflow:hidden}.tour-close-btn-minimal{position:absolute;top:12px;right:12px;width:24px;height:24px;border:none;background:#0003;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:10}.tour-header-image{position:relative;height:180px;display:flex}.tour-accent-bar{width:12px;height:100%}.tour-header-image img{flex:1;width:100%;height:100%;object-fit:cover}.tour-body{padding:24px}.tour-title{font-size:18px;font-weight:800;color:#1d1c1d;margin-bottom:8px}.tour-description{font-size:15px;line-height:1.5;color:#616061;margin-bottom:24px}.tour-footer{display:flex;align-items:center;justify-content:space-between}.tour-maybe-later{background:transparent;border:1px solid #dddddd;color:#1d1c1d;font-weight:700;font-size:13px;padding:8px 16px;border-radius:4px;cursor:pointer}.tour-footer-right{display:flex;align-items:center;gap:16px}.tour-step-counter{font-size:13px;color:#616061}.tour-action-btn{background:#007a5a;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s}.tour-action-btn:hover{background:#005a44}.global-search-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;display:flex;align-items:flex-start;justify-content:center;padding-top:100px}.global-search-modal{width:100%;max-width:640px;background:#fff;border-radius:6px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;animation:slideDownFade .2s ease-out}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #f1f5f9}.search-icon{color:#94a3b8;margin-right:16px}.search-input-wrapper input{flex:1;border:none;font-size:18px;color:#1e293b;outline:none;background:transparent}.search-kbd{font-size:11px;font-weight:700;color:#94a3b8;padding:4px 8px;background:#f1f5f9;border-radius:4px;margin-left:12px}.search-results-area{max-height:400px;overflow-y:auto;padding:8px}.result-item{display:flex;align-items:center;padding:12px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.result-item.selected{background:#f8fafc}.result-type-icon{width:40px;height:40px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:16px}.result-info{flex:1}.result-title{font-size:15px;font-weight:600;color:#1e293b}.result-subtitle{font-size:13px;color:#64748b}.result-badge{font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.result-item.selected .result-type-icon{background:#e2e8f0}.result-item.selected .result-title{color:#4a7c6f}.search-empty{padding:40px;text-align:center;color:#64748b;font-size:15px}.search-placeholders{padding:32px 24px}.placeholder-hint{font-size:13px;color:#94a3b8;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.placeholder-tags{display:flex;gap:8px}.placeholder-tags span{padding:6px 12px;background:#f1f5f9;color:#64748b;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.placeholder-tags span:hover{background:#e2e8f0;color:#1e293b}.search-footer{padding:12px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:24px}.footer-item{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.footer-item span{font-weight:700;color:#64748b}.search-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#4a7c6f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-panel-overlay{position:fixed;inset:0;z-index:999;background:transparent}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:520px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:6px;border:1px solid rgba(226,232,240,.8);box-shadow:0 20px 60px #0000001f,0 8px 24px #0000000f,0 0 0 1px #00000005;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:notifSlideIn .25s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f1f5f9}.notification-panel-header h3{margin:0;font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.notification-panel-header .notif-mark-all{font-size:12px;font-weight:500;color:#3b82f6;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.notification-panel-header .notif-mark-all:hover{background:#eff6ff;color:#2563eb}.notification-list{flex:1;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.notif-group-header{padding:8px 20px 4px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.notification-card{display:flex;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s ease;position:relative;border-left:3px solid transparent}.notification-card:hover{background:#f8fafc}.notification-card.unread{background:#fafbff;border-left-color:#3b82f6}.notification-card.unread:hover{background:#f0f4ff}.notification-card.cat-order{border-left-color:#3b82f6}.notification-card.cat-payment{border-left-color:#10b981}.notification-card.cat-inventory{border-left-color:#f59e0b}.notification-card.cat-expense{border-left-color:#ef4444}.notification-card.cat-payroll{border-left-color:#8b5cf6}.notification-card.cat-gst{border-left-color:#06b6d4}.notification-card.cat-approval{border-left-color:#ec4899}.notification-card.cat-system{border-left-color:#64748b}.notif-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.notif-icon.cat-order{background:#eff6ff}.notif-icon.cat-payment{background:#ecfdf5}.notif-icon.cat-inventory{background:#fffbeb}.notif-icon.cat-expense{background:#fef2f2}.notif-icon.cat-payroll{background:#f5f3ff}.notif-icon.cat-gst{background:#ecfeff}.notif-icon.cat-approval{background:#fdf2f8}.notif-icon.cat-system{background:#f8fafc}.notif-content{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;margin-bottom:2px}.notification-card.unread .notif-title{color:#0f172a}.notif-message{font-size:12px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.notif-time{font-size:11px;color:#94a3b8;font-weight:500}.notif-badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.notif-badge.type-warning{background:#fef3c7;color:#92400e}.notif-badge.type-error{background:#fecaca;color:#991b1b}.notif-badge.type-success{background:#d1fae5;color:#065f46}.notif-badge.type-action{background:#dbeafe;color:#1e40af}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-top:4px}.notif-delete-btn{position:absolute;top:8px;right:12px;opacity:0;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;font-size:14px;line-height:1}.notification-card:hover .notif-delete-btn{opacity:1}.notif-delete-btn:hover{color:#ef4444;background:#fef2f2}.notification-empty{padding:40px 20px;text-align:center}.notification-empty .empty-icon{font-size:40px;margin-bottom:12px}.notification-empty h4{font-size:14px;font-weight:600;color:#334155;margin:0 0 4px}.notification-empty p{font-size:12px;color:#94a3b8;margin:0}.notif-skeleton{display:flex;gap:12px;padding:12px 20px}.notif-skeleton-icon{width:36px;height:36px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.notif-skeleton-lines{flex:1}.notif-skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:6px}.notif-skeleton-line:first-child{width:70%}.notif-skeleton-line:last-child{width:45%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notification-panel-footer{padding:10px 20px;border-top:1px solid #f1f5f9;text-align:center}.notification-panel-footer a,.notification-panel-footer button{font-size:12px;font-weight:600;color:#3b82f6;background:none;border:none;cursor:pointer;text-decoration:none;transition:color .15s}.notification-panel-footer a:hover,.notification-panel-footer button:hover{color:#2563eb}.notif-count-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid white;box-shadow:0 2px 4px #ef44444d;animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:480px){.notification-panel{width:calc(100vw - 24px);right:-8px;max-height:70vh}}.mobile-app-container{background:#f8fafc;min-height:100vh;padding-bottom:90px;font-family:Lexend,sans-serif;color:#1e293b}.mobile-header{background:#0f172a;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000001a}.header-left{display:flex;align-items:center;gap:12px}.mobile-logo{height:30px;width:auto;filter:brightness(0) invert(1)}.brand-text{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.03em}.header-right{display:flex;gap:10px}.icon-btn{width:40px;height:40px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-btn .badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.mobile-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h4{font-size:15px;font-weight:700;color:#475569;margin:0}.view-all-link{background:none;border:none;color:#4a7c6f;font-size:13px;font-weight:600}.pull-to-refresh{height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:12px;gap:8px;transition:opacity .2s;opacity:0}.spinner{font-size:20px}.spinner.spinning{animation:ptr-spin 1s linear infinite}.status-active{background:#dcfce7;color:#16a34a}.status-error{background:#fee2e2;color:#ef4444}.text-success{color:#16a34a!important;font-weight:700}.text-danger{color:#ef4444!important;font-weight:700}.text-warning{color:#f59e0b!important;font-weight:700}.mt-4{margin-top:16px!important}.mb-4{margin-bottom:16px!important}.avatar-icon{border-radius:50%!important;background:#f1f5f9!important}.btn-icon{width:50px;height:50px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 6px -1px #0000000d}.action-btn span{font-size:11px;font-weight:700;color:#475569}.kpi-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.kpi-scroll::-webkit-scrollbar{display:none}.snapshot-card{border-radius:6px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid transparent}.snapshot-card.finance{background:#f0fdf4;border-color:#dcfce7}.snapshot-card.leads{background:#eff6ff;border-color:#dbeafe}.snapshot-card .item-icon{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.snapshot-card.finance .item-icon{background:#16a34a;color:#fff}.snapshot-card.leads .item-icon{background:#2563eb;color:#fff}.snapshot-card .item-info{flex:1}.snapshot-card .item-title{font-size:14px;font-weight:700;color:#1e293b;display:block}.snapshot-card .item-subtitle{font-size:12px;color:#64748b}.snapshot-card .item-value{font-size:18px;font-weight:800}.snapshot-card.finance .item-value{color:#16a34a}.snapshot-card.leads .item-value{color:#2563eb}.mobile-list{background:#fff;border-radius:6px;border:1px solid #e2e8f0;overflow:hidden}.mobile-list-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f1f5f9}.mobile-list-item:last-child{border-bottom:none}.item-icon{width:40px;height:40px;background:#f8fafc;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:12px}.item-info{flex:1;display:flex;flex-direction:column}.item-title{font-size:14px;font-weight:700;color:#1e293b}.item-subtitle{font-size:12px;color:#64748b}.item-meta{text-align:right;display:flex;flex-direction:column}.item-value{font-size:14px;font-weight:700;color:#0f172a}.item-status{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-top:4px;text-transform:uppercase}.status-delivered{background:#dcfce7;color:#16a34a}.status-in-transit{background:#e0f2fe;color:#0284c7}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px 30px;display:flex;justify-content:space-around;border-top:1px solid #e2e8f0;z-index:1000}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;transition:color .2s}.nav-item span{font-size:10px;font-weight:600}.nav-item.active{color:#4a7c6f}.mobile-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;justify-content:flex-end;flex-direction:column}.mobile-drawer{background:#fff;border-top-left-radius:6px;border-top-right-radius:6px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header h4{margin:0;font-size:18px;font-weight:700}.text-btn{background:none;border:none;color:#4a7c6f;font-weight:600;font-size:14px}.drawer-content{overflow-y:auto;padding:10px 0}.notification-item{display:flex;padding:16px 20px;gap:16px;border-bottom:1px solid #f8fafc;transition:background .2s}.notification-item.unread{background:#f0f9f6}.notif-icon{width:44px;height:44px;background:var(--bg);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.notif-body{flex:1;display:flex;flex-direction:column;gap:2px}.empty-notifs{padding:60px 20px;text-align:center;color:#94a3b8}.empty-icon{font-size:40px;margin-bottom:12px}.mobile-more-menu{padding:20px 20px 40px}.user-profile-card{background:#fff;padding:20px;border-radius:6px;display:flex;align-items:center;gap:16px;margin-bottom:30px;box-shadow:0 4px 12px #0f172a0d;border:1px solid #f1f5f9}.user-avatar{width:54px;height:54px;background:#0f172a;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.user-details{flex:1}.user-details h3{margin:0;font-size:17px;font-weight:800;color:#1e293b}.user-details span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.logout-btn{padding:8px 14px;background:#fee2e2;color:#ef4444;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.menu-group{margin-bottom:24px}.group-title{font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-left:4px}.menu-grid{display:grid;grid-template-columns:1fr;gap:12px}.menu-item{background:#fff;padding:16px;border-radius:6px;display:flex;align-items:center;gap:16px;border:1px solid #f1f5f9;box-shadow:0 2px 4px #0f172a05;transition:all .2s}.menu-item:active{transform:scale(.98);background:#f8fafc}.menu-item .item-icon{width:44px;height:44px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:0}.menu-item .item-text{display:flex;flex-direction:column}.menu-item .label{font-size:15px;font-weight:700;color:#1e293b}.menu-item .sub{font-size:12px;color:#64748b}.chart-container{background:#fff;border-radius:6px;padding:20px;border:1px solid #e2e8f0}.bar{width:20px;background:#4a7c6f;border-radius:4px;position:relative;transition:height .5s ease-out}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-label{font-size:11px;color:#64748b;display:block;margin-bottom:4px}.stat-value{font-size:16px;font-weight:800;color:#0f172a}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2100;display:flex;align-items:flex-end}.detail-modal-content{background:#fff;width:100%;max-height:92vh;border-radius:6px 24px 0 0;display:flex;flex-direction:column;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-modal-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.detail-modal-header h3{margin:0;font-size:18px;color:#1e293b}.detail-modal-body{padding:24px;overflow-y:auto;flex:1}.detail-modal-footer{padding:20px 20px 30px;border-top:1px solid #f1f5f9}.detail-view{display:flex;flex-direction:column;gap:20px}.detail-group{display:flex;flex-direction:column;gap:6px}.detail-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.detail-group p{margin:0;font-size:15px;color:#1e293b}.detail-value-bold{font-weight:800;font-size:20px!important}.detail-row{display:flex;gap:20px}.detail-row .detail-group{flex:1}.detail-summary{background:#f8fafc;padding:20px;border-radius:6px;display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:#64748b}.summary-val.paid{color:#16a34a}.summary-row.total{margin-top:8px;padding-top:12px;border-top:1px dashed #e2e8f0;font-size:18px;font-weight:800;color:#1e293b}.detail-header-large{text-align:center;padding-bottom:24px;border-bottom:1px dashed #e2e8f0;margin-bottom:24px}.p-large-icon{width:64px;height:64px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.p-code{font-size:13px;color:#64748b;background:#f1f5f9;padding:6px 16px;border-radius:100px;font-weight:600}.detail-desc{line-height:1.6;color:#475569!important}.low-stock{color:#ef4444!important}.contact-item{display:flex;align-items:center;gap:12px;color:#475569;font-size:15px;padding:12px;background:#f8fafc;border-radius:6px;margin-bottom:8px}.mini-ledger{display:flex;flex-direction:column;gap:10px}.mini-txn-row{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f8fafc;border-radius:6px}.mini-txn-info{display:flex;flex-direction:column;gap:2px}.mini-txn-date{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.mini-txn-ref{font-size:14px;font-weight:700;color:#1e293b}.mini-txn-amt{font-weight:800;font-size:15px}.mini-txn-amt.pos{color:#16a34a}.empty-mini{text-align:center;padding:30px;font-size:13px;color:#94a3b8}.skeleton-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite linear}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.pull-to-refresh{height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;font-size:13px;font-weight:700;transition:height .1s}.pull-to-refresh .spinner{font-size:20px;margin-bottom:4px}.pull-to-refresh .spinner.spinning{animation:spin 1s linear infinite}.empty-state{padding:60px 20px;text-align:center;color:#94a3b8;background:#fff;border-radius:6px;margin:20px;border:1px dashed #e2e8f0}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 0}.action-btn .btn-icon{width:54px;height:54px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #0000000d;transition:all .2s}.action-btn:active .btn-icon{transform:scale(.9)}.action-btn span{font-size:13px;font-weight:700;color:#475569}.action-orders .btn-icon{background:#fef3c7;color:#d97706}.action-leads .btn-icon{background:#dcfce7;color:#16a34a}.action-stock .btn-icon{background:#e0f2fe;color:#0284c7}.action-tools .btn-icon{background:#f3e8ff;color:#9333ea}.mobile-drawer-overlay{position:fixed;inset:0;background:#0006;z-index:2000;display:flex;justify-content:flex-end}.mobile-drawer{width:85%;max-width:360px;background:#fff;height:100%;animation:slideInRight .3s ease-out;display:flex;flex-direction:column}.drawer-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.drawer-header h4{margin:0;font-size:18px;font-weight:800;color:#1e293b}.drawer-content{flex:1;overflow-y:auto;padding:12px}.notification-item{display:flex;gap:12px;padding:16px;border-radius:6px;margin-bottom:8px;transition:all .2s}.notification-item.unread{background:#f8fafc;border:1px solid #e2e8f0}.notif-icon{width:40px;height:40px;border-radius:6px;background:var(--bg, #f1f5f9);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.notif-body{display:flex;flex-direction:column;gap:2px}.notif-title{font-size:14px;font-weight:700;color:#1e293b}.notif-message{font-size:13px;color:#64748b;line-height:1.4}.notif-time{font-size:11px;color:#94a3b8;margin-top:4px}.detail-modal-overlay{position:fixed;inset:0;background:#0009;z-index:3000;display:flex;align-items:flex-end}.detail-modal-content{width:100%;background:#fff;border-radius:6px 24px 0 0;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.detail-modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.detail-modal-header h3{margin:0;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.detail-modal-body{flex:1;overflow-y:auto;padding:24px}.detail-modal-footer{padding:20px 24px;border-top:1px solid #f1f5f9}.detail-view{display:flex;flex-direction:column;gap:24px}.detail-header-large{display:flex;flex-direction:column;gap:4px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.detail-header-large h3{margin:0;font-size:24px;font-weight:800;color:#1e293b}.p-large-icon{font-size:48px;margin-bottom:12px}.p-code{font-size:13px;font-weight:700;color:#64748b}.detail-group label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:6px}.detail-value-bold{font-size:18px;font-weight:800;color:#1e293b;margin:0}.detail-desc{font-size:14px;color:#475569;line-height:1.6}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-ledger{background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;overflow:hidden}.mini-txn-row{padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.mini-txn-row:last-child{border-bottom:none}.mini-txn-ref{font-size:13px;font-weight:700;color:#1e293b}.mini-txn-amt{font-size:14px;font-weight:800}.mini-txn-amt.pos{color:#10b981}.mini-txn-amt.neg{color:#ef4444}.mini-txn-info{display:flex;flex-direction:column}.mini-txn-date{font-size:10px;color:#94a3b8}.detail-summary{background:#f1f5f9;padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.summary-val{font-weight:700;color:#1e293b}.summary-val.paid{color:#10b981}.summary-val.due{color:#ef4444}.summary-row.total{margin-top:8px;padding-top:8px;border-top:1px dashed #cbd5e1;font-weight:800;color:#1e293b}.contact-item{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#4a7c6f;margin-bottom:4px}.quick-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.btn-call{background:#f0fdf4;color:#166534}.btn-whatsapp{background:#ecfdf5;color:#047857}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}