*,:before,:after{box-sizing:border-box}body{color:#e1e1e6;background-color:#121214;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:#121214;flex-direction:column;flex:1;min-width:0;height:100vh;padding:24px;transition:all .3s;display:flex;overflow-y:auto}.sidebar{z-index:200;background-color:#1a1a1e;border-right:1px solid #29292e;flex-direction:column;flex-shrink:0;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed{width:68px}.sidebar-header{border-bottom:1px solid #29292e;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.brand-title{letter-spacing:1px;color:#fff;white-space:nowrap;font-size:18px;font-weight:800;transition:opacity .2s}.sidebar.collapsed .brand-title{display:none}.toggle-sidebar-btn{color:#8d8d99;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.toggle-sidebar-btn:hover{color:#fff;background-color:#29292e}.sidebar-menu{flex-direction:column;gap:4px;margin:0;padding:12px 0;list-style:none;display:flex}.menu-item{color:#c4c4cc;cursor:pointer;white-space:nowrap;align-items:center;gap:16px;padding:14px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar.collapsed .menu-item{justify-content:center;padding:14px 0}.menu-icon{text-align:center;width:24px;font-size:18px;display:inline-block}.menu-text{transition:opacity .2s}.sidebar.collapsed .menu-text{display:none}.menu-item:hover{color:#fff;background-color:#202024}.menu-item.active{color:#0084ff;background-color:#0084ff1f;font-weight:600}.menu-item.active:before{content:"";background-color:#0084ff;width:4px;position:absolute;top:0;bottom:0;left:0}.crm-header{border-bottom:1px solid #29292e;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.crm-header h1{margin:0;font-size:22px;font-weight:700}.badge{color:#0084ff;text-transform:uppercase;letter-spacing:.5px;background-color:#0084ff26;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700}.form-section{background-color:#18181b;border:1px solid #29292e;border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 4px 16px #0006}.form-section h2{color:#fff;margin-top:0;margin-bottom:16px;font-size:16px}.order-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.phone-field-wrapper{grid-column:auto;max-width:280px}.form-group{flex-direction:column;display:flex;position:relative}.form-group.full-width{grid-column:1/-1}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:#6e6e73;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.crm-input-styled{box-sizing:border-box;color:#f5f5f7;background-color:#202024;border:1px solid #2d2d32;border-radius:6px;outline:none;width:100%;height:38px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.crm-input-styled:focus{background-color:#18181b!important;border-color:#0084ff!important;box-shadow:0 0 0 2px #0084ff26!important}.crm-input-styled::placeholder{color:#6e6e73}.crm-input-styled:disabled{color:#7c7c8a;cursor:not-allowed;background-color:#1a1a1e}.form-expandable-content{opacity:0;visibility:hidden;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;max-height:0;padding-top:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .3s;display:grid;overflow:visible}.form-expandable-content.expanded{opacity:1;visibility:visible;border-top:1px solid #29292e;max-height:1000px;padding-top:16px}.submit-btn{color:#fff;cursor:pointer;background-color:#0084ff;border:none;border-radius:6px;width:100%;height:38px;margin-top:22px;font-size:13px;font-weight:700;transition:background-color .2s}.submit-btn:hover{background-color:#06c}.tags-input-container{box-sizing:border-box;background-color:#202024;border:1px solid #2d2d32;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:38px;max-height:38px;padding:3px 6px;transition:border-color .2s;display:flex;overflow:auto hidden}.tags-input-container:focus-within{border-color:#0084ff;box-shadow:0 0 0 2px #0084ff26}.defect-tag{color:#60a5fa;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0084ff26;border:1px solid #0084ff59;border-radius:4px;align-items:center;gap:5px;height:24px;padding:2px 6px 2px 8px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.tag-remove-btn{color:#93c5fd;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;margin:0;padding:0;font-size:13px;font-weight:700;line-height:1;transition:all .15s;display:flex}.tag-remove-btn:hover{color:#ff6b6b;background-color:#ff6b6b40}.tags-input-container input{color:#fff;flex:1;min-width:110px;font-size:12.5px;height:26px!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 4px!important}.defect-suggestions{z-index:999;background-color:#18181b;border:1px solid #0084ff;border-radius:6px;max-height:180px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #000000d9}.defect-item{color:#f5f5f7;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;transition:background .15s;display:flex}.defect-item:hover{color:#0084ff;background-color:#25252a}.defect-item.selected{color:#0084ff;font-weight:700}.search-section{width:100%;margin-top:10px;margin-bottom:16px}.search-input-wrapper{width:100%;max-width:450px;position:relative}.search-input-wrapper input{color:#f5f5f7;background-color:#202024;border:1px solid #2d2d32;border-radius:6px;outline:none;width:100%;height:38px;padding:8px 14px 8px 36px;font-size:13px;transition:all .2s}.search-input-wrapper input:focus{background-color:#18181b;border-color:#0084ff;box-shadow:0 0 0 2px #0084ff26}.search-icon{color:#6e6e73;pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.orders-table{border-collapse:collapse;background-color:#202024;border-radius:8px;width:100%;margin-top:10px;margin-bottom:40px;box-shadow:0 4px 12px #00000080}.orders-table tbody tr{cursor:pointer}.orders-table th{text-align:left;color:#8d8d99;text-transform:uppercase;letter-spacing:1px;background-color:#1a1a1e;border-bottom:1px solid #29292e;padding:16px;font-size:11px;font-weight:600}.orders-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #29292e;padding:14px 16px}.orders-table tr:hover{background-color:#252529}.custom-dropdown{display:inline-block;position:relative}.dropdown-trigger{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.dropdown-trigger:after{content:"";border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;margin-left:4px}.dropdown-menu{z-index:100;background-color:#29292e;border:1px solid #3e3e44;border-radius:6px;min-width:160px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0009}.dropdown-item{color:#e1e1e6;cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.dropdown-item:hover{background-color:#323238}.status-dot{border-radius:50%;width:8px;height:8px}.color-received{color:#4da3ff;background-color:#0084ff1f;border-color:#0084ff4d}.dot-received{background-color:#0084ff}.color-waiting{color:#ffb152;background-color:#f7931a1f;border-color:#f7931a4d}.dot-waiting{background-color:#f7931a}.color-ready{color:#33cc95;background-color:#00b37e1f;border-color:#00b37e4d}.dot-ready{background-color:#00b37e}.color-done{color:#a9a9b2;background-color:#8d8d991f;border-color:#8d8d994d}.dot-done{background-color:#8d8d99}.source-tag{color:#60a5fa;letter-spacing:.3px;background-color:#3b82f61a;border-radius:4px;margin-top:3px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.autocomplete-wrapper{width:100%;position:relative}.suggestions-list{z-index:300;background-color:#18181b;border:1px solid #2d2d32;border-radius:8px;width:max-content;min-width:100%;max-width:380px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 28px #0009}.suggestion-item{cursor:pointer;color:#f5f5f7;white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.suggestion-item:hover{color:#0084ff;background-color:#202024}.suggestion-item .phone-num{color:#0084ff;font-family:monospace;font-weight:600}.suggestion-name{color:#8d8d99;text-overflow:ellipsis;white-space:nowrap;margin-left:16px;font-weight:500;overflow:hidden}.suggestion-item:hover .suggestion-name{color:#e1e1e6}.modal-overlay{z-index:300;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#202024;border:1px solid #29292e;border-radius:8px;width:100%;max-width:400px;padding:24px;box-shadow:0 10px 30px #00000080}.modal-content h3{color:#fff;margin-top:0;margin-bottom:20px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.cancel-btn{color:#a9a9b2;cursor:pointer;background-color:#0000;border:1px solid #323238;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600}.cancel-btn:hover{color:#fff;background-color:#29292e}.edit-btn-inline{color:#0084ff;cursor:pointer;background:0 0;border:1px solid #323238;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600}.edit-btn-inline:hover{background-color:#0084ff1a;border-color:#0084ff}.warehouse-layout{flex-direction:column;gap:24px;display:flex}.categories-bar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.category-btn{color:#c4c4cc;cursor:pointer;background-color:#202024;border:1px solid #29292e;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.category-btn:hover{color:#fff;background-color:#29292e}.category-btn.active{color:#0084ff;background-color:#0084ff1f;border-color:#0084ff66}.warehouse-actions-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.add-product-btn{color:#fff;cursor:pointer;background-color:#0084ff;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;display:flex}.add-product-btn:hover{background-color:#06c}.product-img-preview{object-fit:cover;background-color:#121214;border:1px solid #29292e;border-radius:4px;width:42px;height:42px}.no-img-stub{justify:center;align-items:center;width:100%;height:100%;display:flex}.action-icon-btn{cursor:pointer;color:#e1e1e6;background:0 0;border:1px solid #323238;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .2s}.action-icon-btn:hover{background-color:#29292e;border-color:#8d8d99}.action-icon-btn.inc-btn{color:#33cc95}.action-icon-btn.inc-btn:hover{background-color:#00b37e1a}.action-icon-btn.exp-btn{color:#ff6b6b}.action-icon-btn.exp-btn:hover{background-color:#f443361a}.history-section{background-color:#1a1a1e;border:1px solid #29292e;border-radius:8px;margin-top:20px;padding:16px}.type-log-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.type-log-badge.income{color:#33cc95;background-color:#00b37e26}.type-log-badge.expense{color:#ff6b6b;background-color:#f4433626}.undo-btn{color:#7c7c8a;cursor:pointer;background:0 0;border:none;font-size:12px}.undo-btn:hover{color:#ff6b6b;text-decoration:underline}.categories-config-zone{background-color:#1a1a1e;border:1px solid #29292e;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.cat-manage-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cat-manage-badge{background-color:#202024;border:1px solid #323238;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:13px;display:flex}.cat-mini-btn{color:#8d8d99;cursor:pointer;background:0 0;border:none;padding:0 2px}.cat-mini-btn:hover{color:#fff}.cat-mini-btn.del:hover{color:#ff6b6b}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#crm-editor-sheet img{cursor:pointer;border:2px solid #0000;max-width:100%;height:auto;transition:all .2s;display:inline-block}#crm-editor-sheet img.selected-img,#crm-editor-sheet img:focus{outline:none;box-shadow:0 0 8px #0084ff66;border:2px solid #0084ff!important}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;visibility:hidden;background-color:#0009;transition:all .25s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.product-img-wrapper{border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:visible!important}.product-img-preview{object-fit:contain;transform-origin:0 0;cursor:pointer;z-index:1;background-color:#202024;border-radius:6px;width:40px;height:40px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:block;position:relative}.product-img-preview:hover{border:1px solid #0084ff;transform:scale(3.5);box-shadow:0 10px 30px #000000e6;z-index:1000!important}.chat-history-scroll::-webkit-scrollbar{width:4px}.chat-history-scroll::-webkit-scrollbar-track{background:0 0}.chat-history-scroll::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}.chat-history-scroll::-webkit-scrollbar-thumb:hover{background:#0084ff}.chat-history-scroll{scrollbar-width:thin;scrollbar-color:#27272a transparent}@keyframes applePulseGlow{0%{box-shadow:0 0 #0084ff66}70%{box-shadow:0 0 0 6px #0084ff00}to{box-shadow:0 0 #0084ff00}}.quick-order-panel{animation:2.5s infinite applePulseGlow}.quick-order-panel:hover{border-color:#0084ff!important;box-shadow:0 4px 16px #0084ff59!important}.quick-order-panel:hover svg{transform:rotate(90deg)}