*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa!important;color:#333;overflow-x:hidden}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;padding:48px;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;text-align:center}.auth-logo{font-size:64px;margin-bottom:16px}.auth-card h1{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:8px}.auth-subtitle{color:#7f8c8d;font-size:14px;margin-bottom:32px}.auth-card .form-group{margin-bottom:20px;text-align:left}.auth-card label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.auth-card input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s}.auth-card input:focus{outline:none;border-color:#667eea}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-login:active{transform:translateY(0)}.error-message{margin-top:16px;padding:12px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;display:none}.error-message.show{display:block}.toast{background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:10px;min-width:250px;max-width:400px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out;font-size:14px;border-left:4px solid #4CAF50}.toast.error{border-left-color:#f44336;background:#ffebee;color:#c62828}.toast.success{border-left-color:#4caf50;background:#e8f5e9;color:#2e7d32}.toast.warning{border-left-color:#ff9800;background:#fff3e0;color:#e65100}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.main-content{background-color:#f5f7fa!important}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#2c3e50!important;color:#fff;position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;z-index:1000;transition:width .25s ease;overflow:hidden}.sidebar.collapsed{width:62px}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-name,.sidebar.collapsed .btn-logout .btn-text{opacity:0;width:0;overflow:hidden;white-space:nowrap;pointer-events:none;transition:opacity .15s ease,width .25s ease}.sidebar.collapsed .nav-item{padding:14px 0;justify-content:center;gap:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:14px 0}.sidebar.collapsed .user-info{justify-content:center!important;padding:10px 0!important;gap:0!important}.sidebar.collapsed .user-name{opacity:0;flex:0 0 0px;max-width:0;overflow:hidden;white-space:nowrap;pointer-events:none;padding:0;margin:0}.sidebar.collapsed .sidebar-footer{padding:16px 8px}.sidebar.collapsed #sidebar-toggle{transform:rotate(180deg)}.sidebar-header{padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;height:56px;box-sizing:border-box}.sidebar-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ffffff26;border-radius:6px}.sidebar-header h2{font-size:18px;font-weight:600;margin:0}.sidebar-nav{flex:1;padding:20px 0;min-height:0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#fffc;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;border-left-color:#fff}.nav-icon{font-size:20px}.nav-text{font-size:15px;font-weight:500}.main-content{flex:1;margin-left:250px;transition:margin-left .25s ease;min-height:100vh;background:#f5f7fa;min-width:0;overflow-x:hidden}.page-content{display:none;padding:0;max-width:100%;margin:0}.page-content.active{display:block}.page-content>.controls-panel,.page-content>.filters-section,.page-content>.table-container,.page-content>#pagination,.page-content>.doc-section{margin:0 20px 20px}.page-content>.page-header{margin:0 0 20px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 24px;border-radius:0;margin:0 0 20px;box-shadow:0 2px 4px #0000001a;height:56px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.page-header h1{font-size:18px;margin:0;font-weight:600}.page-header .subtitle{font-size:14px;opacity:.9;margin:0}.app-container{max-width:1600px;margin:0 auto;padding:20px}.controls-panel{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.search-box{display:flex;gap:10px;margin-bottom:15px}.search-box input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s}.search-box input:focus{outline:none;border-color:#667eea}.search-box button{padding:12px 24px;background:transparent;color:#17a2b8;border:1px solid #17a2b8;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.search-box button:hover{background:#17a2b8;color:#fff;border-color:#17a2b8;transform:translateY(-1px);box-shadow:0 2px 6px #17a2b84d}.control-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.control-buttons .btn-primary{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.control-buttons .btn-primary:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-secondary{padding:10px 20px;background:transparent;color:#28a745;border:1px solid #28a745;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-secondary:hover{background:#28a745;color:#fff;border-color:#28a745;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.btn-danger{padding:10px 20px;background:transparent;color:#dc3545;border:1px solid #dc3545;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-danger:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.records-count{margin-left:auto;color:#666;font-size:14px;font-weight:500}.stage-filter-wrap{position:relative;margin:0 20px 8px;overflow:hidden}.stage-filter-wrap:before,.stage-filter-wrap:after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s}.stage-filter-wrap:before{left:0;background:linear-gradient(to right,#f5f7fa 0%,transparent 100%)}.stage-filter-wrap:after{right:0;background:linear-gradient(to left,#f5f7fa 0%,transparent 100%)}.stage-filter-wrap.can-scroll-left:before{opacity:1}.stage-filter-wrap.can-scroll-right:after{opacity:1}.stage-filter-wrap.scrolling-left,.stage-filter-wrap.scrolling-left *{cursor:w-resize!important}.stage-filter-wrap.scrolling-right,.stage-filter-wrap.scrolling-right *{cursor:e-resize!important}.stage-filter-bar{display:flex;flex-wrap:nowrap;gap:6px;padding:10px 2px 8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stage-filter-bar::-webkit-scrollbar{display:none}.stage-chip{padding:5px 14px;border-radius:16px;border:1px solid #d0d0d0;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.stage-chip:hover{background:#e8f0fe;border-color:#3498db;color:#3498db}.stage-chip.active{background:#3498db;border-color:#3498db;color:#fff}.stage-badge{display:inline-block;font-size:12px;color:#555;white-space:nowrap}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{background:#667eea1a}.sortable-th.sort-active{color:#667eea}.sort-icon{font-size:12px;opacity:.8}.tag-filter-dropdown{position:relative;display:inline-flex;align-items:center;margin-right:12px}.tag-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#444;font-size:14px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.tag-filter-btn:hover{border-color:#667eea;background:#f5f6ff}.tag-filter-btn.active{border-color:#667eea;background:#667eea;color:#fff}.tag-filter-btn.active .tag-filter-arrow{color:#fffc}.tag-filter-arrow{font-size:10px;color:#999;transition:transform .2s}.tag-filter-menu.open+* .tag-filter-arrow,.tag-filter-menu.open~.tag-filter-btn .tag-filter-arrow{transform:rotate(180deg)}.tag-filter-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:180px;max-width:260px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 20px #0000001f;z-index:500;overflow:hidden}.tag-filter-menu.open{display:block}#tag-filter-options{max-height:240px;overflow-y:auto;padding:6px 0}.tag-filter-option{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:13px;color:#333;transition:background .12s;-webkit-user-select:none;user-select:none}.tag-filter-option:hover{background:#f5f6ff}.tag-filter-option.checked{background:#f0f1ff}.tag-filter-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%}.tag-filter-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-filter-check{color:#667eea;font-size:13px;font-weight:700;width:14px;text-align:center}.tag-filter-footer{border-top:1px solid #eee;padding:8px 14px;display:flex;justify-content:flex-end}.tag-filter-clear{background:none;border:none;font-size:12px;color:#999;cursor:pointer;padding:2px 4px;transition:color .15s}.tag-filter-clear:hover{color:#e74c3c}.order-tags-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.order-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.6}.order-tag-badge.detail-tag{font-size:12px;padding:3px 10px}.tag-remove-btn{background:none;border:none;color:#ffffffd9;font-size:14px;line-height:1;cursor:pointer;padding:0;margin-left:2px;transition:color .15s}.tag-remove-btn:hover{color:#fff}.color-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s;flex-shrink:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;outline:2px solid #667eea}tr.dragging{opacity:.4}.drag-ghost-badge{position:fixed;left:-9999px;top:-9999px;display:inline-flex;flex-direction:column;align-items:flex-start;background:#667eea;color:#fff;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;box-shadow:0 4px 14px #0000004d;white-space:nowrap;pointer-events:none}.drag-ghost-badge .drag-ghost-id{font-weight:600;letter-spacing:.2px}.drag-ghost-badge .drag-ghost-hint{font-size:11px;opacity:.82;margin-top:3px}.stage-chip.drag-over{background:#2176c7;border-color:#2176c7;color:#fff;box-shadow:0 0 0 3px #3498db66;transform:scale(1.08)}.stage-inline-select{font-size:12px;padding:3px 6px;border-radius:4px;border:1px solid #ccc;background:#fff;cursor:pointer;max-width:160px}.filters-section{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.filters-section h3{margin-bottom:15px;color:#555;font-size:18px}#filters-container{margin-bottom:15px}.filter-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.filter-row select,.filter-row input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.filter-row select:first-child{min-width:150px}.filter-row select:nth-child(2){min-width:180px}.filter-row input{flex:1}.filter-row button{padding:8px 14px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.filter-row button:hover{background:#da190b}.filter-actions{display:flex;gap:10px}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}table{width:100%;border-collapse:collapse}thead{background:#f8f9fa}th{padding:16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;white-space:nowrap}tbody tr{cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}tbody tr:hover{background:#f8f9ff}tbody tr.row-highlight{animation:highlightRow 3s ease-in-out;box-shadow:0 0 0 3px #667eea}@keyframes highlightRow{0%{background:#667eea;box-shadow:0 0 0 3px #667eea}15%{background:#a5b4fc;box-shadow:0 0 0 2px #a5b4fc}30%{background:#e0e7ff;box-shadow:0 0 0 2px #e0e7ff}50%{background:#f0f4ff;box-shadow:0 0 0 1px #f0f4ff}to{background:transparent;box-shadow:none}}td{padding:14px 16px}.status-match{background-color:#d4edda!important}.status-mismatch{background-color:#f8d7da!important}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pagination button{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.pagination button:hover:not(:disabled){background:#5568d3}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{color:#666;font-size:14px;font-weight:500}.order-details-panel{position:fixed;top:0;right:-90%;width:90%;height:100%;background:#fff;box-shadow:-2px 0 10px #0003;z-index:1001;transition:right .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column}.order-details-panel.active{right:0}.details-sticky-bar{flex-shrink:0;padding:12px 24px;background:#f8f9ff;border-bottom:1px solid #e8eaf6;display:flex;gap:24px;align-items:center}.details-sticky-bar .sticky-text{flex:1;font-size:14px;color:#333;white-space:pre-wrap;max-height:60px;overflow:hidden}.details-sticky-bar .sticky-budget{font-size:20px;font-weight:700;color:#fff;white-space:nowrap}.details-two-col{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:0}.details-col{overflow-y:auto;padding:20px 20px 40px;min-height:0}.details-col+.details-col{border-left:1px solid #e8eaf6}.item-card-body{transition:none}.item-card.collapsed .item-card-body{display:none}.item-card-toggle{background:none;border:none;cursor:pointer;font-size:13px;color:#ffffffd9;padding:0 4px;transition:transform .2s;line-height:1;flex-shrink:0;margin-right:6px}.item-card-toggle:hover{color:#fff}.item-card.collapsed .item-card-toggle{transform:rotate(-90deg)}.customer-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.customer-profile-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:600px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.customer-profile-modal .modal-header{padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.customer-profile-modal .modal-header h3{margin:0;font-size:16px}.customer-profile-modal .modal-header .close-btn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1;opacity:.85}.customer-profile-modal .modal-header .close-btn:hover{opacity:1}.customer-profile-modal .modal-body{overflow-y:auto;padding:20px 24px;flex:1}.customer-profile-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.customer-profile-info .info-item label{display:block;font-size:11px;text-transform:uppercase;color:#999;margin-bottom:3px}.customer-profile-info .info-item .value{font-size:14px;color:#333;font-weight:500}.customer-orders-table{width:100%;border-collapse:collapse;font-size:13px}.customer-orders-table th{text-align:left;padding:8px 10px;background:#f5f6ff;color:#555;font-weight:600;border-bottom:2px solid #e8eaf6}.customer-orders-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;color:#333}.customer-orders-table tr:hover td{background:#f9f9ff}.order-note-block{margin-bottom:16px}.order-note-block label{display:block;font-size:11px;text-transform:uppercase;color:#999;margin-bottom:6px;font-weight:600;letter-spacing:.5px}.detail-fields{display:flex;flex-direction:column;gap:6px}.detail-field-row{display:flex;align-items:baseline;gap:8px;min-height:26px}.detail-field-row label{flex-shrink:0;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;min-width:80px}.detail-field-row .value{flex:1;font-size:14px;color:#333}.detail-field-group{display:flex;gap:24px;flex-wrap:wrap}.detail-field-group .detail-field-row{flex:1;min-width:140px}.itogo-row{margin-top:4px;padding:6px 8px;border-radius:6px}.itogo-values{display:flex;align-items:center;gap:8px;font-size:14px}.itogo-sep{color:#aaa;font-weight:400}.itogo-val{font-weight:600}.itogo-match-val{color:#1a7a3c}.itogo-mismatch-val{color:#c0392b}.itogo-match{background-color:#eafaf1}.itogo-mismatch{background-color:#fdf0ee}.item-card-head-row1{display:flex;align-items:center;gap:8px;width:100%}.item-card-head-row2{display:flex;align-items:center;gap:16px;margin-top:4px;font-size:12px;color:#ffffffd9;font-weight:400;padding-left:36px;width:100%;box-sizing:border-box}.item-card-head-row2 .editable{color:#ffffffe6}.item-card-header .editable:hover{background-color:#667eea26}.item-card-header .editable:after{display:none}.item-fields-flow{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 16px}.item-fields-flow .field-item{display:flex;flex-direction:column;min-width:80px}.item-fields-flow .field-item label{font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:2px}.item-fields-flow .field-item .value{font-size:13px;color:#333}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:sticky;top:0;z-index:101;box-shadow:0 2px 4px #0000001a;height:56px;box-sizing:border-box}.panel-header h2{font-size:18px;margin:0;font-weight:600}.close-btn{background:none;color:#666;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.close-btn:hover{background:#0000000d;color:#333}.modal-content .modal-header .close-btn,.email-modal .modal-content .modal-header .close-btn{background:none;color:#666}.modal-content .modal-header .close-btn:hover,.email-modal .modal-content .modal-header .close-btn:hover{background:#0000000d;color:#333}.modal .modal-header,.email-modal .modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal .modal-header h2,.email-modal .modal-header h2{margin:0;font-size:20px;font-weight:600}.modal .modal-close,.email-modal .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal .modal-close:hover,.email-modal .modal-close:hover{color:#333;background:#0000000d}.logs-list{display:flex;flex-direction:column;gap:8px}.log-entry{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:6px;border-left:4px solid #ccc;background:#f8f9fa;font-size:13px;line-height:1.4}.log-entry.log-info{border-left-color:#17a2b8;background:#e7f7f9}.log-entry.log-warning{border-left-color:#ffc107;background:#fff9e6}.log-entry.log-error{border-left-color:#dc3545;background:#ffe6e6}.log-time{font-weight:600;color:#666;white-space:nowrap;min-width:80px}.log-level{font-size:16px;flex-shrink:0}.log-message{flex:1;word-break:break-word}.panel-content{padding:0;display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.order-info{margin-bottom:30px}.order-info h3{margin-bottom:15px;color:#667eea;font-size:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.info-item{background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #667eea}.info-item label{display:block;font-weight:600;color:#555;margin-bottom:5px;font-size:13px}.info-item .value{color:#333;font-size:15px}.items-section{margin-bottom:30px}.items-table{width:100%;border-collapse:collapse;margin-top:15px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.items-table th{background:#f0f0f0;padding:12px;text-align:left;font-weight:600;color:#555}.items-table td{padding:12px;border-top:1px solid #e0e0e0}.payments-section{margin-bottom:30px}.payment-item{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:10px;border-left:4px solid #4CAF50}.payment-item.refund{border-left-color:#f44336}.payment-header{display:flex;justify-content:space-between;margin-bottom:8px}.payment-amount{font-size:18px;font-weight:600}.payment-date{color:#666;font-size:14px}.payment-details{font-size:13px;color:#666;margin-top:5px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:none}.overlay.active{display:block}.toast{position:fixed;bottom:30px;right:30px;background:#4caf50;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:500;z-index:10000;opacity:0;transform:translateY(20px);transition:all .3s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.toast-error{background:#f44336}.info-grid-compact{display:flex;flex-direction:column;gap:12px}.info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item-wide{grid-column:span 1}.info-item-wide-2{grid-column:span 2}.sticky-info{position:sticky;top:56px;z-index:100;background:#fff;border:2px solid #667eea;border-radius:8px;margin:0 0 20px;padding:15px 20px;box-shadow:0 2px 8px #0000001a}.sticky-block{display:flex;justify-content:space-between;align-items:center;gap:20px}.sticky-text{flex:1;font-size:14px;line-height:1.5;color:#333}.sticky-budget{font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 20px;border-radius:8px;white-space:nowrap}.items-cards{display:flex;flex-direction:column;gap:20px;margin-top:15px}.item-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 16px;display:flex;flex-direction:column;border-radius:8px 8px 0 0}.item-title{font-weight:600;font-size:15px;color:#fff;flex:1;margin-right:10px;min-width:0}.item-title .editable{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;box-sizing:border-box}.item-card-body{padding:16px}.email-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;cursor:pointer;transition:all .2s ease;opacity:.8}.email-btn:hover{opacity:1;transform:scale(1.1)}.email-btn img{display:block}.email-link-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;text-decoration:none}.email-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.email-link-btn img{display:block}.item-amount{font-size:16px;font-weight:700;white-space:nowrap}.item-card-section{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:13px}.item-card-section:last-of-type{border-bottom:none}.item-card-section span{display:block}.item-card-links{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}.invoice-link-btn{display:inline-block;padding:8px 16px;background:#2196f3;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:background .2s}.invoice-link-btn:hover{background:#0b7dda}@media (max-width: 1024px){.order-details-panel{width:90%;right:-90%}.info-grid,.info-row{grid-template-columns:1fr}.sticky-block{flex-direction:column;align-items:stretch;gap:12px}.sticky-budget{text-align:center;font-size:18px}.sticky-info{top:56px}}@media (max-width: 768px){.app-container{padding:10px}.app-header{padding:20px}.header-content h1{font-size:24px}.table-container{overflow-x:auto}.order-details-panel{width:100%;right:-100%}.info-row{grid-template-columns:1fr}.toast{bottom:20px;right:20px;left:20px;text-align:center}.sticky-info{top:60px;margin:0 0 15px;padding:12px 15px}.sticky-text{font-size:13px}.sticky-budget{font-size:16px;padding:6px 16px}.panel-header h2{font-size:18px}}.editable{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease,box-shadow .2s ease;position:relative;display:inline-block;min-width:50px}.editable:hover{background-color:#f0f4ff;box-shadow:0 0 0 2px #e0e7ff}.editable:after{content:"✎";position:absolute;right:-18px;top:50%;transform:translateY(-50%);opacity:0;font-size:14px;color:#667eea;transition:opacity .2s ease;pointer-events:none}.editable:hover:after{opacity:.6}.edit-input{font-family:inherit;font-size:inherit;width:100%;box-sizing:border-box;padding:4px 8px;border:2px solid #667eea;border-radius:4px;outline:none}.edit-input:focus{border-color:#5568d3;box-shadow:0 0 0 3px #667eea1a}.item-amount.editable{cursor:pointer}.item-amount.editable:hover{background-color:#667eea1a}.item-card-section .editable:after{display:none}.btn-generate-report{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.btn-generate-report:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-generate-report:active:not(:disabled){transform:translateY(0)}.btn-generate-report:disabled{cursor:not-allowed}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px}.setting-item{display:flex;flex-direction:column;gap:6px}.setting-item label{font-weight:500;color:#555;font-size:14px}.setting-item input,.setting-item textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;transition:border-color .2s}.setting-item input:focus,.setting-item textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-item textarea{min-height:100px;resize:vertical}.setting-item.wide{grid-column:span 2}.btn-generate{background:transparent!important;color:#28a745!important;border:2px solid #28a745!important;padding:16px 24px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:8px}.btn-generate:hover{background:#28a745!important;color:#fff!important;border-color:#28a745!important;transform:translateY(-2px);box-shadow:0 6px 16px #28a7454d!important}.doc-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.document-actions .btn-icon{background:transparent;border:1px solid #28a745;color:#28a745;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.document-actions .btn-icon:hover{background:#28a745;color:#fff;border-color:#28a745;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.document-actions .btn-icon.delete{background:transparent;border:1px solid #dc3545;color:#dc3545}.document-actions .btn-icon.delete:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.btn-icon:hover{background:#667eea;color:#fff;border-color:#667eea}.btn-icon.delete:hover{background:#f44336;border-color:#f44336}.excluded-order-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .2s ease}.empty-state-text{font-size:18px;color:#666}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease}.modal.dictionary-high-z{z-index:10003}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.month-picker-modal{padding:30px}.month-picker-modal h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#333}.month-picker-body{display:flex;flex-direction:column;gap:16px}.month-picker-body label{font-size:14px;font-weight:500;color:#555}.month-input{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .2s}.month-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.month-picker-buttons{display:flex;gap:12px;margin-top:8px}.month-picker-buttons .btn{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.month-picker-buttons .btn-secondary{background:#f5f5f5;color:#666}.month-picker-buttons .btn-secondary:hover{background:#e8e8e8}.month-picker-buttons .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.month-picker-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.settings-actions{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:sticky;top:56px;z-index:100}.settings-category{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.setting-label-description{font-size:13px;color:#666}.setting-input{width:100%}.setting-input input,.setting-input select,.setting-input textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.setting-input input:focus,.setting-input select:focus,.setting-input textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-input input[type=number]{font-family:Courier New,monospace}.setting-input input.modified,.setting-input textarea.modified{background-color:#fff9e6;border-color:#ffc107}.setting-input textarea{min-height:120px;resize:vertical;font-family:Courier New,monospace;font-size:13px}.settings-updated{color:#28a745;font-size:13px;margin-top:4px}@media (max-width: 768px){.sidebar{width:200px}.main-content{margin-left:200px}.sidebar-header h2{font-size:16px}}.nav-text{font-size:14px}.sidebar-footer{padding:16px 16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003;margin-top:auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.user-info{display:flex;align-items:center;gap:10px;color:#ffffffe6;margin-bottom:12px;font-size:13px;padding:10px 12px;background:#ffffff0d;border-radius:6px;min-width:0;width:100%;box-sizing:border-box}.user-icon{font-size:18px;flex-shrink:0}.user-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;min-width:0;max-width:100%}.btn-sidebar-toggle{width:100%;padding:8px;background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:13px;cursor:pointer;transition:color .2s,border-color .2s,transform .25s ease;display:flex;align-items:center;justify-content:center}.btn-sidebar-toggle:hover{color:#ffffffe6;border-color:#fff6}.btn-logout-icon{width:16px;height:16px;vertical-align:middle;filter:invert(55%) sepia(80%) saturate(600%) hue-rotate(310deg) brightness(105%);flex-shrink:0}.btn-logout{width:100%;padding:10px 16px;background:transparent!important;color:#ff6b6b!important;border:1px solid #ff6b6b!important;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.btn-logout:hover{background:#ff6b6b!important;border-color:#ff6b6b!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 6px #ff6b6b66!important}.setting-item{grid-template-columns:1fr;gap:8px}} @media (max-width: 640px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.settings-grid{grid-template-columns:1fr}.setting-item.wide{grid-column:span 1}}.settings-category-header{justify-content:space-between}.settings-category-header h3{margin:0;font-size:16px}.imap-account-email{font-weight:600;font-size:14px;color:#333}.imap-account-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.btn-icon{padding:6px 12px;font-size:13px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;background:#fff;color:#666;border:1px solid #ddd}.btn-icon:hover{background:#f8f9fa;color:#333;transform:translateY(-1px)}.btn-test{background:transparent;color:#17a2b8;border:1px solid #17a2b8}.btn-edit{background:transparent;color:#28a745;border:1px solid #28a745}.btn-delete{background:transparent;color:#dc3545;border:1px solid #dc3545}.imap-modal-content{max-width:500px;max-height:90vh;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:4px;font-size:12px;color:#666}.form-group input[type=checkbox]{margin-right:6px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid #dee2e6}.email-links-section{margin-top:20px}.email-links-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.email-link-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.email-link-item:hover{background:#e9ecef;box-shadow:0 2px 4px #0000000d}.email-link-url{flex:1;color:#007bff;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px}.email-link-url:hover{text-decoration:underline}.email-link-actions{display:flex;gap:8px}.email-link-actions .btn-icon{padding:4px 8px;font-size:12px}.upload-area{border:2px dashed #667eea;border-radius:12px;padding:48px 24px;text-align:center;background:#f8f9ff;transition:all .3s;cursor:pointer}.upload-area:hover{border-color:#5568d3;background:#f0f2ff}.upload-area.dragover{border-color:#4caf50;background:#e8f5e9;transform:scale(1.02)}.upload-icon{font-size:64px;margin-bottom:16px}.upload-area p{margin:8px 0;color:#666;font-size:16px}.upload-hint{font-size:13px!important;color:#999!important;margin-top:16px!important}.upload-area .btn-primary{background:#28a745;color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #28a7454d}.upload-area .btn-primary:hover{background:#218838;transform:translateY(-2px);box-shadow:0 6px 12px #28a74566}.progress-container{margin:24px 0}.progress-bar{width:100%;height:32px;background:#e9ecef;border-radius:16px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:#fff;font-weight:600;font-size:14px}.progress-text{text-align:center;margin-top:8px;font-weight:600;font-size:18px;color:#667eea}.batch-status.new{background:#e9ecef;color:#495057}.batch-status.reviewed{background:#d1ecf1;color:#0c5460}.batch-status.approved{background:#d4edda;color:#155724}.review-actions{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}#orders-review-list{display:flex;flex-direction:column;gap:24px}.order-review-card.success{border-left:4px solid #28a745}.import-badge{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;background:#e3f2fd;color:#1976d2;white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.status-icon{padding:2px 8px;border-radius:8px;font-size:14px;line-height:1;display:inline-flex;align-items:center;cursor:help;white-space:nowrap}.status-completed{background:#e8f5e9;color:#2e7d32}.status-parsed{background:#fff3e0;color:#e65100}.status-imported{background:#e3f2fd;color:#1976d2}.budget-warning{padding:2px 6px;border-radius:8px;font-size:13px;background:#fff3cd;color:#f39c12;white-space:nowrap;display:inline-flex;align-items:center;cursor:help}} .item-title{font-weight:600;font-size:15px;color:#fff;flex:1}.dictionary-section{margin-bottom:32px}.dictionary-section h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:2px solid #667eea}.dictionary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.dictionary-item:hover{background:#e9ecef;box-shadow:0 2px 4px #0000000d}.dictionary-item-main{flex:1}.dictionary-item-name{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.dictionary-item-details .tag{display:inline-block;padding:2px 8px;background:#e9ecef;border-radius:4px;margin-right:4px;margin-top:4px;font-size:11px}.dictionary-item-actions{display:flex;gap:4px}.dictionary-item-actions button{padding:4px 8px;font-size:12px;min-width:auto}.dictionary-buttons{display:flex;gap:12px;flex-wrap:wrap}.dictionary-buttons button{flex:1;min-width:150px;padding:16px;font-size:16px}.vendor-card-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:4px;transition:all .2s}.vendor-card-item:hover button{opacity:1}.vendor-detail-row .tag:hover{background:#dee2e6}.email-link-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:10px;border:1px solid #dee2e6}.email-link-main{flex:1}.email-link-item-select{display:flex;align-items:center;margin-top:8px}.email-link-item-select select.item-select{flex:1;max-width:400px;padding:6px 10px;font-size:13px;border:1px solid #ced4da;border-radius:4px;background:#fff;transition:all .2s}.email-link-item-select select.item-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.email-link-item-select select.item-select[style*="color: rgb(220, 53, 69)"]{border-color:#dc3545;background:#fff5f5}.btn-success{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-success:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline-success{background:transparent;color:#28a745;border:2px solid #28a745;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-success:hover{background:#28a745;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-outline-success:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline-danger{background:transparent;color:#dc3545;border:2px solid #dc3545;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.btn-outline-danger:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{padding:6px 12px;font-size:13px}.btn-primary{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}#order-details-panel .panel-header .close-btn{color:#ffffffe6!important}#order-details-panel .panel-header .close-btn:hover{color:#fff!important;background:#ffffff1a!important}.form-control:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#555}.form-group .form-control{font-size:14px}font-size: 24px; font-weight: 700; } .stat-item-detail .stat-label,.stat-item-detail .stat-value{font-size:13px;margin:0}#payments-table{width:100%;border-collapse:collapse}#payments-table thead th{position:sticky;top:0;background:#f5f7fa;padding:12px 8px;text-align:left;font-weight:600;border-bottom:2px solid #ddd;z-index:10}#payments-table tbody td{padding:10px 8px;border-bottom:1px solid #eee}#payments-table tbody tr:hover{background:#f5f5f5}#payments-es-table thead th{position:sticky;top:0;background:#f5f7fa;padding:12px 8px;text-align:left;font-weight:600;border-bottom:2px solid #ddd;z-index:10}#payments-es-table tbody td{padding:10px 8px;border-bottom:1px solid #eee}#payments-es-table tbody tr:hover{background:#f5f5f5}.payment-details .form-group{margin-bottom:20px}.payment-details .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.payment-details .form-control{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.payment-details .form-control:focus{border-color:#4caf50;outline:none}.tab-button{padding:10px 20px;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-button.active{border-bottom:3px solid #4CAF50;font-weight:700}.tab-button:hover{background:#f5f5f5}.table{width:100%;border-collapse:collapse}.table thead th{background:#f5f5f5;padding:8px;text-align:left;border-bottom:2px solid #ddd}.table tbody td{padding:8px;border-bottom:1px solid #eee}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}.pagination-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:500;color:#333}#categories-table{width:100%}#categories-table td{vertical-align:middle}#category-edit-modal .form-group{margin-bottom:20px}#category-edit-modal .form-group label{display:block;margin-bottom:5px;font-weight:700}#category-edit-modal .form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}#category-edit-modal .form-control:focus{border-color:#4caf50;outline:none}.upload-area{border:2px dashed #ddd;padding:40px;text-align:center;border-radius:8px;background:#f9f9f9;cursor:pointer;transition:all .3s}.upload-area:hover{background:#e3f2fd;border-color:#2196f3}.upload-icon{font-size:48px;margin-bottom:20px}.upload-hint{margin-top:20px;color:#666;font-size:14px}.resize-handle{opacity:0;transition:opacity .2s}.resize-handle:hover{opacity:1;background:linear-gradient(to right,transparent,#2196F3,transparent)}.modal-content:hover .resize-handle{opacity:.3}.modal-content.resizing{-webkit-user-select:none;user-select:none}.modal-content.resizing .resize-handle{opacity:1!important}.import-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.import-section h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.import-section h3{margin:16px 0 12px;font-size:16px;font-weight:600;color:#333}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}.stat-item{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #667eea}.stat-label{display:block;font-size:13px;color:#666;margin-bottom:8px}.stat-value{display:block;font-size:28px;font-weight:700;color:#333}.stat-success{color:#28a745}.stat-warning{color:#ffc107}.stat-error{color:#dc3545}.current-order{background:#fff8e1;border:1px solid #ffc107;border-radius:8px;padding:16px;margin:16px 0}.current-order h3{margin:0 0 12px;font-size:15px;color:#f57c00}.current-order p{margin:6px 0;font-size:14px}.progress-logs{margin-top:24px}.logs-container{max-height:200px;overflow-y:auto;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:12px}.log-entry{padding:4px 0;border-bottom:1px solid #e9ecef}.log-entry:last-child{border-bottom:none}.log-time{color:#999;margin-right:8px}.log-level-info{color:#17a2b8}.log-level-warning{color:#ffc107;font-weight:600}.log-level-error{color:#dc3545;font-weight:600}#import-batches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.batch-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s;cursor:pointer}.batch-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.batch-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.batch-id{font-weight:600;font-size:14px;color:#333;word-break:break-all}.batch-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.batch-status.new,.batch-status.loading{background:#e9ecef;color:#495057}.batch-status.not_ready{background:#fff3cd;color:#856404}.batch-status.error{background:#f8d7da;color:#721c24}.batch-status.ready{background:#d1ecf1;color:#0c5460}.batch-status.partial{background:#cce5ff;color:#004085}.batch-status.completed,.batch-status.transferred{background:#d4edda;color:#155724}.batch-info{font-size:13px;color:#666;margin:8px 0}.batch-info div{margin:4px 0}.batch-actions{margin-top:12px;display:flex;gap:8px}.batch-actions button{flex:1;padding:8px;font-size:13px}.batch-actions .btn-primary{background:transparent;color:#17a2b8;border:1px solid #17a2b8}.batch-actions .btn-primary:hover{background:#17a2b8;color:#fff;border-color:#17a2b8;transform:translateY(-1px);box-shadow:0 2px 6px #17a2b84d}.batch-actions .btn-secondary{background:transparent;color:#28a745;border:1px solid #28a745}.batch-actions .btn-secondary:hover{background:#28a745;color:#fff;border-color:#28a745;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.batch-actions .btn-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.batch-actions .btn-danger:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}#orders-review-list,#orders-review-list-modal{display:flex;flex-direction:column;gap:24px}.order-review-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:visible;transition:all .3s}.order-review-card.status-new{border-left:4px solid #6c757d}.order-review-card.has-warnings{border-left:4px solid #ffc107}.order-review-card.has-errors{border-left:4px solid #dc3545}.order-review-card.success{border-left:4px solid #17a2b8}.order-review-card.status-transferred{border-left:4px solid #28a745}.order-review-header{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.order-review-header h3{margin:0;font-size:18px;font-weight:600}.order-review-status{display:flex;gap:8px;align-items:center}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.success{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.error{background:#f8d7da;color:#721c24}.order-review-body{display:grid;grid-template-columns:350px 1fr;gap:0}.order-text-section{background:#f8f9fa;border-right:2px solid #dee2e6;padding:20px;position:sticky;top:56px;align-self:start}.order-text-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#666;text-transform:uppercase}.order-text-content{font-size:13px;line-height:1.6;color:#333;white-space:pre-wrap;font-family:Courier New,monospace;background:#fff;padding:12px;border-radius:4px;border:1px solid #dee2e6}.order-items-section{padding:20px}.order-items-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333;display:flex;justify-content:space-between;align-items:center}.items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.item-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s}.item-card:hover{box-shadow:0 2px 8px #0000001a}.item-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 16px;display:flex;flex-direction:column;align-items:stretch;border-radius:8px 8px 0 0}.item-title{font-weight:600;font-size:15px;color:#fff;flex:1}.item-actions{display:flex;gap:4px}.item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:13px}.item-detail{display:flex;flex-direction:column}.item-detail-label{font-size:11px;color:#666;text-transform:uppercase;font-weight:600;margin-bottom:2px}.item-detail-value{color:#333}.vendor-validated{color:#28a745;cursor:help}.vendor-unknown{color:#ffc107;cursor:help}.vendor-missing{color:#dc3545;cursor:help}.vendor-check-icon{font-size:12px;margin-left:4px}.vendor-validated .vendor-check-icon{color:#28a745}.vendor-unknown .vendor-check-icon{color:#ffc107}.vendor-validated:hover,.vendor-unknown:hover,.vendor-missing:hover{text-decoration:underline}.order-summary{margin-top:16px;padding:16px;background:#e9ecef;border-radius:6px}.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.summary-row.total{border-top:2px solid #666;margin-top:8px;padding-top:12px;font-weight:600;font-size:16px}.summary-row.mismatch{color:#dc3545;font-weight:600}.order-warnings{margin-top:16px;padding:12px 16px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px}.order-warnings h5{margin:0 0 8px;font-size:14px;color:#856404}.order-warnings ul{margin:0;padding-left:20px;color:#856404;font-size:13px}.order-actions{margin-top:20px;padding-top:16px;border-top:2px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end}.editable-field{cursor:pointer;transition:background .2s}.editable-field:hover{opacity:.8}.batch-settings-section{padding:15px;margin-bottom:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.batch-settings-section h3{margin:0 0 15px;font-size:16px;font-weight:600}#btn-add-imap-account{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}#btn-add-imap-account:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.btn-test{background:transparent;color:#17a2b8;border:1px solid #17a2b8;padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s}.btn-test:hover{background:#17a2b8;color:#fff;border-color:#17a2b8;transform:translateY(-1px);box-shadow:0 2px 6px #17a2b84d}.btn-edit{background:transparent;color:#28a745;border:1px solid #28a745;padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#28a745;color:#fff;border-color:#28a745;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.btn-delete{background:transparent;color:#dc3545;border:1px solid #dc3545;padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.item-actions .btn-outline-success{background:#28a745;color:#fff;border:none;padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s}.item-actions .btn-outline-success:hover{background:#218838;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.item-actions .btn-outline-danger{background:#dc3545;color:#fff;border:none;padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s}.item-actions .btn-outline-danger:hover{background:#c82333;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.btn-delete-item:hover{background:#dc3545;color:#fff;border-color:#dc3545}.email-link-actions .btn-delete-link{background:transparent;color:#dc3545;border:1px solid #dc3545;padding:4px 8px;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s}.email-link-actions .btn-delete-link:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.modal .btn-success{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal .btn-success:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.item-actions .btn-outline-success:disabled,.item-actions .btn-outline-success[disabled],.item-actions .btn-outline-danger:disabled,.item-actions .btn-outline-danger[disabled],.btn-outline-success:disabled,.btn-outline-success[disabled]{pointer-events:none}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.text-muted{color:#666}.text-small{font-size:13px}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-right{text-align:right}.w-50{width:50px}.w-60{width:60px}.w-100{width:100px}.w-120{width:120px}.w-150{width:150px}.w-200{width:200px}.w-250{width:250px}.w-full{width:100%}.p-xs{padding:6px 8px}.p-sm{padding:10px}.p-md{padding:15px}.mb-xs{margin-bottom:3px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.bg-light{background:#f9f9f9}.bg-lighter{background:#f5f5f5}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.flex-center{display:flex;align-items:center;gap:6px}.flex-center-pointer{display:flex;align-items:center;gap:6px;cursor:pointer}.text-wrap{white-space:normal;word-wrap:break-word}.text-wrap-250{white-space:normal;word-wrap:break-word;max-width:250px;width:250px}.icon-xl{font-size:48px;margin-bottom:20px}.modal-xl{width:1200px;max-width:95vw;max-height:90vh;position:relative}.w-120-right{width:120px;text-align:right}.modal-body-scroll{max-height:70vh;overflow-y:auto}.upload-area{border:2px dashed #ddd;padding:40px;text-align:center;border-radius:8px;background:#f9f9f9;cursor:pointer}.upload-hint{margin-top:20px;color:#666}.info-box-blue{margin-top:15px;padding:15px;background:#e3f2fd;border-radius:8px}.info-box-blue h3{margin-top:0;margin-bottom:10px;font-size:15px}.text-md-mb{font-size:16px;margin-bottom:10px}.resize-handle{position:absolute;z-index:10}.resize-handle-e{top:0;right:0;width:8px;height:100%;cursor:ew-resize}.resize-handle-w{top:0;left:0;width:8px;height:100%;cursor:ew-resize}.mt-sm{margin-top:10px}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.comment-item{background:#f8f9ff;border:1px solid #e0e4f0;border-radius:8px;padding:10px 14px}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comment-author{font-weight:600;font-size:13px;color:#333}.comment-date{font-size:12px;color:#888}.comment-actions{display:flex;gap:4px}.comment-actions button{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:14px;opacity:.6;transition:opacity .15s}.comment-actions button:hover{opacity:1}.comment-text{font-size:14px;color:#444;white-space:pre-wrap;word-break:break-word;line-height:1.5}.comment-form textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #dde1ef;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;color:#333;background:#fff;transition:border-color .2s}.comment-form textarea:focus{outline:none;border-color:#667eea}.comment-edit-textarea{width:100%;box-sizing:border-box;padding:6px 8px;border:2px solid #667eea;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;color:#333}.btn-comment-save-edit{padding:5px 14px;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:13px;cursor:pointer;transition:background .2s}.btn-comment-save-edit:hover{background:#5a6fd6}.settings-container{max-width:1200px;margin:0 auto}.settings-actions{display:flex;gap:12px;margin-bottom:24px}.settings-category{margin-bottom:24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-category-header{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-category-header:hover{background:linear-gradient(135deg,#5568d3,#6a3f91)}.settings-category-body{padding:20px}.setting-item{display:grid;grid-template-columns:1fr 2fr;gap:16px;padding:16px;border-bottom:1px solid #e0e0e0;align-items:center}.setting-item:last-child{border-bottom:none}.setting-label{display:flex;flex-direction:column;gap:4px}.setting-label-text{font-weight:500;color:#333}.setting-label-key{font-size:12px;color:#999;font-family:Courier New,monospace}.setting-input input,.setting-input textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:border-color .2s}.setting-input input:focus,.setting-input textarea:focus{outline:none;border-color:#1976d2}.setting-input input.modified,.setting-input textarea.modified{border-color:#ff9800;background-color:#fff8e1}.setting-input textarea{resize:vertical;min-height:100px;font-family:Courier New,monospace}.imap-section{margin-top:32px}.imap-section .settings-category-header{display:flex;justify-content:space-between;align-items:center}.imap-section .settings-category-header h3{margin:0}#imap-accounts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.imap-account-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s}.imap-account-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.imap-account-card.inactive{opacity:.6}.imap-account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.imap-account-email{font-weight:600;font-size:16px;color:#333}.imap-account-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.imap-account-status.active{background:#d4edda;color:#155724}.imap-account-status.inactive{background:#f8d7da;color:#721c24}.imap-account-details{font-size:13px;color:#666;margin-bottom:12px}.imap-account-detail{display:flex;justify-content:space-between;margin:4px 0}.imap-account-actions{display:flex;gap:8px}.btn-icon{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.btn-test{background:#17a2b8;color:#fff;border:none}.btn-test:hover{background:#138496}.btn-edit{background:#ffc107;color:#fff;border:none}.btn-edit:hover{background:#e0a800}.btn-delete{background:#dc3545;color:#fff;border:none}.btn-delete:hover{background:#c82333}#imap-modal .modal-content{max-width:600px}#imap-form .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}#imap-form{display:flex;flex-direction:column}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}#imap-form label{font-weight:500;color:#333}#imap-form input[type=text],#imap-form input[type=email],#imap-form input[type=password],#imap-form input[type=number]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;transition:border-color .2s}#imap-form input:focus{outline:none;border-color:#1976d2}#imap-form small{font-size:12px;color:#666;margin-top:4px}@media (max-width: 768px){.setting-item{grid-template-columns:1fr;gap:8px}.imap-account-details{grid-template-columns:1fr}.imap-account-actions{justify-content:flex-start}}.dictionary-list{display:flex;flex-direction:column;gap:8px}.dictionary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #dee2e6;border-radius:8px;transition:all .2s}.dictionary-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);border-color:#667eea}.dictionary-item-name{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.dictionary-item-details{font-size:12px;color:#666}.dictionary-item-details .tag{display:inline-block;padding:2px 8px;background:#e9ecef;border-radius:4px;margin-right:4px;font-size:11px;color:#495057}.vendor-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;transition:all .2s;cursor:pointer}.vendor-list-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);border-color:#667eea}.vendor-list-item-main{flex:1}.vendor-list-item-name{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.vendor-list-item-details{display:flex;flex-direction:column;gap:8px}.vendor-detail-row{display:flex;align-items:flex-start;gap:8px;font-size:13px}.vendor-detail-row strong{min-width:120px;color:#666;font-weight:600;white-space:nowrap}.vendor-detail-row>span{flex:1;display:flex;flex-wrap:wrap;gap:0}.vendor-detail-row .tag{display:inline-block;padding:3px 10px;background:#e9ecef;border-radius:12px;margin-right:6px;margin-bottom:4px;font-size:12px;color:#495057;border:1px solid #dee2e6}.vendor-card-section{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.vendor-card-section h3{color:#495057;font-weight:600}.vendor-card-items{display:flex;flex-direction:column;gap:8px;min-height:40px}.vendor-card-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #dee2e6;transition:all .2s}.vendor-card-item:hover{box-shadow:0 2px 4px #0000001a}.vendor-card-item input{flex:1;border:none;padding:4px;font-size:14px}.vendor-card-item input:focus{outline:none;border-bottom:2px solid #667eea}.vendor-card-item.readonly{background:#f8f9fa}.vendor-card-item.readonly input{background:transparent;color:#495057}.vendor-card-item button{padding:4px 8px;font-size:12px;min-width:auto;opacity:.6;transition:opacity .2s}.vendor-card-item button:hover{opacity:1}.vendor-card-empty{text-align:center;padding:20px;color:#999;font-size:13px;font-style:italic}.email-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center}.email-modal.high-z{z-index:20000}.email-modal .modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:90%;max-height:90vh;display:flex;flex-direction:column}.email-modal .modal-header{padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.email-modal .modal-header h2{margin:0;font-size:18px;color:#333}.email-modal .modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.email-modal .modal-body{padding:20px;overflow-y:auto;flex:1}.keyword-delete-btn{padding:4px 12px;font-size:12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.modal.dictionary-high-z{z-index:20000}.close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.close-btn:hover{color:#333}.doc-section{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.doc-section h2{font-size:20px;margin-bottom:20px;color:#333;display:flex;align-items:center;gap:8px}.generation-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px #667eea4d}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-generate:active{transform:translateY(0)}.doc-filters{display:flex;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.doc-filters label{display:flex;align-items:center;gap:8px;font-weight:500;color:#555}.doc-filters select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;min-width:180px}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.document-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.document-info{flex:1;display:flex;align-items:flex-start;gap:16px}.document-icon{font-size:32px;line-height:1}.document-details{display:flex;flex-direction:column;gap:4px;flex:1}.document-title{font-weight:600;color:#333;font-size:15px}.document-meta{font-size:13px;color:#666}.document-actions{display:flex;gap:8px}.btn-icon{background:#fff;border:1px solid #ddd;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-icon:hover{background:#667eea;border-color:#667eea;color:#fff}.btn-icon.delete:hover{background:#f44336;border-color:#f44336;color:#fff}.excluded-order-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .15s ease}.excluded-order-badge:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.excluded-order-badge:before{content:"📋";margin-right:4px}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state-text{font-size:18px;font-weight:500}.pagination{margin-top:24px}.email-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;justify-content:center;align-items:center}.email-modal .modal-content{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.email-modal .modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.email-modal .modal-header h2{margin:0;font-size:20px;color:#333}.email-modal .modal-body{padding:24px}.email-modal .modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.email-modal .form-group{margin-bottom:20px}.email-modal .form-group label{display:block;margin-bottom:10px;font-weight:500;font-size:14px;color:#333}.email-modal .form-group input,.email-modal .form-group select{width:100%;padding:12px;border-radius:6px;border:1px solid #ddd;font-size:14px;font-family:inherit}.email-modal .form-group input:focus,.email-modal .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.email-modal .modal-close,.email-modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .2s ease;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.email-modal .modal-close:hover,.email-modal .close-btn:hover{color:#333}#agent-reports-progress-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;justify-content:center;align-items:center}#agent-reports-progress-modal .modal-content{background:#fff;border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d}#agent-reports-progress-modal .modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0}#agent-reports-progress-modal .modal-header h2{margin:0;font-size:20px;color:#333}#agent-reports-progress-modal .modal-body{padding:30px}@media (max-width: 768px){.generation-buttons{grid-template-columns:1fr}.doc-filters{flex-direction:column;align-items:stretch}.doc-filters select{min-width:100%}.document-item{flex-direction:column;gap:12px}.document-actions{width:100%;justify-content:flex-end}}.parsing-panel{position:fixed;right:-700px;top:0;width:700px;height:100vh;background:#fff;box-shadow:-4px 0 20px #0003;z-index:10001;display:flex;flex-direction:column;transition:right .3s ease}.parsing-panel.active{right:0}.parsing-panel .panel-header{padding:20px;border-bottom:none;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.parsing-panel .panel-header h2{margin:0;font-size:20px;font-weight:600;color:#fff!important}.parsing-panel .panel-header .close-btn{color:#fffc!important}.parsing-panel .panel-header .close-btn:hover{color:#fff!important}.parsing-panel .panel-content{flex:1;overflow-y:auto;padding:20px}.parsing-panel .panel-footer{padding:15px 20px;border-top:1px solid #e0e0e0;background:#f9f9f9;display:flex;justify-content:flex-end;gap:10px}.settings-section{margin-bottom:25px;padding:15px;background:#f9f9f9;border-radius:8px}.settings-section h3{margin:0 0 15px;font-size:16px;font-weight:600;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea,.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.vendors-list{display:flex;flex-direction:column;gap:10px}.vendor-card{padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.vendor-card-header{font-weight:600;color:#333;margin-bottom:8px;border-bottom:1px solid #f0f0f0;padding-bottom:5px}.vendor-card-details{font-size:13px;color:#666;line-height:1.6}.vendor-card-details div{margin-bottom:4px}.parsing-order-item{padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s}.parsing-order-item:hover{background:#f9f9f9;border-color:#667eea}.parsing-order-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.parsing-order-info{flex:1}.parsing-order-info h4{margin:0 0 5px;font-size:16px;color:#333}.parsing-order-info p{margin:0;font-size:13px;color:#666}.parsing-order-badge{padding:4px 10px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:12px;font-weight:500}.review-items-list{display:flex;flex-direction:column;gap:20px}.review-item{padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.review-item-header{font-weight:600;margin-bottom:10px;color:#333}.review-candidates{display:flex;flex-direction:column;gap:8px}.candidate-card{padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;align-items:center;gap:10px;transition:all .2s}.candidate-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.candidate-card.selected{background:#e8f4fd;border-color:#2196f3}.candidate-card input[type=checkbox]{width:18px;height:18px;cursor:pointer}.candidate-info{flex:1;font-size:13px}.candidate-info-line{margin-bottom:3px}.candidate-info-line strong{color:#555}.candidate-match-badge{padding:3px 8px;background:#4caf50;color:#fff;border-radius:4px;font-size:11px;font-weight:500}.candidate-match-badge.medium{background:#ff9800}.candidate-match-badge.low{background:#f44336}.email-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10002;display:none;align-items:center;justify-content:center}.email-modal.high-z{z-index:10003}.email-modal.active{display:flex}.email-modal.hidden{display:none}.email-modal .modal-content{background:#fff;border-radius:8px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.email-modal .modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.email-modal .modal-header h2{margin:0;font-size:20px;font-weight:600}.email-modal .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .2s}.email-modal .modal-close:hover{color:#333}.email-modal .modal-body{padding:20px}.email-modal .modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.keyword-item{padding:10px 15px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.keyword-item:hover{background:#f9f9f9}.keyword-text{font-size:14px;color:#333}.keyword-delete-btn{padding:4px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.keyword-delete-btn:hover{background:#c82333}#parsing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;display:none}#parsing-overlay.active{display:block}.verify-email-info{background:#f5f5f5;padding:12px;margin-bottom:15px;border-radius:4px;font-size:13px}.verify-email-info p{margin:4px 0}.review-order-info{background:#e8f4fd;padding:12px 15px;border-radius:6px;margin-bottom:15px}.review-order-info h3{margin:0 0 5px;font-size:16px;color:#1976d2}.review-order-info p{margin:0;font-size:13px;color:#555}.progress-list{display:flex;flex-direction:column;gap:10px}.progress-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 15px;transition:all .3s ease}.progress-item.error{background:#ffebee;border-color:#ef5350}.progress-item-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.progress-icon{font-size:18px;line-height:1}.progress-order-id{font-weight:600;color:#333;font-size:14px}.progress-item-status{font-size:13px;color:#666;padding-left:28px}.filtering-log-content{padding:15px}.log-section{margin-bottom:25px}.log-section h3{margin:0 0 12px;font-size:16px;color:#333;border-bottom:2px solid #667eea;padding-bottom:5px}.log-section h4{margin:15px 0 10px;font-size:14px}.log-params{background:#f8f9fa;padding:12px 15px;border-radius:6px;font-size:13px}.log-params p{margin:6px 0}.log-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:10px}.stat-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;padding:15px;border-radius:8px;text-align:center}.stat-item.success{background:linear-gradient(135deg,#4caf50,#45a049)}.stat-item.error{background:linear-gradient(135deg,#f44336,#e53935)}.stat-item-detail{grid-column:span 3;background:#f8f9fa;padding:8px 15px;border-radius:6px;display:flex;justify-content:space-between;font-size:13px}.stat-label{font-size:12px;opacity:.9;margin-bottom:5px;color:inherit}.stat-value{font-size:24px;font-weight:700;color:inherit}.stat-item-detail .stat-label,.stat-item-detail .stat-value{font-size:13px;margin:0}.log-details{max-height:400px;overflow-y:auto}.log-samples{display:flex;flex-direction:column;gap:10px;margin-top:10px}.log-sample{background:#f8f9fa;border-left:4px solid #667eea;padding:10px 12px;border-radius:4px;font-size:12px}.log-sample.success{border-left-color:#4caf50;background:#e8f5e9}.log-sample.error{border-left-color:#f44336;background:#ffebee}.log-sample-date{color:#999;margin-bottom:5px;font-size:11px}.log-sample-from,.log-sample-subject{margin:4px 0;word-break:break-word}.log-sample-reason{margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.1);color:#555;font-style:italic}.manual-order-block{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px;border:2px solid #e0e0e0}.manual-order-block h3{margin:0 0 10px;color:#333;font-size:18px}.manual-order-block .order-date{color:#666;font-size:14px;margin-bottom:15px}.manual-items-list{display:flex;flex-direction:column;gap:15px}.manual-item{background:#fff;border-radius:8px;padding:15px;border:1px solid #ddd}.manual-item .item-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.manual-item .item-info strong{font-size:15px;color:#333}.manual-item .item-quantity{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.manual-item .item-links{margin-bottom:15px}.manual-link-item{background:#f5f5f5;border-radius:6px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0}.manual-link-item .link-preview{flex:1}.manual-link-item .link-subject{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.manual-link-item .link-from{font-size:13px;color:#666;margin-bottom:2px}.manual-link-item .link-date{font-size:12px;color:#999}.manual-link-item .link-actions{display:flex;gap:8px;margin-left:15px}.info-message{line-height:1.6}.info-message ol{line-height:1.8}.info-message strong{color:#1976d2}#cross-rate-modal .form-group{margin-bottom:15px}#cross-rate-modal .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}#cross-rate-modal .form-control{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}#cross-rate-modal .form-control:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a}#cross-rate-modal .form-control.error{border-color:#f44336}#cross-rate-modal .form-control.error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}#cross-rate-result{color:#2196f3;background:#f0f8ff}