.approval-notif-card{border:1px solid var(--color-border,#0000000f);background:var(--color-bg-container,#fff);border-inline-start-width:4px;border-radius:12px;margin-bottom:12px;padding:14px 16px;transition:box-shadow .2s,transform .2s,background-color .2s}.approval-notif-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a14}.approval-notif-card--unread{background:color-mix(in srgb, var(--color-primary,#1677ff) 6%, var(--color-bg-container,#fff))}.approval-notif-card--compact{margin-bottom:8px;padding:10px 12px}.approval-notif-accent--required{border-inline-start-color:#faad14}.approval-notif-accent--reapproval-required{border-inline-start-color:#722ed1}.approval-notif-accent--progress{border-inline-start-color:#1677ff}.approval-notif-accent--reapproval-progress{border-inline-start-color:#9254de}.approval-notif-accent--approved{border-inline-start-color:#52c41a}.approval-notif-accent--reapproval-approved{border-inline-start-color:#389e0d}.approval-notif-accent--rejected{border-inline-start-color:#ff4d4f}.approval-notif-accent--closed{border-inline-start-color:#8c8c8c}.approval-notif-accent--rollback{border-inline-start-color:#fa8c16}.approval-notif-accent--default{border-inline-start-color:#1677ff}.approval-notif-icon{background:color-mix(in srgb, currentColor 12%, transparent);color:inherit;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.approval-notif-icon--required{color:#faad14}.approval-notif-icon--reapproval-required{color:#722ed1}.approval-notif-icon--progress{color:#1677ff}.approval-notif-icon--reapproval-progress{color:#9254de}.approval-notif-icon--approved{color:#52c41a}.approval-notif-icon--reapproval-approved{color:#389e0d}.approval-notif-icon--rejected{color:#ff4d4f}.approval-notif-icon--closed{color:#8c8c8c}.approval-notif-icon--rollback{color:#fa8c16}.approval-notif-icon--default{color:#1677ff}.approval-notif-main{gap:12px;min-width:0;display:flex}.approval-notif-content{flex:1;min-width:0}.approval-notif-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.approval-notif-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.approval-notif-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.approval-notif-changes{background:var(--color-fill-quaternary,#00000005);border-radius:8px;flex-direction:column;gap:4px;margin-top:8px;padding:8px 10px;display:flex}.approval-notif-toolbar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.approval-notif-toolbar-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.approval-notif-header-preview{border-top:1px solid var(--color-border,#0000000f);max-width:360px;margin-top:4px;padding-top:8px}.approval-notif-toast .ant-notification-notice-message{margin-bottom:4px}.header-notif-panel{background:var(--color-bg-elevated,#fff);border-radius:12px;width:min(420px,100vw - 24px);max-height:min(70vh,560px);padding:12px;overflow:auto;box-shadow:0 8px 24px #0f172a1f}.header-notif-panel-title{margin-bottom:8px}.header-notif-section{margin-bottom:12px}.header-notif-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.header-notif-hint{margin-bottom:8px;font-size:12px;display:block}.header-notif-reminder-row,.header-notif-link-row{border:1px solid var(--color-border,#0000000f);cursor:pointer;text-align:start;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:10px 12px;display:flex}.header-notif-reminder-row:hover,.header-notif-link-row:hover{background:var(--color-fill-quaternary,#00000005)}.header-notif-reminder-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.header-notif-footer{flex-wrap:wrap;justify-content:flex-start;gap:4px;display:flex}.header-notif-panel .approval-notif-card{margin-bottom:8px}.header-notif-panel .approval-notif-card:last-child{margin-bottom:0}.header-recent-panel{background:var(--color-bg-elevated,#fff);border-radius:12px;width:min(360px,100vw - 24px);max-height:min(70vh,480px);padding:12px;overflow:auto;box-shadow:0 8px 24px #0f172a1f}.header-recent-panel-title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.header-recent-panel-count{font-size:12px}.header-recent-list{flex-direction:column;gap:6px;display:flex}.header-recent-row{border:1px solid var(--color-border,#0000000f);color:inherit;cursor:pointer;text-align:start;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.header-recent-row:hover{background:var(--color-fill-quaternary,#00000005)}.header-recent-row--active{background:#1890ff14;border-color:#1890ff40}.header-recent-row-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:14px}.header-recent-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-recent-trigger{align-items:center;gap:6px;display:inline-flex}.header-recent-trigger-label{font-size:13px;font-weight:500}@media (width<=767px){.header-recent-trigger-label{display:none}}:root{--color-primary:#1890ff;--color-primary-hover:#40a9ff;--color-primary-dark:#096dd9;--color-success:#52c41a;--color-warning:#faad14;--color-error:#ff4d4f;--color-bg:#f0f2f5;--color-bg-container:#fff;--color-bg-elevated:#fff;--color-text:#333;--color-text-secondary:#666;--color-border:#e8e8e8;--color-sidebar:#001529;--color-sidebar-text:#ffffffa6;--color-sidebar-active:#1890ff;--color-sidebar-item-bg:#ffffff08;--color-sidebar-active-bg:#1890ff1a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--shell-sidebar-duration:.24s;--shell-sidebar-ease:cubic-bezier(.32, .72, 0, 1)}[data-theme=dark]{--color-bg:#141414;--color-bg-container:#1f1f1f;--color-bg-elevated:#262626;--color-text:#ffffffd9;--color-text-secondary:#ffffff73;--color-border:#424242;--color-sidebar:#000c17;--color-sidebar-item-bg:#ffffff05;--color-sidebar-active-bg:#1890ff26;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[dir=rtl]{text-align:right;direction:rtl}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.page-loader{justify-content:center;align-items:center;height:100vh;display:flex}.page-content-loader{justify-content:center;align-items:center;min-height:320px;padding:24px 0;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:600}.page-header p{color:var(--color-text-secondary);margin:4px 0 0}.stat-card{border-radius:var(--radius-lg);color:#fff;transition:var(--transition);padding:20px 24px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card .stat-value{font-size:32px;font-weight:700;line-height:1.2}.stat-card .stat-label{opacity:.85;margin-top:4px;font-size:14px}.stat-card .stat-meta{opacity:.8;margin-top:2px;font-size:12px;line-height:1.3}.stat-card .stat-icon{opacity:.15;font-size:48px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.status-badge{letter-spacing:.3px;text-transform:uppercase;border-style:solid;border-width:1px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-active,.status-open,.status-draft{color:#096dd9;background:#1890ff1a;border-color:#1890ff33}.status-pending,.status-progress{color:#d48806;background:#faad141a;border-color:#faad1433}.status-completed,.status-resolved,.status-submitted{color:#389e0d;background:#52c41a1a;border-color:#52c41a33}.status-cancelled,.status-inactive{color:#cf1322;background:#ff4d4f1a;border-color:#ff4d4f33}.premium-sidebar{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.premium-sidebar.ant-layout-sider{transition:flex var(--shell-sidebar-duration) var(--shell-sidebar-ease), max-width var(--shell-sidebar-duration) var(--shell-sidebar-ease), min-width var(--shell-sidebar-duration) var(--shell-sidebar-ease), width var(--shell-sidebar-duration) var(--shell-sidebar-ease)!important}.app-shell-main{transition:margin var(--shell-sidebar-duration) var(--shell-sidebar-ease)}@media (prefers-reduced-motion:reduce){.premium-sidebar.ant-layout-sider,.app-shell-main,.sidebar-brand-title,.sidebar-logo-mark{transition:none!important}}.sidebar-brand-title{opacity:1;max-width:220px;transition:max-width var(--shell-sidebar-duration) var(--shell-sidebar-ease), opacity calc(var(--shell-sidebar-duration) * .85) var(--shell-sidebar-ease);vertical-align:middle;white-space:nowrap;margin:0;display:inline-block;overflow:hidden}.sidebar-brand-title.sidebar-brand-title--collapsed{opacity:0;pointer-events:none;max-width:0}.premium-sidebar .sidebar-logo-mark{transition:margin-inline-end var(--shell-sidebar-duration) var(--shell-sidebar-ease)}.premium-sidebar .sidebar-menu-scroll{scrollbar-color:#ffffff47 #ffffff0f;scrollbar-gutter:stable;scrollbar-width:thin}.premium-sidebar .sidebar-menu-scroll::-webkit-scrollbar{width:8px}.premium-sidebar .sidebar-menu-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.premium-sidebar .sidebar-menu-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.premium-sidebar .sidebar-menu-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff61}.premium-sidebar .sidebar-filter-input.ant-input-affix-wrapper{box-shadow:none!important;background:#ffffff14!important;border-color:#ffffff1f!important}.premium-sidebar .sidebar-filter-input.ant-input-affix-wrapper:hover,.premium-sidebar .sidebar-filter-input.ant-input-affix-wrapper:focus,.premium-sidebar .sidebar-filter-input.ant-input-affix-wrapper-focused{box-shadow:none!important;background:#ffffff1a!important;border-color:#1890ff73!important}.premium-sidebar .sidebar-filter-input .ant-input{color:#fffffff2!important;background:0 0!important}.premium-sidebar .sidebar-filter-input .ant-input::placeholder{color:#ffffff61!important}.premium-sidebar .sidebar-filter-input .anticon{color:#ffffff73!important}.premium-sidebar .ant-menu{background:0 0!important;border-inline-end:0!important}.premium-sidebar .ant-menu-item,.premium-sidebar .ant-menu-submenu-title{color:var(--color-sidebar-text)!important}.premium-sidebar .ant-menu-item-selected{background:var(--color-sidebar-active-bg)!important;color:#fff!important}.premium-sidebar .ant-menu-item-group-title{color:#ffffff73!important;letter-spacing:.04em!important;text-transform:none!important;padding:10px 16px 6px!important;font-size:11px!important;font-weight:600!important;line-height:1.35!important}.premium-sidebar .ant-menu-submenu-title{letter-spacing:.02em!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}.premium-sidebar .ant-menu-item .ant-menu-title-content{font-size:12px!important;line-height:1.4!important}.sidebar-rail-section-title{color:#ffffff73;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;line-height:1.35}.about-app-modal-wrap .ant-modal-close{color:var(--color-text-secondary);inset-block-start:12px}.about-app-modal{text-align:center;flex-direction:column;align-items:center;display:flex}.about-app-modal__logo{background:#000;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;padding:10px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003}.about-app-modal__logo img{object-fit:contain;width:100%;height:100%;display:block}.about-app-modal__title{color:var(--color-text);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.25}.about-app-modal__tagline{color:var(--color-text-secondary);margin:6px 0 0;font-size:13px;line-height:1.4}.about-app-modal__version{color:var(--color-text-tertiary,var(--color-text-secondary));letter-spacing:.02em;opacity:.85;margin:8px 0 0;font-size:12px;line-height:1.4}.about-app-modal__description{color:var(--color-text-secondary);max-width:320px;margin:18px 0 0;font-size:13px;line-height:1.55}.about-app-modal__divider{background:var(--color-border);width:100%;height:1px;margin:22px 0 18px}.about-app-modal__support{color:var(--color-primary);font-size:13px;font-weight:500;line-height:1.4;text-decoration:none}.about-app-modal__support:hover{text-decoration:underline}.about-app-modal__email{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px;line-height:1.4}.about-app-modal__copyright{color:var(--color-text-tertiary,var(--color-text-secondary));opacity:.75;margin:18px 0 0;font-size:11px;line-height:1.55}.about-app-modal__credit{color:var(--color-text-tertiary,var(--color-text-secondary));opacity:.75;margin:8px 0 0;font-size:11px;line-height:1.55}.about-app-modal__credit strong{color:var(--color-text-secondary);font-weight:600}.sidebar-rail-link-row{color:#ffffffd9;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:4px 8px;font-size:12px;line-height:1.35;display:flex}.sidebar-rail-link-row:hover{background:#ffffff0f}.sidebar-rail-link-row--start{justify-content:flex-start}.sidebar-rail-block{flex-shrink:0}.sidebar-rail-pin{justify-content:flex-end;margin-bottom:2px;line-height:0;display:flex}.sidebar-rail-favorites{margin-bottom:4px}.sidebar-rail-link-row--compact{border-radius:4px;gap:3px;min-height:0;padding:0 2px;font-size:9px;line-height:1.1}.sidebar-rail-link-row--compact .anticon{font-size:9px}.sidebar-rail-recent{margin-top:0}.sidebar-rail-recent .sidebar-rail-section-title{letter-spacing:.02em;margin-bottom:1px;font-size:8px;font-weight:600;line-height:1.1}.sidebar-rail-recent .sidebar-rail-link-row--compact{min-height:0;padding:0 2px;font-size:9px;line-height:1.1}.premium-sidebar-drawer.ant-drawer .ant-drawer-close{color:#ffffffa6}.premium-sidebar-drawer.ant-drawer .ant-drawer-close:hover{color:#fff}.ant-card{box-shadow:var(--shadow-sm);border-radius:var(--radius-md)!important}.ant-table-wrapper{border-radius:var(--radius-md);overflow:hidden}.ant-modal-content{border-radius:var(--radius-lg)!important}.ant-table-tbody>tr.highlight-row>td{background:#1890ff24!important}.messenger-layout{background:var(--color-bg-container)!important;border-radius:var(--radius-lg)!important;height:calc(100vh - 120px)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--color-border)!important;overflow:hidden!important}.messenger-layout>.ant-layout{flex-direction:row!important;flex:auto!important;min-width:0!important;height:100%!important;min-height:0!important;display:flex!important}.messenger-layout>.ant-layout>.ant-layout{flex-direction:row!important;flex:auto!important;min-width:0!important;min-height:0!important;display:flex!important}.messenger-sider{background:var(--color-bg-container)!important;border-right:1px solid var(--color-border)!important}.message-list-item{cursor:pointer;border-bottom:1px solid var(--color-border);transition:var(--transition);background:0 0;max-width:100%;position:relative;overflow-x:hidden;padding:16px 20px!important}.message-list-item:hover{background:#1890ff0d!important}.message-list-item-active{border-left:4px solid var(--color-primary);background:#1890ff1a!important}[dir=rtl] .message-list-item-active{border-left:none;border-right:4px solid var(--color-primary)}.message-unread-dot{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 0 8px #1890ff99}[dir=rtl] .message-unread-dot{left:16px;right:auto}.message-view-content{background:var(--color-bg-container)!important;flex-direction:column!important;display:flex!important}.message-view-header{justify-content:space-between;align-items:center;display:flex;border-bottom:1px solid var(--color-border)!important;padding:20px 40px!important}.message-body-container{color:var(--color-text);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1;font-size:15px;line-height:1.8;overflow-y:auto;padding:40px!important}.compose-button-premium{background:linear-gradient(135deg, var(--color-primary) 0%, #722ed1 100%)!important;height:48px!important;transition:var(--transition)!important;border:none!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 4px 15px #1890ff4d!important}.compose-button-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66!important}.avatar-premium{border:2px solid #fff;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .avatar-premium{border-color:#303030}@keyframes ots-new-section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ots-new-flow-form .ots-new-section{animation:.42s cubic-bezier(.22,1,.36,1) both ots-new-section-in}.ots-new-flow-form .ots-new-section:first-of-type{animation-delay:30ms}.ots-new-flow-form .ots-new-section:nth-of-type(2){animation-delay:80ms}.ots-new-flow-form .ots-new-section:nth-of-type(3){animation-delay:.13s}.ots-new-flow-form .ots-new-section:nth-of-type(4){animation-delay:.18s}.ots-new-flow-form .ots-new-section:nth-of-type(5){animation-delay:.23s}@media (prefers-reduced-motion:reduce){.ots-new-flow-form .ots-new-section{animation:none}}.ots-new-flow-form .ots-new-wizard-footer{box-shadow:0 -6px 16px #0000000f}[data-theme=dark] .ots-new-flow-form .ots-new-wizard-footer{box-shadow:0 -6px 16px #00000059}.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-explain-error,.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-explain-warning{display:none!important}.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-has-error .ant-input,.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-has-error .ant-input-affix-wrapper,.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-has-error .ant-select-selector,.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-has-error .ant-picker,.ots-new-flow-form.ots-hide-supplier-errors .ots-new-supplier-step .ant-form-item-has-error .ant-input-number{border-color:var(--ant-color-border,#00000026)!important;box-shadow:none!important}.documents-upload-dragger.ant-upload-wrapper .ant-upload-drag{transition:var(--transition);background:var(--color-bg)!important;border:1px dashed var(--color-border)!important}.documents-upload-dragger.ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover{background:var(--color-sidebar-item-bg)!important;border-color:var(--color-primary)!important}[data-theme=dark] .documents-upload-dragger.ant-upload-wrapper .ant-upload-drag{background:var(--color-bg-elevated)!important}[data-theme=dark] .documents-upload-dragger.ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover{background:#ffffff0f!important}.documents-upload-dragger-hint{color:var(--color-text-secondary)}.documents-upload-dragger-hint .anticon{color:var(--color-text-secondary);margin-right:6px}.documents-upload-dragger.ant-upload-wrapper .ant-upload-disabled .ant-upload-drag{cursor:not-allowed;opacity:.55;background:var(--color-bg)!important}[data-theme=dark] .documents-upload-dragger.ant-upload-wrapper .ant-upload-disabled .ant-upload-drag{background:var(--color-bg-elevated)!important}.documents-toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.documents-toolbar-notes{flex:200px;min-width:160px;max-width:360px}.documents-toolbar-spacer{flex:8px;min-width:0}.documents-toolbar-actions{flex-shrink:0}@media (width<=768px){.documents-toolbar-spacer{display:none}.documents-toolbar-notes{flex:100%;max-width:none}.documents-toolbar-actions{justify-content:flex-end;width:100%}}.glass-card-wrapper{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-radius:var(--radius-lg)!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0000000d!important}[data-theme=dark] .glass-card-wrapper{background:#0003!important;border-color:#ffffff0d!important}.glass-glow{box-shadow:0 0 20px #1890ff26!important}.glass-button{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;transition:all .3s!important}.glass-button:hover{transform:translateY(-1px);background:#ffffff1f!important;box-shadow:0 4px 12px #0000001a!important}.glass-button.ant-btn-primary{background:var(--color-primary)!important;border:none!important;box-shadow:0 4px 15px #1890ff4d!important}.glass-modal .ant-modal-content{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff14!important;border:1px solid #ffffff1a!important;box-shadow:0 25px 45px #0000001a!important}[data-theme=dark] .glass-modal .ant-modal-content{background:#14141499!important}
