.toast-container{top:var(--space-4);right:var(--space-4);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;width:100%;max-width:360px;display:flex;position:fixed}.toast-container>*{pointer-events:auto}.toast{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--c-outline-variant);animation:.25s slideInRight;display:flex}.toast--neutral{background:var(--c-surface-lowest);color:var(--c-on-surface)}.toast--success{background:var(--c-proxy-active-bg);color:var(--c-proxy-active-text);border-color:#b7dbc8}.toast--error{background:var(--c-error-container);color:var(--c-error);border-color:#f5bfba}.toast--warning{background:var(--c-tertiary-fixed);color:var(--c-on-tertiary-fixed);border-color:#f0d5b3}.toast__message{word-break:keep-all;flex:1}.toast__close{font-size:var(--text-lg);cursor:pointer;color:currentColor;opacity:.6;transition:var(--transition-fast);background:0 0;border:none;padding:0;line-height:1}.toast__close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}.print-sheet{display:none}@media print{@page{margin:15mm}html,body{height:auto!important;overflow:visible!important}body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{color:#000;background:#fff;width:100%;font-size:12px;line-height:1.5;display:block;position:absolute;top:0;left:0}.print-sheet__title{text-align:center;margin:0 0 16px;font-size:20px}.print-sheet__section-title{border-bottom:1px solid #000;margin:16px 0 8px;padding-bottom:4px;font-size:14px}.print-sheet__meta,.print-sheet__table{border-collapse:collapse;width:100%;margin-bottom:8px}.print-sheet__meta th,.print-sheet__meta td,.print-sheet__table th,.print-sheet__table td{text-align:left;vertical-align:top;border:1px solid #333;padding:4px 8px}.print-sheet__meta th{white-space:nowrap;background:#f0f0f0;width:90px}.print-sheet__table th{white-space:nowrap;background:#f0f0f0}.print-sheet__references{margin:4px 0 0;font-size:12px}.print-sheet__content{margin-top:4px}.print-sheet__content img{max-width:100%}.print-sheet__content table{border-collapse:collapse}.print-sheet__content table td,.print-sheet__content table th{border:1px solid #666;padding:4px 8px}.print-sheet__attachments{margin:4px 0;padding-left:20px}}.cdlg-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9000;background:#00000073;justify-content:center;align-items:center;animation:.15s cdlg-fade-in;display:flex;position:fixed;inset:0}@keyframes cdlg-fade-in{0%{opacity:0}to{opacity:1}}.cdlg-panel{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:0;width:100%;max-width:400px;padding:32px 28px 24px;animation:.18s cubic-bezier(.34,1.4,.64,1) cdlg-slide-in;display:flex;box-shadow:0 8px 32px #0000002e}@keyframes cdlg-slide-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.cdlg-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.cdlg-panel--danger .cdlg-icon-wrap{background:#fff1f0}.cdlg-panel--default .cdlg-icon-wrap{background:#f0f4ff}.cdlg-icon{font-size:28px}.cdlg-icon--danger{color:#e53935}.cdlg-icon--default{color:#3f51b5}.cdlg-title{color:#1a1a2e;text-align:center;margin:0 0 10px;font-size:17px;font-weight:700}.cdlg-message{color:#555;text-align:center;white-space:pre-line;margin:0 0 24px;font-size:14px;line-height:1.6}.cdlg-input-wrap{width:100%;margin-bottom:20px}.cdlg-input-label{color:#444;text-align:left;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.cdlg-textarea{color:#1a1a2e;resize:vertical;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.cdlg-textarea:focus{border-color:#3f51b5;box-shadow:0 0 0 3px #3f51b51f}.cdlg-panel--danger .cdlg-textarea:focus{border-color:#e53935;box-shadow:0 0 0 3px #e539351f}.cdlg-actions{gap:10px;width:100%;display:flex}.cdlg-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px 0;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.cdlg-btn:active{transform:scale(.97)}.cdlg-btn--cancel{color:#555;background:#f0f0f0}.cdlg-btn--cancel:hover{background:#e4e4e4}.cdlg-btn--confirm-default{color:#fff;background:#3f51b5}.cdlg-btn--confirm-default:hover{background:#303f9f}.cdlg-btn--confirm-danger{color:#fff;background:#e53935}.cdlg-btn--confirm-danger:hover{background:#c62828}:root{--c-primary:#1a2b4b;--c-primary-container:#2d3f60;--c-on-primary:#fff;--c-on-primary-container:#8293b8;--c-secondary:#3b82f6;--c-secondary-container:#60a5fa;--c-on-secondary:#fff;--c-on-secondary-container:#fff;--c-secondary-fixed:#dbeafe;--c-on-secondary-fixed:#1e3a8a;--c-tertiary:#92400e;--c-tertiary-container:#f59e0b;--c-on-tertiary:#fff;--c-on-tertiary-container:#78350f;--c-tertiary-fixed:#fef3c7;--c-on-tertiary-fixed:#78350f;--c-error:#dc2626;--c-on-error:#fff;--c-error-container:#fee2e2;--c-on-error-container:#991b1b;--c-success:#16a34a;--c-on-success:#fff;--c-background:#fff;--c-surface:#f8fafc;--c-surface-lowest:#fff;--c-surface-low:#f5f3f6;--c-surface-mid:#efedf0;--c-surface-high:#e9e7eb;--c-surface-highest:#e4e2e5;--c-inverse-surface:#1b1b1e;--c-inverse-on-surface:#f2f0f3;--c-on-surface:#1b1b1e;--c-on-surface-variant:#44474e;--c-outline:#c5c6cf;--c-outline-variant:#e2e8f0;--c-proxy-active-bg:#f0fdf4;--c-proxy-active-text:#166534;--c-proxy-inactive-text:#6b7280;--radius-sm:2px;--radius:4px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--sidebar-width:200px;--sidebar-collapsed-width:64px;--header-height:64px;--max-width:1440px;--gutter:24px;--spacing-unit:4px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-family:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--shadow-card:0px 2px 4px #0000000d;--shadow-overlay:0px 10px 15px #0000001a;--transition:all .2s ease;--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100%}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--c-background);color:var(--c-on-surface);line-height:1.5}.layout{background:var(--c-background);min-height:100vh;display:flex}.layout-content{margin-left:var(--sidebar-width);background:var(--c-background);flex-direction:column;flex:1;height:100vh;transition:margin-left .25s;display:flex}.layout.sidebar-collapsed .layout-content{margin-left:var(--sidebar-collapsed-width)}.main-container{padding:var(--gutter);background:var(--c-background);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--c-primary);color:var(--c-on-primary-container);z-index:1100;border-right:1px solid #ffffff1a;flex-direction:column;height:100vh;transition:width .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:var(--sidebar-collapsed-width);z-index:1100;overflow:visible}.sidebar-toggle{top:18px;left:calc(var(--sidebar-width) - 14px);background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);cursor:pointer;z-index:1101;width:28px;height:28px;box-shadow:var(--shadow-card);transition:var(--transition-fast), left .25s ease;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.sidebar.collapsed .sidebar-toggle{left:calc(var(--sidebar-collapsed-width) - 14px)}.sidebar-toggle:hover{background:var(--c-secondary-fixed);border-color:var(--c-secondary)}.sidebar-toggle .material-symbols-outlined{color:var(--c-on-surface-variant);font-size:16px;transition:transform .25s}.sidebar.collapsed .sidebar-toggle .material-symbols-outlined{transform:rotate(180deg)}.sidebar-brand,.sidebar-logo{color:var(--c-on-primary);white-space:nowrap;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:8px;padding:20px 16px 20px 20px;font-size:16px;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-logo{justify-content:center;padding:20px 0}.sidebar-logo a{color:inherit;text-decoration:none}.sidebar.collapsed .sidebar-logo span:not(.material-symbols-outlined),.sidebar.collapsed .sidebar-logo a{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.sidebar.collapsed .sidebar-nav{padding:0 8px}.nav-item{color:var(--c-on-primary-container);transition:var(--transition-fast);cursor:pointer;white-space:nowrap;border-left:4px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 16px 8px 28px;font-size:13px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav-item:hover{color:var(--c-on-primary);background:#ffffff14}.nav-item.active{background:var(--c-secondary-container);color:var(--c-on-secondary-container);border-left-color:var(--c-secondary)}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item .nav-label{display:none}.nav-item .material-symbols-outlined{flex-shrink:0;align-items:center;font-size:20px;display:flex}.nav-group{margin-bottom:4px}.nav-group-label{color:#ffffffd9;white-space:nowrap;letter-spacing:0;text-transform:none;cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-family);text-align:left;transition:var(--transition-fast);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;display:flex;overflow:hidden}.nav-group-label:hover,.nav-group-label.open{color:var(--c-on-primary);background:#ffffff14}.nav-group-icon{font-size:22px}.nav-group-chevron{margin-left:auto;font-size:18px;transition:transform .18s}.nav-group-label.open .nav-group-chevron{transform:rotate(180deg)}.nav-group-items{padding-top:2px;display:none}.nav-group-items.open{flex-direction:column;gap:2px;display:flex}.sidebar.collapsed .nav-group-label{display:none}.nav-group-trigger{background:0 0;border:none;justify-content:center;width:100%}.nav-group-trigger:hover{background:#ffffff14}.nav-group-collapsed-wrapper{position:relative}.nav-group-popup{background:var(--c-surface-lowest);z-index:300;opacity:0;visibility:hidden;pointer-events:none;border:none;border-radius:8px;min-width:180px;padding:0;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:0;left:100%;overflow:hidden;transform:translate(-4px);box-shadow:0 2px 8px #00000026,0 0 0 1px #00000014}.nav-group-collapsed-wrapper:after{content:"";width:12px;height:100%;position:absolute;top:0;left:100%}.nav-group-collapsed-wrapper:hover .nav-group-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.nav-group-popup-title{text-transform:none;letter-spacing:0;color:var(--c-on-primary);background:var(--c-primary);text-align:center;border-bottom:1px solid var(--c-outline-variant);border-radius:8px 8px 0 0;padding:12px 14px 8px;font-size:15px;font-weight:700}.nav-group-popup-item{color:var(--c-on-surface);transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.nav-group-popup-item:hover{background:#1a2b4b0f}.nav-group-popup-item.active{color:var(--c-primary);background:#1a2b4b14;font-weight:600}.nav-group-popup-item .material-symbols-outlined{font-size:18px}.btn-logout{color:var(--c-on-primary-container);border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-family);white-space:nowrap;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;margin:12px 16px 24px;padding:10px 16px;display:flex;overflow:hidden}.btn-logout:hover{color:var(--c-on-primary);background:#ffffff1a;border-color:#fff6}.sidebar.collapsed .btn-logout{margin:12px 8px 24px;padding:12px}.sidebar.collapsed .btn-logout .logout-label{display:none}.start-menu-layout{min-height:100vh;padding-bottom:56px;display:block}.start-menu-layout .layout-content,.start-menu-layout.sidebar-collapsed .layout-content{height:calc(100vh - 56px);margin-left:0}.start-menu-layout .main-container{padding-bottom:calc(var(--gutter) + 12px)}.start-menu-shell{z-index:1800;pointer-events:none;position:static}.taskbar{z-index:1800;border-top:1px solid var(--c-outline-variant);height:56px;box-shadow:none;-webkit-backdrop-filter:none;pointer-events:auto;background:#f8fafc;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.start-menu-button,.taskbar-active,.taskbar-link,.start-menu-panel__close,.start-menu-logout{font-family:var(--font-family)}.start-menu-button{background:var(--c-primary);min-width:92px;height:40px;color:var(--c-on-primary);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.start-menu-button:hover,.start-menu-button.active{background:var(--c-primary-container);box-shadow:none}.start-menu-button .material-symbols-outlined{font-size:21px}.taskbar-active{border:1px solid var(--c-outline-variant);background:var(--c-surface-lowest);max-width:min(360px,54vw);height:40px;color:var(--c-on-surface);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.taskbar-active .material-symbols-outlined{color:var(--c-secondary);font-size:20px}.taskbar-items{--taskbar-item-width:152px;--taskbar-item-gap:10px;align-items:center;gap:var(--taskbar-item-gap);flex:1;min-width:0;display:flex;overflow:hidden}.taskbar-link{flex:0 0 var(--taskbar-item-width);width:var(--taskbar-item-width);border:1px solid var(--c-outline-variant);background:var(--c-surface-lowest);height:40px;color:var(--c-on-surface);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;border-radius:6px;align-items:center;gap:8px;padding:0 7px 0 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;overflow:hidden}.taskbar-link:hover,.taskbar-link.active{border-color:var(--c-secondary-container);background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed)}.taskbar-link .material-symbols-outlined{color:var(--c-secondary);flex:0 0 20px;font-size:20px}.taskbar-link span:not(.material-symbols-outlined){text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.taskbar-link__close{width:18px;height:18px;color:var(--c-on-surface-variant);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;padding:0;display:inline-flex}.taskbar-link__close:hover{color:var(--c-error);background:#fee2e2;border-color:#fecaca}.taskbar-link__close .material-symbols-outlined{color:currentColor;flex:none;width:auto;font-size:14px}.start-menu-panel{z-index:1801;width:min(680px,100vw - 28px);max-height:min(720px,100vh - 92px);color:var(--c-on-surface);box-shadow:none;filter:none;-webkit-backdrop-filter:none;pointer-events:auto;background:#fff;border:1px solid #94a3b873;border-radius:8px;flex-direction:column;display:flex;position:fixed;bottom:64px;left:14px;overflow:hidden}.start-menu-panel__header,.start-menu-panel__footer{background:var(--c-surface);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.start-menu-panel__header{border-bottom:1px solid var(--c-outline-variant)}.start-menu-panel__footer{border-top:1px solid var(--c-outline-variant)}.start-menu-panel__brand,.start-menu-user{align-items:center;gap:10px;min-width:0;display:flex}.start-menu-panel__brand>.material-symbols-outlined{background:var(--c-primary);width:34px;height:34px;color:var(--c-on-primary);border-radius:6px;justify-content:center;align-items:center;font-size:22px;display:flex}.start-menu-panel__brand strong,.start-menu-user strong{font-size:14px;line-height:1.2;display:block}.start-menu-panel__brand span:not(.material-symbols-outlined),.start-menu-user span{color:var(--c-on-surface-variant);font-size:12px;line-height:1.3;display:block}.start-menu-panel__close{width:32px;height:32px;color:var(--c-on-surface-variant);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.start-menu-panel__close:hover{background:var(--c-surface-high);color:var(--c-on-surface)}.start-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid;overflow:auto}.start-menu-group{border:1px solid var(--c-outline-variant);background:var(--c-background);border-radius:8px;min-width:0;overflow:hidden}.start-menu-group__title{background:var(--c-surface);min-height:38px;color:var(--c-on-surface);border-bottom:1px solid var(--c-outline-variant);align-items:center;gap:8px;padding:9px 11px;font-size:13px;font-weight:700;display:flex}.start-menu-group__title .material-symbols-outlined{color:var(--c-secondary);font-size:20px}.start-menu-group__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;display:grid}.start-menu-item{min-height:40px;color:var(--c-on-surface);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.start-menu-item:hover{color:var(--c-on-secondary-fixed);background:#eff6ff}.start-menu-item.active{background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed)}.start-menu-item .material-symbols-outlined{width:22px;color:var(--c-secondary);font-size:20px}.start-menu-user__avatar{background:var(--c-secondary);width:34px;height:34px;color:var(--c-on-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.start-menu-logout{border:1px solid var(--c-outline-variant);background:var(--c-surface-lowest);height:36px;color:var(--c-on-surface);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.start-menu-logout:hover{border-color:var(--c-error);color:var(--c-error)}.start-menu-shell,.start-menu-shell *,.taskbar,.taskbar *,.start-menu-panel,.start-menu-panel *{filter:none!important;-webkit-backdrop-filter:none!important;perspective:none!important;text-shadow:none!important;transform:none!important}@media (width<=720px){.start-menu-panel{width:calc(100vw - 16px);bottom:62px;left:8px}.start-menu-grid,.start-menu-group__items{grid-template-columns:1fr}.taskbar{padding:8px}.taskbar-items{--taskbar-item-width:136px}}.header{height:var(--header-height);background:var(--c-surface);border-bottom:1px solid var(--c-outline-variant);padding:0 var(--gutter);z-index:1000;box-shadow:var(--shadow-card);align-items:center;gap:24px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:12px;display:flex}.header-title{color:var(--c-on-surface);font-size:16px;font-weight:600}.header-search{flex:1;max-width:400px}.header-search input{border:1px solid var(--c-outline-variant);border-radius:var(--radius-full);background:var(--c-surface-low);width:100%;color:var(--c-on-surface);font-size:14px;font-family:var(--font-family);transition:var(--transition-fast);padding:8px 16px}.header-search input:focus{border-color:var(--c-secondary);background:var(--c-surface-lowest);outline:none}.header-search input::placeholder{color:var(--c-on-surface-variant)}.header-right{align-items:center;gap:16px;display:flex}.search-input{flex:1;max-width:400px}.search-input input{border:1px solid var(--c-outline-variant);border-radius:var(--radius-full);background:var(--c-surface-low);width:100%;color:var(--c-on-surface);font-size:14px;font-family:var(--font-family);transition:var(--transition-fast);padding:8px 16px 8px 40px}.search-input input:focus{border-color:var(--c-secondary);background:var(--c-surface-lowest);outline:none}.search-input input::placeholder{color:var(--c-on-surface-variant)}.header-icon-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--c-on-surface);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.header-icon-btn:hover{background:var(--c-surface-low)}.header-user{align-items:center;gap:8px;display:none}.header-user-avatar{background:var(--c-secondary-container);width:32px;height:32px;color:var(--c-on-secondary-container);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.header-user-info{flex-direction:column;gap:2px;display:flex}.header-user-name{color:var(--c-on-surface);font-size:12px;font-weight:600}.header-user-role{color:var(--c-on-surface-variant);font-size:11px}.notification-badge{background:var(--c-error);min-width:18px;height:18px;color:var(--c-on-error);pointer-events:none;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-panel{background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);border-radius:var(--radius-lg);z-index:300;width:440px;animation:.2s notifPanelIn;position:absolute;top:calc(100% + 12px);right:-8px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes notifPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel:before{content:"";background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);border-bottom:none;border-right:none;width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.notif-panel__header{border-bottom:1px solid var(--c-outline-variant);background:var(--c-surface-low);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-panel__header-left{align-items:center;gap:8px;display:flex}.notif-panel__title{color:var(--c-on-surface);margin:0;font-size:15px;font-weight:700}.notif-panel__count{background:var(--c-error);min-width:20px;height:20px;color:var(--c-on-error);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.notif-panel__mark-all{color:var(--c-secondary);cursor:pointer;border-radius:var(--radius);transition:var(--transition-fast);font-size:12px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:4px 8px}.notif-panel__mark-all:hover{background:var(--c-secondary-fixed)}.notif-panel__list{max-height:400px;overflow-y:auto}.notif-panel__empty{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.notif-item{border-bottom:1px solid var(--c-outline-variant);cursor:pointer;align-items:flex-start;gap:12px;padding:16px 20px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--c-surface-low)}.notif-item--unread{background:var(--c-secondary-fixed)}.notif-item--unread:hover{background:var(--c-surface-mid)}.notif-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-item__icon .material-symbols-outlined{font-size:20px}.notif-item__content{flex:1;min-width:0}.notif-item__row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.notif-item__number{color:var(--c-on-surface-variant);font-family:Courier New,monospace;font-size:12px;font-weight:600}.notif-item__row .badge{padding:2px 8px;font-size:10px}.notif-item__title{color:var(--c-on-surface);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.notif-item__message{color:var(--c-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notif-item__action{flex-shrink:0;align-self:center;align-items:center;display:flex}.notif-item__link{color:var(--c-secondary);white-space:nowrap;transition:var(--transition-fast);align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.notif-item:hover .notif-item__link{text-decoration:underline}.page{padding:var(--gutter);gap:var(--gutter);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-header__left{flex:1}.page-header__left .eyebrow{letter-spacing:.5px;color:var(--c-on-surface-variant);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.page-header__left h1{color:var(--c-on-surface);margin-bottom:4px;font-size:30px;font-weight:700;line-height:1.2}.page-header__left>p{color:var(--c-on-surface-variant);margin-top:8px;font-size:14px}.page-header__right{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.card{background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);border-radius:var(--radius);padding:var(--gutter);box-shadow:var(--shadow-card)}.card h2{color:var(--c-on-surface);margin-bottom:16px;font-size:20px;font-weight:600}.card h3{color:var(--c-on-surface);margin-bottom:12px;font-size:16px;font-weight:600}.card p{color:var(--c-on-surface);font-size:14px;line-height:1.6}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.stat-card{background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);border-radius:var(--radius);box-shadow:var(--shadow-card);border-left:4px solid var(--c-secondary-container);padding:20px}.stat-card__label{color:var(--c-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.stat-card__value{color:var(--c-on-surface);margin-bottom:8px;font-size:28px;font-weight:700}.stat-card__meta{color:var(--c-on-surface-variant);font-size:12px}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:var(--c-surface-high)}.data-table th{text-align:left;color:var(--c-on-surface);border-bottom:1px solid var(--c-outline-variant);text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:12px;font-weight:600}.data-table tbody tr:nth-child(2n){background:var(--c-surface-low)}.data-table tbody tr:hover{background:var(--c-surface-mid)}.data-table td{border-bottom:1px solid var(--c-outline-variant);color:var(--c-on-surface);padding:12px}.data-table a{color:var(--c-secondary);transition:var(--transition-fast);text-decoration:none}.data-table a:hover{text-decoration:underline}.data-row{border:1px solid var(--c-outline-variant);border-radius:var(--radius);background:var(--c-surface-lowest);transition:var(--transition);flex-direction:column;margin-bottom:12px;padding:16px;display:flex}.data-row:hover{box-shadow:var(--shadow-card)}.data-row-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.data-row-label{color:var(--c-on-surface-variant);text-transform:uppercase;font-size:12px;font-weight:600}.data-row-value{color:var(--c-on-surface);font-size:14px;font-weight:500}.badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-width:80px;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge--pending,.badge--in-progress{background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed)}.badge--approved,.badge--completed{background:var(--c-tertiary-fixed);color:var(--c-on-tertiary-fixed)}.badge--rejected{background:var(--c-error-container);color:var(--c-on-error-container)}.badge--withdrawn{background:var(--c-surface-mid);color:var(--c-on-surface)}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);font-size:14px;font-weight:600;font-family:var(--font-family);border:none;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.btn--primary:hover:not(:disabled){background:var(--c-secondary)}.btn--secondary{background:var(--c-surface-highest);color:var(--c-on-surface);border:1px solid var(--c-outline-variant)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-high)}.btn--excel{color:#fff;background:#217346;border:1px solid #1d6f42}.btn--excel:hover:not(:disabled){background:#185c37}.btn--excel:disabled{color:#217346;background:#d9eee3;border-color:#b6dcc8}.btn--ghost{color:var(--c-secondary);background:0 0;border:none;padding:10px 0}.btn--ghost:hover:not(:disabled){text-decoration:underline}.btn--danger{background:var(--c-error);color:var(--c-on-error)}.btn--danger:hover:not(:disabled){background:#a41616}.btn--warning{color:#1f1600;background:#f59e0b}.btn--warning:hover:not(:disabled){background:#d97706}.icon-button{border:1px solid var(--c-outline-variant);background:var(--c-surface);width:34px;height:34px;color:var(--c-on-surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--c-surface-high)}.btn--sm{padding:6px 12px;font-size:12px}.btn--lg{padding:14px 20px;font-size:16px}.w-full{width:100%}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:var(--c-on-surface);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--c-outline-variant);border-radius:var(--radius);font-family:var(--font-family);color:var(--c-on-surface);background:var(--c-surface-lowest);transition:var(--transition-fast);padding:10px 12px;font-size:14px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--c-secondary);outline:none;box-shadow:0 0 0 2px #0058be1a}.form-field textarea{resize:vertical;min-height:100px;font-family:var(--font-family)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--c-on-surface-variant)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px;display:grid}.form-grid--two{grid-template-columns:repeat(2,1fr)}.form-grid--three{grid-template-columns:repeat(3,1fr)}.form-grid--four{grid-template-columns:repeat(4,1fr)}.control-item{flex-direction:column;gap:4px;display:flex}.control-item label{color:var(--c-on-surface);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.control-item input,.control-item textarea,.control-item select{border:1px solid var(--c-outline-variant);border-radius:var(--radius);font-family:var(--font-family);color:var(--c-on-surface);background:var(--c-surface-lowest);transition:var(--transition-fast);padding:7px 10px;font-size:14px}.control-item input:focus,.control-item textarea:focus,.control-item select:focus{border-color:var(--c-secondary);outline:none;box-shadow:0 0 0 2px #0058be1a}.control-item textarea{resize:vertical;min-height:80px}.form-actions{justify-content:flex-start;gap:12px;margin-top:24px;display:flex}.form-actions-right{justify-content:flex-end}.form-section-block{border-bottom:1px solid var(--c-outline-variant);margin-bottom:20px;padding-bottom:16px}.form-section-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-header-text{color:var(--c-on-surface);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}input[type=checkbox],input[type=radio]{accent-color:var(--c-secondary);cursor:pointer}.role-checkbox-item{border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);color:var(--c-on-surface);align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.role-checkbox-item:hover{background:var(--c-surface-low)}.role-checkbox-item input{cursor:pointer}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.toggle-switch__input{display:none}.toggle-switch__track{background:var(--c-outline);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch__input:checked+.toggle-switch__track{background:var(--c-secondary)}.toggle-switch__track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-switch__input:checked+.toggle-switch__track:after{transform:translate(20px)}.toggle-switch__label{color:var(--c-on-surface);font-size:14px}.toggle-switch__label--active{color:var(--c-secondary);font-weight:600}.role-groups{flex-direction:column;gap:16px;display:flex}.role-group{background:var(--c-surface);border:1px solid var(--c-outline-variant);border-radius:var(--radius-lg);overflow:hidden}.role-group__header{background:var(--c-surface-mid);border-bottom:1px solid var(--c-outline-variant);color:var(--c-on-surface-variant);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.role-group__header .material-symbols-outlined{font-size:14px}.role-group__items{grid-template-columns:repeat(4,1fr);gap:2px;padding:8px;display:grid}.alert{border-radius:var(--radius);align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.alert--success{background:var(--c-tertiary-fixed);color:var(--c-on-tertiary-fixed);border:1px solid var(--c-on-tertiary-fixed);border-opacity:.2}.alert--error{background:var(--c-error-container);color:var(--c-on-error-container);border:1px solid var(--c-on-error-container);border-opacity:.2}.alert--warning{color:#92400e;border-opacity:.2;background:#fef3c7;border:1px solid #92400e}.alert--info{background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed);border:1px solid var(--c-on-secondary-fixed);border-opacity:.2}.empty-state{text-align:center;padding:60px 20px}.empty-state__text{color:var(--c-on-surface-variant);font-size:14px}.btn-icon-expand{cursor:pointer;white-space:nowrap;color:#fff;background:#f97316;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;max-width:28px;height:28px;padding:0 6px;transition:max-width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),background .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000026}.btn-icon-expand:hover{background:#ea580c;max-width:140px;padding:0 11px}.btn-icon-expand:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-icon-expand__icon{pointer-events:none;justify-content:center;align-items:center;font-size:16px;transition:opacity .12s;display:flex;position:absolute;inset:0}.btn-icon-expand:hover .btn-icon-expand__icon{opacity:0}.btn-icon-expand__label{opacity:0;pointer-events:none;font-size:12px;font-weight:600;line-height:1;transition:opacity .13s .1s}.btn-icon-expand:hover .btn-icon-expand__label{opacity:1}.btn-icon-expand--edit{background:#2563eb}.btn-icon-expand--edit:hover{background:#1d4ed8}.btn-icon-expand--remove{background:#0891b2}.btn-icon-expand--remove:hover{background:#0e7490}.btn-icon-expand--danger{background:#dc2626}.btn-icon-expand--danger:hover{background:#b91c1c}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1200;background:#0a14288c;justify-content:center;align-items:center;animation:.2s backdropFadeIn;display:flex;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--c-surface-lowest);border-radius:var(--radius-lg);border-top:3px solid var(--c-secondary);width:90%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.34,1.2,.64,1) modalSlideUp;overflow-y:auto;box-shadow:0 4px 6px #0000000d,0 20px 40px #0000002e,0 0 0 1px #ffffff0f}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--c-outline-variant);background:linear-gradient(135deg, var(--c-surface-low) 0%, var(--c-surface-lowest) 100%);justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex}.modal-header h2{color:var(--c-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.modal-close{background:var(--c-surface-low);border:1px solid var(--c-outline-variant);border-radius:var(--radius-full);width:32px;height:32px;color:var(--c-on-surface-variant);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.modal-close:hover{background:var(--c-error);border-color:var(--c-error);color:#fff;transform:scale(1.1)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--c-outline-variant);background:var(--c-surface-low);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:10px;padding:10px 20px;display:flex}.ck-editor__editable{background:var(--c-surface-lowest);min-height:400px;color:var(--c-on-surface);border:1px solid var(--c-outline-variant);border-radius:var(--radius);font-family:var(--font-family);padding:16px;font-size:14px}.ck-editor__editable:focus{border-color:var(--c-secondary);box-shadow:0 0 0 2px #0058be1a}.ck.ck-editor__main>.ck-editor__editable{border:1px solid var(--c-outline-variant)}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.gap-1{gap:8px}.gap-2{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.muted{color:var(--c-on-surface-variant);font-size:14px}.eyebrow{letter-spacing:.5px;color:var(--c-on-surface-variant);text-transform:uppercase;font-size:11px;font-weight:600}.page-login{background-color:#f0f2f5;background-image:radial-gradient(at 80% 0,#0058be0f 0,#0000 50%),radial-gradient(at 0 100%,#1a2b4b0a 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;margin-left:0;padding:24px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000f}.login-card__brand{text-align:center;margin-bottom:32px}.login-card__brand .brand-icon{background:var(--c-primary);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:28px;display:inline-flex}.login-card__brand .brand-icon .material-symbols-outlined{color:#fff;font-size:30px}.login-card__brand h1{color:var(--c-on-surface);margin-bottom:6px;font-size:22px;font-weight:700}.login-card__brand p{color:var(--c-on-surface-variant);font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form .form-field label{color:var(--c-on-surface);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-form .form-field input{border:1px solid var(--c-outline-variant);border-radius:var(--radius-lg);background:var(--c-surface-lowest);width:100%;color:var(--c-on-surface);font-size:14px;font-family:var(--font-family);transition:var(--transition-fast);padding:12px 16px}.login-form .form-field input:focus{border-color:var(--c-secondary);outline:none;box-shadow:0 0 0 3px #0058be1a}.login-form .form-field input::placeholder{color:var(--c-on-surface-variant)}.btn--primary.w-full{border-radius:var(--radius-lg);width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.alert--error{background:var(--c-error-container);color:var(--c-error);border-radius:var(--radius);padding:12px 16px;font-size:13px;font-weight:500}@media (width>=769px){.page-login .login-hero{display:none}}@media (width<=480px){.login-card{border-radius:12px;padding:32px 24px}}.user-row{border:1px solid var(--c-outline-variant);border-radius:var(--radius);background:var(--c-surface-lowest);transition:var(--transition);justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:16px;display:flex}.user-row:hover{box-shadow:var(--shadow-card)}.user-row-info{flex:1}.user-row-name{color:var(--c-on-surface);margin-bottom:4px;font-size:14px;font-weight:600}.user-row-email,.user-row-meta{color:var(--c-on-surface-variant);margin-bottom:8px;font-size:12px}.user-row-status{margin-bottom:8px;font-size:12px}.status-active-text{color:var(--c-success);font-weight:600}.status-inactive-text{color:var(--c-on-surface-variant);font-weight:600}.user-row-roles{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.role-badge{background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed);white-space:nowrap;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;min-width:110px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-badge-empty{color:var(--c-on-surface-variant);font-size:12px}.user-row-actions{gap:8px;display:flex}.proxy-setting-item{border:1px solid var(--c-outline-variant);border-radius:var(--radius);background:var(--c-surface-lowest);transition:var(--transition);justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:16px;display:flex}.proxy-setting-item:hover{box-shadow:var(--shadow-card)}.proxy-setting-header{flex:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.proxy-setting-info{flex:1}.proxy-setting-title{color:var(--c-on-surface);margin-bottom:4px;font-size:14px;font-weight:600}.proxy-setting-meta{color:var(--c-on-surface-variant);margin-bottom:4px;font-size:12px}.proxy-status--active{color:var(--c-success);font-weight:600}.proxy-status--inactive{color:var(--c-on-surface-variant)}.proxy-setting-actions{gap:8px;display:flex}.proxy-form{border-top:1px solid var(--c-outline-variant);margin-top:16px;padding-top:16px}.proxy-form--edit{background:var(--c-surface-low);border-radius:var(--radius);margin-top:16px;padding:16px}.proxy-active-checkbox{cursor:pointer;color:var(--c-on-surface);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.proxy-incoming-item{border:1px solid var(--c-outline-variant);border-radius:var(--radius);background:var(--c-surface-low);flex-direction:column;margin-bottom:12px;padding:16px;display:flex}.document-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.approval-lines-section{border-top:1px solid var(--c-outline-variant);margin-top:24px;padding-top:24px}.approval-line-item{background:var(--c-surface-low);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.approval-line-approver{color:var(--c-on-surface);font-weight:600}.approval-line-order{color:var(--c-on-surface-variant);font-size:12px}@media (width<=768px){.sidebar{width:60px;padding:12px 0}.sidebar .nav-item{justify-content:center;padding:12px}.page-wrapper{margin-left:60px}.header{flex-direction:column;gap:12px;padding:12px}.header-search{max-width:100%}.page-header{flex-direction:column}.stat-grid,.form-grid,.form-grid--two,.form-grid--three,.form-grid--four{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px}.modal{width:95%}}.toggle-button{color:var(--c-on-surface);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:600;display:flex}.toggle-button:hover{color:var(--c-secondary)}.toggle-icon{font-size:12px;display:inline-block}.editor-form{flex-direction:column;gap:24px;display:flex}.editor-container{margin-bottom:24px}.editor-container .ck-editor__main{border-radius:var(--radius)}.editor-container .ck-editor__editable{min-height:400px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.form-card{background:var(--c-surface-low);border-radius:var(--radius);border:1px solid var(--c-outline-variant);padding:16px}.form-card-description{color:var(--c-on-surface-variant);margin-bottom:12px;font-size:12px}.form-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.form-control{border:1px solid var(--c-outline-variant);border-radius:var(--radius);font-family:var(--font-family);color:var(--c-on-surface);background:var(--c-surface-lowest);transition:var(--transition-fast);padding:8px 12px;font-size:14px}.form-control:focus{border-color:var(--c-secondary);outline:none;box-shadow:0 0 0 2px #0058be1a}.font-bold{font-weight:600}.text-center{text-align:center}.doc-header-grid{grid-template-columns:1fr auto;align-items:start;gap:24px;margin-bottom:24px;display:grid}.doc-title{color:var(--c-on-surface);margin-bottom:4px;font-size:24px;font-weight:700}.doc-number{color:var(--c-on-surface-variant);font-size:12px}.doc-meta-card{background:var(--c-surface-low);border-radius:var(--radius);border:1px solid var(--c-outline-variant);padding:16px}.doc-meta-grid{grid-template-columns:1fr;gap:12px;display:grid}.meta-label{color:var(--c-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.meta-value{color:var(--c-on-surface);margin:0;font-size:14px;font-weight:500}.document-content{background:var(--c-surface-low);border-radius:var(--radius);color:var(--c-on-surface);padding:16px;line-height:1.8}.document-content p{margin-bottom:12px}.document-content p:last-child{margin-bottom:0}.action-panel{background:var(--c-surface-low);border-radius:var(--radius);margin-bottom:16px;padding:16px}.info-note{background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed);border-radius:var(--radius);margin-bottom:16px;padding:12px;font-size:12px}.info-note p{margin:0}.p-3{padding:12px!important}@media (width<=480px){.sidebar{display:none}.page-wrapper{margin-left:0}.page{padding:12px}.page-header__left h1{font-size:24px}.header-right{gap:8px}.btn{padding:8px 12px;font-size:12px}.card{padding:12px}}.form-label{color:var(--c-on-surface-variant);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select{background:var(--c-surface-low);border:1px solid var(--c-outline-variant);border-radius:var(--radius);width:100%;font-size:14px;font-family:var(--font-family);color:var(--c-on-surface);padding:8px 16px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--c-secondary);box-shadow:0 0 0 2px var(--c-secondary-fixed);outline:none}.form-input:read-only,.form-select:disabled{background:var(--c-surface-high);color:var(--c-on-surface-variant);cursor:not-allowed}.editor-page{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.editor-page__grid{gap:var(--gutter);flex:1 1 0;grid-template-columns:4fr minmax(400px,450px);min-height:0;display:grid;overflow:hidden auto}.editor-page__left{gap:var(--gutter);flex-direction:column;min-height:0;display:flex}.editor-page__right{flex-direction:column;min-height:0;display:flex}.editor-page__header{z-index:50;background:var(--c-surface-lowest);border-bottom:1px solid var(--c-outline-variant);flex-shrink:0;position:sticky;top:0}.editor-page__header-content{padding:16px var(--gutter);justify-content:space-between;align-items:center;display:flex}.editor-page__header-left h1{color:var(--c-on-surface);margin:0;font-size:24px;font-weight:600;line-height:1.2}.editor-page__header-left p{color:var(--c-on-surface-variant);margin:4px 0 0;font-size:14px}.editor-page__header-right{align-items:center;gap:8px;display:flex}.editor-card{background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;margin:24px;padding:24px;display:flex}.editor-card__meta{align-items:center;gap:16px;display:flex}.editor-card__title{flex:1;min-width:0}.editor-card__title-input{background:var(--c-surface-low);border:1px solid var(--c-outline-variant);border-radius:var(--radius);width:100%;font-size:14px;font-weight:600;font-family:var(--font-family);color:var(--c-on-surface);padding:8px 12px;transition:border-color .15s}.editor-card__title-input:focus{border-color:var(--c-secondary);box-shadow:0 0 0 2px var(--c-secondary-fixed);outline:none}.editor-card__template{flex:0 0 280px;align-items:center;gap:8px;display:flex}.editor-card__template-select{background:var(--c-surface-low);border:1px solid var(--c-outline-variant);border-radius:var(--radius);height:40px;font-size:14px;line-height:1.5;font-family:var(--font-family);flex:1;padding:8px 12px}.editor-card__template-select:focus{border-color:var(--c-secondary);outline:none}.editor-card__editor-section{border:1px solid var(--c-outline-variant);border-radius:var(--radius);overflow:hidden}.editor-card__editor-section .ck-editor{display:block!important}.editor-card__editor-section .ck-editor__main{display:block}.editor-card__editor-section .ck-editor__editable{min-height:500px!important;max-height:70vh!important;overflow-y:auto!important}.editor-card__footer{background:var(--c-surface-low);border-top:1px solid var(--c-outline-variant);color:var(--c-on-surface-variant);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.attachments-area{background:var(--c-surface-lowest);border:1px solid var(--c-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 24px 24px;padding:24px}.attachments-area__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.attachments-area__header h4{color:var(--c-on-surface);margin:0;font-size:14px;font-weight:600}.attachments-area__dropzone{text-align:center;border:2px dashed var(--c-outline-variant);border-radius:var(--radius);color:var(--c-on-surface-variant);cursor:pointer;padding:16px;font-size:13px;transition:border-color .15s}.attachments-area__dropzone:hover{border-color:var(--c-secondary)}.attachments-area__file{border-radius:var(--radius);background:var(--c-surface-low);border:1px solid var(--c-outline-variant);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;transition:border-color .15s;display:flex}.attachments-area__file:hover{border-color:var(--c-secondary)}.attachments-area__file-icon{border-radius:var(--radius);background:var(--c-secondary-fixed);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.attachments-area__thumbnail{object-fit:cover;border-radius:var(--radius);width:44px;height:44px}.attachments-area__file-info{flex:1;min-width:0}.attachments-area__file-name{color:var(--c-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.attachments-area__temp-badge{color:var(--c-secondary);margin-left:6px;font-size:10px}.attachments-area__file-meta{color:var(--c-on-surface-variant);margin-top:2px;font-size:11px}.attachments-area__file-type{color:var(--c-on-surface-variant)}.attachments-area__file-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.attachments-area__action-btn{border-radius:var(--radius);justify-content:center;align-items:center;min-width:28px;height:28px;padding:4px!important;display:flex!important}.preview-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.preview-modal{background:var(--c-surface-lowest);border-radius:var(--radius-lg);flex-direction:column;width:90vw;max-width:900px;max-height:90vh;animation:.15s ease-out scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-modal__header{border-bottom:1px solid var(--c-outline-variant);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-modal__title{color:var(--c-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 12px 0 0;font-size:14px;font-weight:600;overflow:hidden}.preview-modal__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.preview-modal__body{flex:1;justify-content:center;align-items:center;min-height:300px;padding:16px;display:flex;overflow:auto}.preview-modal__image{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:75vh}.preview-modal__iframe{border-radius:var(--radius);border:none;width:100%;height:75vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.approval-sidebar{background:var(--c-surface-lowest);flex-shrink:0;width:100%;height:100vh;padding:24px;position:sticky;top:0;overflow-y:auto}.approval-sidebar__card{border:1px solid var(--c-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.approval-sidebar__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.approval-sidebar__header h3{color:var(--c-primary);margin:0;font-size:16px;font-weight:600}.approval-sidebar__actions{align-items:center;gap:6px;display:flex}.approval-sidebar__actions .form-select{max-width:120px;padding:4px 8px;font-size:12px}.approval-timeline{position:relative}.approval-timeline__items{flex-direction:column;gap:16px;display:flex}.approval-timeline__item{z-index:1;align-items:flex-start;gap:12px;display:flex;position:relative}.approval-timeline__item:not(:last-child):before{content:"";background:var(--c-outline-variant);z-index:0;width:2px;position:absolute;top:32px;bottom:-16px;left:15px}.approval-timeline__circle{width:32px;height:32px;box-shadow:0 0 0 4px var(--c-surface-lowest);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.approval-timeline__circle--active{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.approval-timeline__circle--pending{background:var(--c-surface-high);color:var(--c-outline)}.approval-timeline__content{flex:1;min-width:0}.approval-timeline__step-label{margin-bottom:6px;font-size:12px;font-weight:600}.approval-timeline__step-label--active{color:var(--c-secondary)}.approval-timeline__step-label--pending{color:var(--c-on-surface)}.approval-timeline__circle--approved{background:var(--c-success);color:var(--c-on-success)}.approval-timeline__step-label--approved{color:var(--c-success)}.approval-timeline__circle--rejected{background:var(--c-error);color:var(--c-on-error)}.approval-timeline__step-label--rejected{color:var(--c-error)}.approval-timeline__select{background:var(--c-surface-low);border:1px solid var(--c-outline-variant);border-radius:var(--radius);width:100%;height:40px;padding:8px 12px;font-size:14px;line-height:1.5}.approval-timeline__type-row{align-items:center;gap:6px;display:flex}.approval-timeline__type-row .form-select,.approval-timeline__type-row select{background:var(--c-surface-low);border:1px solid var(--c-outline-variant);border-radius:var(--radius);flex:1;padding:4px 8px;font-size:12px}.approval-timeline__approver-status{display:inline-block}.approval-timeline__approver-status--approved{background:var(--c-success-container);color:var(--c-success)}.approval-timeline__approver-status--rejected{background:var(--c-error-container);color:var(--c-error)}.approval-timeline__approver-status--pending{background:var(--c-surface-high);color:var(--c-secondary)}.approval-add-btn{border:2px dashed var(--c-outline-variant);border-radius:var(--radius);width:100%;color:var(--c-on-surface-variant);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.approval-add-btn:hover{border-color:var(--c-secondary);background:var(--c-surface-low)}.approval-confirm__title{color:var(--c-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.approval-confirm__user{align-items:center;gap:12px;margin-bottom:10px;display:flex}.approval-confirm__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.editor-page__body{gap:var(--gutter);flex:1 1 0;grid-template-columns:4fr minmax(400px,450px);min-height:0;display:grid;overflow:hidden auto}@media (width<=1024px){.approval-sidebar{border-left:none;border-top:1px solid var(--c-outline-variant);width:100%;height:auto;position:static}.editor-page__body{grid-template-columns:1fr}.editor-card{margin:16px}.attachments-area{margin:0 16px 16px}.editor-card__meta{flex-direction:column}.editor-card__template{flex:1;width:100%}}.delegate-grid{min-height:0;padding:16px var(--gutter);flex:1 1 0;grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid;overflow-y:auto}.delegate-card{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.delegate-card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.delegate-card__title{color:var(--c-primary);margin:0;font-size:16px;font-weight:600}.delegate-card__body{flex-direction:column;gap:12px;display:flex}.delegate-status{border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.delegate-status--active{background:var(--c-proxy-active-bg);color:var(--c-proxy-active-text)}.delegate-status--inactive{background:var(--c-surface-high);color:var(--c-on-surface-variant)}.delegate-status .material-symbols-outlined{font-size:14px}.delegate-stat{align-items:flex-start;gap:12px;display:flex}.delegate-stat__icon{background:var(--c-secondary-container);color:var(--c-on-secondary-container);border-radius:8px;padding:10px;font-size:20px}.delegate-stat__content{flex-direction:column;gap:2px;display:flex}.delegate-stat__label{color:var(--c-outline);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.delegate-stat__value{color:var(--c-on-surface);font-size:20px;font-weight:600}.delegate-stat__value--primary{color:var(--c-primary)}.delegate-stat__sub{color:var(--c-on-surface-variant);font-size:12px}.delegate-stat--bordered{border-top:1px solid var(--c-outline-variant);flex-direction:column;gap:4px;padding-top:12px}.delegate-security{background:var(--c-surface-high);color:var(--c-on-surface-variant);border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.delegate-security .material-symbols-outlined{color:var(--c-primary);font-size:16px}.delegate-form{flex-direction:column;gap:12px;display:flex}.delegate-form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.delegate-form .control-item{margin-bottom:0}.delegate-form .control-item label{margin-bottom:4px;font-size:12px}.delegate-form .control-item select,.delegate-form .control-item input,.delegate-form .control-item textarea{padding:6px 8px;font-size:13px}.btn--full{width:100%}.delegate-list{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.delegate-item{background:var(--c-surface-high);border:1px solid var(--c-outline-variant);border-radius:6px;padding:10px}.delegate-item__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.delegate-item__name{color:var(--c-on-surface);font-size:13px;font-weight:600}.delegate-item__meta{color:var(--c-on-surface-variant);font-size:12px}.delegate-item__reason{color:var(--c-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.delegate-item-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.delegate-item-edit{flex-direction:column;gap:8px;display:flex}.delegate-item-edit .control-item{margin-bottom:0}.delegate-item-edit .control-item label{margin-bottom:2px;font-size:11px}.delegate-item-edit .control-item select,.delegate-item-edit .control-item input{padding:4px 6px;font-size:12px}.delegate-badge{border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.delegate-badge--active{background:var(--c-proxy-active-bg);color:var(--c-proxy-active-text)}.delegate-badge--inactive{background:var(--c-surface-high);color:var(--c-on-surface-variant)}.delegate-checkbox{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.delegate-empty{text-align:center;color:var(--c-on-surface-variant);padding:24px 12px;font-size:13px}.alert--compact{margin-bottom:8px;padding:6px 10px;font-size:12px}@media (width<=1400px){.delegate-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=768px){.delegate-grid{grid-template-columns:1fr}}.report-page{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow:hidden}.report-page .editor-page__header,.report-toolbar,.report-summary{flex-shrink:0}.report-toolbar{background:var(--c-surface);border:1px solid var(--c-outline-variant);border-radius:8px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:end;gap:12px;padding:14px;display:grid}.report-toolbar--goods-receipt{grid-template-columns:210px max-content 170px 1fr}.report-toolbar--monthly-branch-sales{grid-template-columns:210px max-content max-content 1fr}.report-actions{place-self:center end;gap:8px;display:flex}.report-field--branch select{width:190px}.report-branch-group{width:210px}.report-goods-code-group{width:170px;position:relative}.report-goods-code-group input{width:118px}.report-code-picker{align-items:center;height:30px;display:flex}.report-code-picker input{border-top-right-radius:0;border-bottom-right-radius:0}.report-code-picker__button{border:1px solid var(--c-outline-variant);background:var(--c-surface-high);width:32px;height:30px;color:var(--c-on-surface-variant);cursor:pointer;border-left:0;border-radius:0 6px 6px 0;justify-content:center;align-items:center;display:inline-flex}.report-code-picker__button:hover{background:var(--c-secondary-fixed);color:var(--c-on-secondary-fixed)}.report-code-picker__button .material-symbols-outlined{font-size:18px}.report-category-popup{z-index:30;border:1px solid var(--c-outline-variant);background:var(--c-surface);width:460px;box-shadow:var(--shadow-card);border-radius:8px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.report-category-popup__header{color:var(--c-on-surface);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.report-category-popup__header div{gap:4px;display:flex}.report-category-popup__header button{border:1px solid var(--c-outline-variant);background:var(--c-surface-high);height:24px;color:var(--c-on-surface);cursor:pointer;border-radius:5px;padding:0 8px;font-size:11px}.report-category-popup__header button:hover{background:var(--c-secondary-fixed)}.report-category-popup__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:220px;display:grid;overflow-y:auto}.report-category-popup__list .report-check{justify-content:flex-start;width:100%;overflow:hidden}.report-category-popup__list .report-check span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.report-actions .btn{justify-content:center;place-self:center end;width:auto;min-width:110px;height:40px}.report-actions .material-symbols-outlined{font-size:18px}.report-field{color:var(--c-on-surface-variant);flex-direction:column;gap:4px;font-size:11px;font-weight:600;line-height:1;display:flex}.report-field input,.report-field select{border:1px solid var(--c-outline-variant);background:var(--c-surface);height:30px;color:var(--c-on-surface);font-size:13px;font-family:var(--font-family);border-radius:6px;padding:0 10px}.report-field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--c-on-surface-variant) 50%), linear-gradient(135deg, var(--c-on-surface-variant) 50%, transparent 50%);background-position:calc(100% - 15px) 12px,calc(100% - 10px) 12px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;min-width:150px;padding-right:32px}.report-field input:focus,.report-field select:focus{border-color:var(--c-secondary);box-shadow:0 0 0 2px var(--c-secondary-fixed);outline:none}.report-checks{flex-wrap:nowrap;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow:auto hidden}.report-date-group,.report-check-group{border:1px solid var(--c-outline-variant);background:var(--c-surface-lowest);border-radius:8px;flex-direction:column;gap:4px;width:max-content;max-width:100%;height:66px;padding:8px 10px;display:flex}.report-check-group--categories{width:100%;min-width:0;overflow:hidden}.report-date-fields{grid-template-columns:160px 160px;gap:8px;display:grid}.report-check-group__label{color:var(--c-on-surface-variant);font-size:11px;font-weight:600;line-height:1}.report-check{border:1px solid var(--c-outline-variant);background:var(--c-surface-high);height:30px;color:var(--c-on-surface);cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.report-check input{width:14px;height:14px;margin:0}.report-summary{grid-template-columns:repeat(4,minmax(160px,1fr));gap:8px;display:grid}.report-summary--payment{grid-template-columns:repeat(5,minmax(140px,1fr))}.report-summary--goods-receipt{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto}.report-summary--goods-receipt span{white-space:nowrap;min-width:0}.report-summary--payment>span:not([class]){display:none}.report-summary span{background:var(--c-surface);border:1px solid var(--c-outline-variant);color:var(--c-on-surface-variant);border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;display:flex}.report-summary__item--received{color:#115e35!important;background:linear-gradient(#edf8f1 0%,#e3f3e9 100%)!important;border-color:#a8cdb447!important}.report-summary__item--receivable{color:#8a4b12!important;background:linear-gradient(#fff6e8 0%,#ffefd6 100%)!important;border-color:#e0ad6347!important}.report-summary strong{color:var(--c-on-surface);font-size:13px}.report-table-wrap{background:var(--c-surface);border:1px solid var(--c-outline-variant);border-radius:8px;flex:1;min-height:0;position:relative;overflow:auto}.report-loading-fixed{z-index:2000;pointer-events:auto;background:#0000002e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.report-loading-card{border:1px solid var(--c-outline-variant);background:var(--c-surface);min-width:260px;box-shadow:var(--shadow-card);color:var(--c-on-surface);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px 28px;display:flex}.report-loading-card strong{font-size:15px}.report-loading-card span:last-child{color:var(--c-on-surface-variant);font-size:12px}.report-loading-spinner{border:3px solid var(--c-outline-variant);border-top-color:var(--c-secondary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite report-spin}@keyframes report-spin{to{transform:rotate(360deg)}}.report-table{--report-header-bg:linear-gradient(180deg, #edf8f1 0%, #e3f3e9 100%);--report-header-color:#115e35;border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.report-table:has(.report-empty){height:100%}:is(.report-table:has(.report-empty) tbody,.report-table:has(.report-empty) tr){height:100%}.report-table th,.report-table td{border-bottom:1px solid var(--c-outline-variant);white-space:nowrap;padding:8px 10px}.report-table th{z-index:1;background:var(--report-header-bg);color:var(--report-header-color);text-align:left;font-weight:700;position:sticky;top:0}.report-table__base-heading{background:var(--c-surface-high)!important;color:var(--c-on-surface)!important}.report-table--grouped{--report-group-header-height:34px;border-collapse:separate;border-spacing:0}.report-table--monthly-branch-sales{--report-group-header-height:28px;min-width:3280px}.report-table--monthly-branch-sales th,.report-table--monthly-branch-sales td{padding:5px 8px;line-height:1.2}.report-table--monthly-branch-sales thead tr:first-child th{padding-top:4px;padding-bottom:4px}.report-table--grouped th,.report-table--grouped td{border-right:1px solid color-mix(in srgb, var(--c-outline-variant) 22%, transparent)}.report-table--grouped th:last-child,.report-table--grouped td:last-child{border-right:0}.report-table--grouped thead tr:first-child th{z-index:5;height:var(--report-group-header-height);border-bottom-color:color-mix(in srgb, var(--c-outline) 24%, transparent);background:var(--report-header-bg);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--c-outline) 18%, transparent);padding-top:6px;padding-bottom:6px;top:0}.report-table--grouped thead tr:nth-child(2) th{top:var(--report-group-header-height);z-index:4;background:var(--report-header-bg);border-bottom:1px solid color-mix(in srgb, var(--c-outline) 26%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--c-outline) 18%, transparent)}.report-table__sticky-rowspan{vertical-align:middle;text-align:left;background:var(--c-surface-high)!important;color:var(--c-on-surface)!important;border-bottom:1px solid color-mix(in srgb, var(--c-outline) 26%, transparent)!important}.report-table__group-heading{color:inherit;letter-spacing:0;border-left:1px solid #a8cdb461;font-size:12px;font-weight:800;text-align:center!important;background:var(--report-header-bg)!important;border-right:1px solid #a8cdb461!important;box-shadow:inset 0 1px #f7fcf9,inset 0 -1px #a8cdb452!important}.report-table__group-heading--first{border-left-width:1px}.report-table__group-heading--receivable{border-left-color:#e0ad6361;color:#8a4b12!important;background:linear-gradient(#fff6e8 0%,#ffefd6 100%)!important;border-right-color:#e0ad6361!important;box-shadow:inset 0 1px #fffbf3,inset 0 -1px #e0ad6352!important}.report-table__group-start{border-left:1px solid #a8cdb461}.report-table__group-receivable{border-left-color:#e0ad634d;border-right-color:#e0ad6338;color:#8a4b12!important;background:linear-gradient(#fff6e8 0%,#ffefd6 100%)!important}.report-table__group-receivable.report-table__group-start,.report-table__group-receivable.report-table__group-end{border-color:#e0ad6361!important}.report-table__group-end{border-right:1px solid #a8cdb461!important}.report-table th.num,.report-table td.num{text-align:right;font-variant-numeric:tabular-nums}.report-table tbody tr:hover{background:var(--c-surface-high)}.report-table tbody tr.report-summary-row,.report-table tbody tr.report-summary-row:hover{color:#0f3b16;background:#c7ffc0;font-weight:700}.report-table tbody tr.report-summary-row--total,.report-table tbody tr.report-summary-row--total:hover{color:#4a3000;background:#ffe8a3}.report-table tbody tr.report-row--receipt{background:#e7f5ed70}.report-table tbody tr.report-row--return{background:#fff0d8b8}.report-table tbody tr.report-row--receipt:hover{background:#def0e7}.report-table tbody tr.report-row--return:hover{background:#ffe5bd}.report-empty{text-align:center;vertical-align:middle;height:100%;color:var(--c-on-surface-variant);border-bottom:none}@media (width<=1100px){.report-toolbar,.report-toolbar--goods-receipt{grid-template-columns:1fr 1fr}.report-check-group{width:auto}.report-checks{grid-column:1/-1}.report-summary{grid-template-columns:1fr 1fr}}@media (width<=640px){.report-toolbar,.report-summary{grid-template-columns:1fr}}.klenz-page{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow:hidden}.klenz-toolbar{background:var(--c-surface);border:1px solid var(--c-outline-variant);border-radius:8px;grid-template-columns:repeat(3,minmax(150px,220px)) max-content;align-items:end;gap:12px;padding:14px;display:grid}.klenz-toolbar .btn{justify-content:center;height:40px}.klenz-summary{grid-template-columns:repeat(4,minmax(150px,1fr))}.klenz-table th,.klenz-table td{text-overflow:ellipsis;max-width:240px;overflow:hidden}.klenz-table__wide-cell{max-width:420px}.klenz-modal{background:var(--c-surface);width:min(1180px,100vw - 40px);max-height:min(760px,100dvh - 128px);box-shadow:var(--shadow-overlay);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.klenz-modal__header,.klenz-modal__footer{background:var(--c-surface-high);border-bottom:1px solid var(--c-outline-variant);flex-shrink:0;align-items:center;gap:10px;padding:12px 18px;display:flex}.klenz-modal__header{justify-content:space-between}.klenz-modal__header h2{margin:0;font-size:18px}.klenz-modal__header p{color:var(--c-on-surface-variant);margin:4px 0 0;font-size:12px}.klenz-modal__footer{border-top:1px solid var(--c-outline-variant);border-bottom:0;justify-content:flex-end}.klenz-modal__body{flex:1;min-height:0;padding:12px 18px;overflow:auto}.klenz-panel{margin-bottom:12px}.klenz-panel h3{margin:0 0 10px;font-size:14px}.klenz-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.klenz-form-grid label{color:var(--c-on-surface-variant);flex-direction:column;gap:5px;font-size:12px;display:flex}.klenz-form-grid input,.klenz-form-grid select,.klenz-form-grid textarea{border:1px solid var(--c-outline-variant);background:var(--c-surface);min-height:36px;color:var(--c-on-surface);border-radius:6px;padding:7px 9px;font-size:13px}.klenz-form-grid textarea{resize:vertical;min-height:58px}.klenz-form-grid__wide{grid-column:span 2}.klenz-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.klenz-gallery__item{border:1px solid var(--c-outline-variant);background:var(--c-surface);border-radius:8px;overflow:hidden}.klenz-gallery__item img,.klenz-gallery__placeholder{aspect-ratio:4/3;object-fit:cover;background:var(--c-surface-high);width:100%;display:block}.klenz-gallery__placeholder{color:var(--c-on-surface-variant);place-items:center;font-size:12px;display:grid}.klenz-gallery__meta,.klenz-gallery__price,.klenz-gallery__desc{text-align:center;padding:6px 8px;font-size:12px}.klenz-gallery__meta{color:#fff;background:#702c33}.klenz-gallery__price{color:#fff;background:#657dd0}.klenz-gallery__desc{color:#fff;background:orange}.klenz-detail-empty{color:var(--c-on-surface-variant);text-align:center;margin:0;padding:16px}@media (width<=980px){.klenz-toolbar,.klenz-summary,.klenz-form-grid{grid-template-columns:1fr 1fr}.klenz-form-grid__wide{grid-column:1/-1}}@media (width<=640px){.klenz-toolbar,.klenz-summary,.klenz-form-grid{grid-template-columns:1fr}}