.sidebar-item[data-v-7dd7250b]{position:relative;display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:all .2s;margin:4px 10px;border-radius:8px;overflow:auto}.sidebar-icon[data-v-7dd7250b]{width:1.2em;height:1.2em;color:inherit}.sidebar-item--active .sidebar-icon[data-v-7dd7250b]{color:#3498db}.sidebar-item[data-v-7dd7250b]:hover{background:hsla(0,0%,100%,.05)}.sidebar-item--active[data-v-7dd7250b]{background:rgba(52,152,219,.2);border-left:3px solid #3498db}.sidebar-item__icon[data-v-7dd7250b]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#bdc3c7;transition:color .2s}.sidebar-item--active .sidebar-item__icon[data-v-7dd7250b]{color:#3498db}.sidebar-item__content[data-v-7dd7250b]{display:flex;align-items:center;flex:1;transition:all .3s;white-space:nowrap;margin-left:12px}.sidebar-item__label[data-v-7dd7250b]{font-size:14px;font-weight:500}.sidebar-item__tooltip[data-v-7dd7250b]{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#2c3e50;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:auto;transition:all .3s;z-index:1001;box-shadow:0 2px 8px rgba(0,0,0,.2)}.sidebar-item:hover .sidebar-item__tooltip[data-v-7dd7250b]{opacity:1;visibility:visible;left:calc(100% + 10px)}@media (max-width:768px){.sidebar-item__tooltip[data-v-7dd7250b]{display:none}}.sidebar[data-v-9a4f4510]{position:fixed;top:0;left:0;height:100vh;width:200px;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;transition:all .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 10px rgba(0,0,0,.1)}.sidebar--collapsed[data-v-9a4f4510]{width:70px}.sidebar__header[data-v-9a4f4510]{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1);min-height:80px}.sidebar__logo[data-v-9a4f4510]{display:flex;align-items:center;gap:12px}.sidebar__logo-icon[data-v-9a4f4510]{font-size:24px;color:#3498db;min-width:24px}.sidebar__logo-text[data-v-9a4f4510]{font-size:18px;font-weight:600;white-space:nowrap;transition:opacity .3s}.sidebar--collapsed .sidebar__logo-text[data-v-9a4f4510]{opacity:0;width:0}.sidebar__toggle[data-v-9a4f4510]{background:hsla(0,0%,100%,.1);border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar__toggle[data-v-9a4f4510]:hover{background:hsla(0,0%,100%,.2)}.sidebar__nav[data-v-9a4f4510]{flex:1;padding:20px 0;overflow-y:auto}.sidebar__footer[data-v-9a4f4510]{padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar__user[data-v-9a4f4510]{display:flex;align-items:center;gap:12px}.sidebar__user-avatar[data-v-9a4f4510]{width:40px;height:40px;border-radius:50%;background:rgba(52,152,219,.2);display:flex;align-items:center;justify-content:center;color:#3498db}.sidebar__user-info[data-v-9a4f4510]{flex:1}.sidebar__user-name[data-v-9a4f4510]{font-weight:600;font-size:14px}.sidebar__user-role[data-v-9a4f4510]{font-size:12px;color:#bdc3c7}.sidebar__overlay[data-v-9a4f4510]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}@media (max-width:768px){.sidebar[data-v-9a4f4510]{transform:translateX(-100%)}.sidebar--mobile-open[data-v-9a4f4510]{transform:translateX(0)}.sidebar--collapsed[data-v-9a4f4510]{width:260px;transform:translateX(-100%)}}.app-header[data-v-96f2bb2c]{display:flex;align-items:center;justify-content:space-between;height:30px;margin-left:220px;position:sticky;top:0;z-index:100;width:calc(100% - 220px);box-sizing:border-box}.app-header__left[data-v-96f2bb2c]{display:flex;align-items:center;gap:220px}.app-header__menu-toggle[data-v-96f2bb2c]{display:none;background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.app-header__menu-toggle[data-v-96f2bb2c]:hover{background:#f5f5f5}.app-header__title[data-v-96f2bb2c]{font-size:24px;font-weight:600;color:#2c3e50;margin:0}.app-header__right[data-v-96f2bb2c]{display:flex;align-items:center;gap:20px}.app-header__actions[data-v-96f2bb2c]{display:flex;gap:10px}.app-header__action[data-v-96f2bb2c]{position:relative;background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#555}.app-header__action[data-v-96f2bb2c]:hover{background:#f5f5f5}.app-header__badge[data-v-96f2bb2c]{position:absolute;top:-2px;right:-2px;background:#e74c3c;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.app-header__user[data-v-96f2bb2c]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:20px;cursor:pointer;transition:background .2s}.app-header__user[data-v-96f2bb2c]:hover{background:#556af4}.app-header__password[data-v-96f2bb2c]:hover{background:#01e501}.app-header__exit[data-v-96f2bb2c]:hover{color:#1313c7}.app-header__user-name[data-v-96f2bb2c]{font-weight:500}@media (max-width:768px){.app-header[data-v-96f2bb2c]{padding:0 20px;width:calc(100% - 20px)}.app-header__menu-toggle[data-v-96f2bb2c]{display:flex}.app-header__user-name[data-v-96f2bb2c]{display:none}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333}.app,body,html{height:100vh}.app{display:flex;flex-direction:column}.app__container{flex:1;display:flex;height:calc(100vh - 60px)}.app__main{flex:1;margin-left:220px;transition:all .3s ease;display:flex;flex-direction:column;width:calc(100% - 220px);box-sizing:border-box;height:100%}.app__main--collapsed{margin-left:70px;width:calc(100% - 70px)}.app__content{flex:1;height:100%;padding:20px;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-table__body-wrapper::-webkit-scrollbar{width:12px;height:12px}.el-table__body-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.el-table__body-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px;border:2px solid #f1f1f1}.el-table__body-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-table__body-wrapper{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}@media (max-width:768px){.app__main{margin-left:0!important}.app__main--mobile-sidebar-open{transform:translateX(220px)}.app__content{padding:5px}}.customer-page,.supplier-page{height:auto!important}