:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}:root{--bg: #ffffff;--bg-alt: #f7f7f8;--muted: #e5e7eb;--text: #1f2937;--subtle: #6b7280;--primary: #374151;--primary-contrast: #ffffff;--accent: #111827;color:var(--text);background-color:var(--bg-alt)}*{box-sizing:border-box}body{background-color:var(--bg-alt);color:var(--text);min-height:100vh;margin:0}a{text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:1.5rem clamp(1rem,2vw,3rem) 3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-error{color:#dc2626;font-size:.9rem}.success{color:#16a34a}.route-loading{padding:2rem;text-align:center;color:var(--subtle)}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:var(--bg);border-bottom:1px solid var(--muted);box-shadow:0 1px 8px #1118270d}.app-header .brand{display:flex;align-items:center;gap:.5rem}.app-header .logo{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--primary);color:var(--primary-contrast);font-size:1rem}.app-header h1{margin:0;font-size:1rem;font-weight:600}.home-button{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:.5rem;font-size:.9rem;transition:all .2s ease}.home-button:hover{background:#37415114;transform:translate(-2px)}.home-button .home-label{font-weight:600}.header-actions{display:flex;align-items:center;gap:.75rem;width:100%;max-width:1000px}.header-spacer{flex:1}.update-toast{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:var(--muted);border-radius:999px;font-size:.75rem}.header-actions button{border:none;background:none;cursor:pointer;font-size:.8rem}button.primary{background:var(--primary);color:var(--primary-contrast);border:none;padding:.4rem .75rem;border-radius:.4rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-size:.8rem}button.primary:disabled{opacity:.5;cursor:not-allowed}button.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 16px #37415126}button.ghost{border:none;background:transparent;color:var(--text);cursor:pointer;padding:.3rem .5rem;border-radius:.4rem;font-weight:500;font-size:.8rem}button.ghost:hover{background:#37415114}button.ghost:disabled{opacity:.6;cursor:not-allowed}button.danger{background:#dc2626;color:#fff;border:none;padding:.4rem .75rem;border-radius:.5rem;font-weight:500;cursor:pointer}button.danger:hover{background:#b91c1c}button.danger:disabled{opacity:.5;cursor:not-allowed}button.cart{position:relative;font-size:1.25rem;padding:.2rem}button.cart .badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;border-radius:999px;padding:0 .35rem;font-size:.6rem;line-height:1.3;font-weight:600}.profile{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem}.profile-button .avatar{width:1.5rem;height:1.5rem;border-radius:999px;background:var(--primary);color:var(--primary-contrast);display:grid;place-items:center;font-weight:600;font-size:.75rem}.profile-menu{position:absolute;right:0;top:100%;margin-top:.5rem;background:var(--bg);border:1px solid var(--muted);border-radius:.75rem;min-width:12rem;box-shadow:0 12px 24px #1118272e;list-style:none;padding:.5rem 0;z-index:50}.profile-menu li{margin:0}.profile-menu button{width:100%;text-align:left;padding:.6rem 1rem;background:transparent;border:none;cursor:pointer}.profile-menu button:hover{background:#37415114}.admin-nav{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.admin-nav button{background:var(--bg);border:1px solid var(--muted);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.admin-nav button.active{background:var(--primary);color:var(--primary-contrast)}.admin-nav button:hover:not(.active){background:var(--bg-alt)}.admin-nav.enhanced{display:flex;justify-content:center;margin-bottom:2rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--muted)}.nav-list{display:flex;align-items:center;gap:1.5rem}.nav-item{position:relative}.nav-item>button,.nav-toggle{background:var(--bg);border:1px solid var(--muted);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:var(--text)}.nav-item>button:hover,.nav-toggle:hover{background:var(--bg-alt);border-color:var(--primary)}.nav-item>button.active,.nav-toggle.active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);border-color:transparent}.nav-icon{font-size:1.1rem;flex-shrink:0}.nav-label{font-size:.95rem}.nav-arrow{font-size:.7rem;margin-left:.25rem;transition:transform .2s ease;flex-shrink:0}.nav-group.expanded .nav-arrow{transform:rotate(180deg)}.nav-submenu{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--muted);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50}.nav-group.expanded .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-subitem{width:100%;text-align:left;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease;font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.nav-subitem:hover{background:var(--bg-alt)}.nav-subitem.active{background:var(--bg-alt);color:var(--primary);font-weight:500}.nav-subitem:first-child{padding-top:1rem}.nav-subitem:last-child{padding-bottom:1rem}.nav-subitem-icon{font-size:.9rem}.nav-item .badge,.nav-item .badge-alert{position:absolute;top:-.25rem;right:-.5rem;border-radius:999px;padding:.125rem .5rem;font-size:.7rem;font-weight:700;line-height:1.2;min-width:1.25rem;text-align:center;pointer-events:none;animation:badgePop .3s cubic-bezier(.68,-.55,.265,1.55)}.nav-item .badge{background:var(--danger);color:var(--primary-contrast);box-shadow:0 2px 4px #dc26264d}.nav-item .badge-alert{background:var(--warning);color:#fff;box-shadow:0 2px 4px #f59e0b4d;min-width:1rem;padding:.125rem .375rem}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.app-header{padding:.4rem .75rem}.app-header .logo{width:1.5rem;height:1.5rem;font-size:.85rem;border-radius:.4rem}.app-header h1{font-size:.85rem}.app-header .brand{gap:.4rem}.header-actions{gap:.5rem}button.cart{font-size:1.1rem;padding:.15rem}.profile-button .avatar{width:1.35rem;height:1.35rem;font-size:.65rem}.profile-button .label{display:none}button.ghost{padding:.25rem .4rem}.update-toast{font-size:.7rem;padding:.25rem .5rem;gap:.3rem}.update-toast button{padding:.2rem .4rem;font-size:.7rem}}.search-bar{background:var(--bg);border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 24px #1118270d}.search-input-group{display:flex;gap:.5rem;align-items:center}.search-input-group .search-input{position:relative;display:flex;align-items:center;flex:1}.search-input-group .search-input input[type=search]{width:100%;border:2px solid var(--muted);border-radius:1rem;padding:.75rem 1rem .75rem 3rem;font-size:1rem;background:var(--bg);transition:all .2s ease;box-shadow:0 2px 4px #1118270d}.search-input-group .search-input input[type=search]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3741511a}.search-input-group .search-input input[type=search]::placeholder{color:var(--subtle);opacity:.7}.search-input-group .search-input svg{position:absolute;left:.875rem;color:var(--subtle);pointer-events:none;width:1.25rem;height:1.25rem;transition:color .2s ease;z-index:1}.search-input-group .search-input input[type=search]:focus+svg{color:var(--primary)}.search-filters{display:flex;gap:.75rem;align-items:center;flex-direction:row}.filter{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.8rem;color:var(--subtle);width:auto}.filter.toggle{flex-direction:row;align-items:center;gap:.5rem}.filter select,.filter input[type=checkbox]{margin:0}.filter select{border:1px solid var(--muted);border-radius:.75rem;padding:.5rem .75rem;background:var(--bg)}.catalog-layout{display:grid;grid-template-columns:minmax(16rem,20rem) 1fr;gap:1.5rem;margin-top:1.5rem}.catalog-sidebar{background:var(--bg);border-radius:1rem;padding:1rem;box-shadow:0 12px 24px #1118270d}.category-tree{display:flex;flex-direction:column;gap:.5rem}.category-tree .link{width:100%;justify-content:space-between;display:inline-flex;align-items:center}.category-tree .link.active{background:#3741511f;color:var(--accent);font-weight:600}.category-tree ul{list-style:none;padding-left:1.25rem;margin:.25rem 0 0;border-left:1px solid var(--muted)}.category-item{display:flex;align-items:center;gap:.35rem}.category-item .toggle{width:1.8rem;height:1.8rem;border-radius:.5rem;background:var(--bg-alt);font-weight:700}.category-item .toggle.placeholder{background:transparent}.category-item .count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;margin-left:.5rem;background:var(--bg-alt);border-radius:999px;padding:0 .45rem;font-size:.75rem}.catalog-grid .grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.product-card{background:var(--bg);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 28px #1118270f;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #1118271a}.product-image{height:180px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:.5rem}.image-placeholder{font-size:2.5rem;font-weight:600;color:var(--subtle)}.product-content{flex:1;display:flex;flex-direction:column;padding:1rem 1.25rem 1.25rem;gap:.75rem}.product-header{display:flex;flex-direction:column;gap:.25rem}.product-meta{color:var(--subtle);font-size:.85rem;margin:0}.product-tags{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.75rem}.product-tags span{background:var(--bg-alt);padding:.2rem .5rem;border-radius:.6rem}.product-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto}.product-price-stock{display:flex;flex-direction:column;gap:.25rem}.product-header h3{margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.product-price-stock .price{font-size:1.1rem;font-weight:600;display:flex;align-items:baseline;gap:.35rem;margin:0}.product-price-stock .unit{font-size:.85rem;color:var(--subtle)}.product-price-stock .stock{font-size:.85rem;color:var(--subtle);margin:0}mark.highlight{background:#fef08a;padding:0 .1em}.product-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;width:100%}.product-actions .quantity{display:inline-flex;align-items:center;border:1px solid var(--muted);border-radius:.75rem;overflow:hidden;width:auto}.product-actions .quantity input{width:3rem;text-align:center;border:none;padding:.35rem}.product-actions .quantity button{flex-shrink:0;width:2.2rem;height:2.2rem;border:none;background:var(--bg-alt);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.product-actions button.primary{width:100%;text-align:center}.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182759;display:none;z-index:100}.cart-drawer.open{display:block}.cart-panel{position:absolute;right:0;top:0;height:100%;width:min(420px,90vw);background:var(--bg);display:flex;flex-direction:column;padding:1.25rem;gap:1rem;box-shadow:-12px 0 24px #1118271a}.cart-panel header{display:flex;align-items:center;justify-content:space-between}.cart-panel header button{font-size:1.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.cart-list{flex:1;overflow-y:auto;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.cart-list li{border:1px solid var(--muted);border-radius:.85rem;padding:.75rem}.item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.item-body{margin-top:.75rem;display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.item-body .quantity{border:1px solid var(--muted);border-radius:.75rem;display:inline-flex;align-items:center;overflow:hidden}.item-body .quantity button{width:2rem;height:2rem;border:none;background:var(--bg-alt);font-size:1.1rem}.item-body .quantity input{width:3rem;border:none;text-align:center}.pricing{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.9rem}.pricing .sum{font-weight:600}.pricing .stock.warning{color:#dc2626}.note{padding:1rem 0;margin:1rem 0}.note label{display:block;margin-bottom:.5rem;font-weight:600}.note textarea{width:100%;border:1px solid var(--muted);border-radius:.75rem;padding:.65rem;resize:vertical}.item-header button.ghost{color:#dc2626;border-color:#dc2626}.item-header button.ghost:hover{background-color:#dc2626;color:#fff}.summary{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem}.actions{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:1.5rem}.actions button:first-child{margin-left:0;padding-left:0}.form-field label input[type=checkbox]{margin-right:.5rem}.phone-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field input,.form-field textarea{border:1px solid var(--muted);border-radius:.75rem;padding:.65rem .75rem}.form-help{font-size:.8rem;color:var(--subtle);margin:0}.dropzone{border:2px dashed var(--muted);border-radius:1rem;padding:2rem;text-align:center;background:var(--bg)}.dropzone input[type=file]{display:none}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions .primary{flex:1}.form-actions .ghost{flex:0 0 auto}.admin-login-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.admin-login-container{width:100%;max-width:420px}.admin-login-card{background:#fff;border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.admin-login-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.admin-login-subtitle{font-size:1rem;color:#718096;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:1.25rem}.admin-login-field{display:flex;flex-direction:column;gap:.5rem}.admin-login-label{font-size:.875rem;font-weight:600;color:#4a5568}.admin-login-input-wrapper{position:relative;display:flex;align-items:center}.admin-login-input-icon{position:absolute;left:1rem;color:#a0aec0;pointer-events:none}.admin-login-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;color:#2d3748;background:#f7fafc;transition:all .2s ease}.admin-login-input:hover{border-color:#cbd5e0}.admin-login-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.admin-login-input:disabled{opacity:.6;cursor:not-allowed}.admin-login-input::placeholder{color:#a0aec0}.admin-login-toggle-password{position:absolute;right:1rem;background:none;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.admin-login-toggle-password:hover{color:#667eea}.admin-login-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fed7d7;border:1px solid #feb2b2;border-radius:.75rem;color:#c53030;font-size:.875rem}.admin-login-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.admin-login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -5px #667eea66}.admin-login-submit:active:not(:disabled){transform:translateY(0)}.admin-login-submit:disabled{opacity:.6;cursor:not-allowed}.admin-login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:admin-login-spin .8s linear infinite}@keyframes admin-login-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.admin-login-main{padding:1rem;background:#fff}.admin-login-card{box-shadow:none;padding:1.5rem}.admin-login-title{font-size:1.5rem}}.auth-page,.admin-login,.admin-import,.order-page{background:var(--bg-alt)}.order-header-card,.order-footer-card{background:var(--bg);border-radius:1rem;padding:2rem;margin:1.5rem auto;box-shadow:0 12px 24px #1118270d;border:1px solid var(--muted);max-width:800px}.order-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.order-id-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text)}.order-id-section .muted{margin:0;color:var(--subtle);font-size:.9rem}.order-info-section{text-align:right}.order-info-section .muted{margin:.25rem 0;color:var(--subtle);font-size:.9rem}.order-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin:1.5rem auto;max-width:1200px}.order-item-card{background:var(--bg);border-radius:1rem;padding:1.5rem;box-shadow:0 12px 24px #1118270d;border:1px solid var(--muted);transition:box-shadow .2s ease,transform .2s ease}.order-item-card:hover{box-shadow:0 20px 40px #11182714;transform:translateY(-2px)}.order-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.item-number{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.item-name{font-size:1.1rem;font-weight:600;color:var(--text);flex:1}.order-item-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.detail-row .label{color:var(--subtle);font-weight:500}.detail-row.total-row{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--muted)}.detail-row.total-row .label{font-weight:600;color:var(--text)}.sum-value{font-weight:600;color:var(--primary)}.order-footer-card{display:flex;justify-content:space-between;align-items:center;gap:2rem}.order-total .total{margin:0;font-size:1.2rem;font-weight:600;color:var(--text)}.order-total .total strong{color:var(--primary)}.excel-button{background:var(--primary)!important;color:var(--primary-contrast)!important}.auth-card h1{margin-top:0}.auth-page main{display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.auth-page .admin-form h2{text-align:center}.admin-link{background:none;border:none;color:var(--subtle);font-size:.9rem;padding:.75rem;margin-top:1rem;cursor:pointer;text-align:center;border-radius:.5rem;transition:color .2s}.admin-link:hover{color:var(--text);background:var(--bg-alt)}.table-wrapper{overflow-x:auto}.table-wrapper table,.order-details table,.preview table{width:100%;border-collapse:collapse}table th,table td{border:1px solid var(--muted);padding:.6rem .75rem;text-align:left;font-size:.9rem}table th{background:var(--bg-alt);font-weight:600}table .expand-col{width:3rem;text-align:center;padding:.5rem}.table-container{overflow-x:auto;background:var(--bg);border-radius:1rem;box-shadow:0 4px 6px #11182712;border:1px solid var(--muted)}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.users-table th:hover{background:#3741510d;color:var(--primary)}.users-table th.sortable:after{content:"";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3;transition:all .2s ease}.users-table th.sort-asc:after{border-bottom:5px solid var(--primary);opacity:1}.users-table th.sort-desc:after{border-top:5px solid var(--primary);opacity:1}.users-table tbody tr{border-bottom:1px solid var(--muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a);transform:scale(1.002);box-shadow:0 2px 8px #1118270d}.users-table td{padding:1rem;vertical-align:middle}.users-table .user-avatar-cell{width:4rem;text-align:center}.users-table .user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin:0 auto;box-shadow:0 2px 8px #37415126;transition:transform .2s ease}.users-table tbody tr:hover .user-avatar{transform:scale(1.1)}.users-table .user-name-cell{min-width:200px}.users-table .user-name-cell div{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.users-table .user-name-cell span[title]{cursor:help;border-bottom:1px dashed var(--subtle)}.users-table .admin-badge{background:linear-gradient(135deg,var(--accent) 0%,#1e293b 100%);color:var(--primary-contrast);padding:.25rem .625rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px #1e293b40;border:1px solid rgba(255,255,255,.1)}.users-table .user-phone-cell{font-family:monospace;font-size:.85rem;color:var(--subtle)}.users-table .user-id-cell{font-family:monospace;font-size:.8rem;color:var(--subtle);background:#37415108;padding:.375rem .625rem;border-radius:.375rem;display:inline-block}.users-table .user-created-cell{font-size:.85rem;color:var(--subtle)}.users-table .user-actions-cell{white-space:nowrap;text-align:right;vertical-align:middle}.users-table .user-actions-cell>*:not(:first-child){margin-left:.5rem}.users-table .action-btn{padding:.5rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-size:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #11182714}.users-table .action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #11182726}.users-table .action-btn.edit-btn:hover:not(:disabled){background:#dcfce7;border-color:#16a34a;color:#16a34a}.users-table .action-btn.delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#dc2626}.users-table .action-btn:disabled{opacity:.4;cursor:not-allowed}.users-table .no-results{text-align:center;padding:3rem 2rem;color:var(--subtle);font-size:.95rem}.products-table{width:100%;border-collapse:collapse;font-size:.9rem}.products-table thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.products-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.products-table th:hover{background:#3741510d;color:var(--primary)}.products-table th.sortable:after{content:"";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3;transition:all .2s ease}.products-table th.sort-asc:after{border-bottom:5px solid var(--primary);opacity:1}.products-table th.sort-desc:after{border-top:5px solid var(--primary);opacity:1}.products-table .sort-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--primary);font-weight:700}.products-table tbody tr{border-bottom:1px solid var(--muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.products-table tbody tr:last-child{border-bottom:none}.products-table tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a);transform:scale(1.002);box-shadow:0 2px 8px #1118270d}.products-table td{padding:1rem;vertical-align:middle}.products-table .product-article{font-family:monospace;font-size:.85rem;color:var(--subtle)}.products-table .product-name{font-weight:500;color:var(--text)}.products-table .product-name .muted{color:var(--subtle);font-size:.85rem;margin-left:.25rem}.products-table .product-category{color:var(--subtle)}.products-table .product-price{font-weight:600;color:var(--primary)}.products-table .product-stock{text-align:center}.products-table .product-stock[data-low=true]{color:#dc2626;font-weight:600}.products-table .product-min-order{text-align:center}.products-table .product-actions{text-align:right;white-space:nowrap}.products-table .action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--muted);background:var(--bg);border-radius:.375rem;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.products-table .action-btn:first-child{margin-left:0}.products-table .action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.products-table .action-btn.edit-btn:hover:not(:disabled){background:#dcfce7;border-color:#16a34a;color:#16a34a}.products-table .action-btn.delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#dc2626}.products-table .action-btn:disabled{opacity:.4;cursor:not-allowed}.products-table .no-results{text-align:center;padding:3rem 2rem;color:var(--subtle);font-size:.95rem}.products-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.products-controls .search-filters{display:flex;gap:1rem;flex:1;min-width:0}.products-controls .search-input{position:relative;flex:1;min-width:250px}.products-controls .search-input input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--muted);border-radius:.75rem;background:var(--bg);font-size:.95rem;transition:all .2s ease}.products-controls .search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3741511a}.products-controls .search-input svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle);pointer-events:none}.products-controls .filter-group{min-width:200px}.products-controls .filter-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--muted);border-radius:.75rem;background:var(--bg);font-size:.95rem;cursor:pointer;transition:all .2s ease}.products-controls .filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3741511a}.products-controls .products-count{font-size:.9rem;color:var(--subtle);white-space:nowrap}.products-table-container{overflow-x:auto;background:var(--bg);border-radius:1rem;box-shadow:0 4px 6px #11182712;border:1px solid var(--muted)}.products-table-container .no-results{padding:4rem 2rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--muted)}.pagination-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--muted);background:var(--bg);border-radius:.5rem;font-size:.9rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-alt);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--subtle)}.contracts-list table{width:100%;border-collapse:collapse;font-size:.9rem}.contracts-list thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.contracts-list th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.contracts-list th:hover{background:#3741510d;color:var(--primary)}.contracts-list tbody tr{border-bottom:1px solid var(--muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.contracts-list tbody tr:last-child{border-bottom:none}.contracts-list tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a);transform:scale(1.002);box-shadow:0 2px 8px #1118270d}.contracts-list td{padding:1rem;vertical-align:middle}.contracts-list .no-results{text-align:center;padding:3rem 2rem;color:var(--subtle);font-size:.95rem}.expand-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;color:var(--subtle);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.expand-btn:hover{background:#3741511a;color:var(--primary);transform:scale(1.1)}.expand-btn svg{transition:transform .2s ease}.expand-btn svg.rotated{transform:rotate(90deg)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--subtle)}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:2rem;height:2rem;border-width:2px}.loading-more{display:flex;align-items:center;justify-content:center;padding:2rem}@keyframes spin{to{transform:rotate(360deg)}}.admin-user-contracts .back-button{margin-bottom:2rem}.admin-user-contracts .back-button button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--muted);background:var(--bg);color:var(--text);border-radius:.75rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-user-contracts .back-button button:hover{background:var(--bg-alt);border-color:var(--primary);transform:translate(-4px)}.user-info-section{margin-bottom:2rem;animation:slideIn .4s ease}.admin-user-contracts .user-card{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);border-radius:1.25rem;padding:2rem;box-shadow:0 16px 32px #11182714;border:1px solid var(--muted);position:relative;overflow:hidden}.admin-user-contracts .user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%)}.admin-user-contracts .user-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.admin-user-contracts .user-avatar{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 12px #37415133}.admin-user-contracts .user-info{flex:1;min-width:0}.admin-user-contracts .user-info h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text)}.admin-user-contracts .user-phone{margin:0;color:var(--subtle);font-size:.95rem}.admin-user-contracts .admin-badge{background:linear-gradient(135deg,var(--accent) 0%,#1e293b 100%);color:var(--primary-contrast);padding:.375rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #1e293b4d;border:1px solid rgba(255,255,255,.1)}.admin-user-contracts .user-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding-top:1.5rem;border-top:1px solid var(--muted)}.admin-user-contracts .user-details p{margin:0;font-size:.9rem;color:var(--subtle)}.admin-user-contracts .user-details strong{color:var(--text);font-weight:600}.contracts-section{margin-bottom:2.5rem;animation:slideIn .4s ease .1s backwards}.contracts-section h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 1.25rem}.no-contracts{text-align:center;padding:3rem;color:var(--subtle);font-size:1rem;background:var(--bg);border-radius:1rem;border:1px dashed var(--muted)}.table-wrapper{overflow-x:auto;background:var(--bg);border-radius:1rem;box-shadow:0 4px 6px #11182712;border:1px solid var(--muted)}.table-wrapper table{width:100%;border-collapse:collapse;font-size:.9rem}.table-wrapper thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.table-wrapper th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.table-wrapper th:hover{background:#3741510d;color:var(--primary)}.table-wrapper th.sortable:after{content:"";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3;transition:all .2s ease}.table-wrapper th.sort-asc:after{border-bottom:5px solid var(--primary);opacity:1}.table-wrapper th.sort-desc:after{border-top:5px solid var(--primary);opacity:1}.table-wrapper tbody tr{border-bottom:1px solid var(--muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.table-wrapper tbody tr:last-child{border-bottom:none}.table-wrapper tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a);transform:scale(1.002);box-shadow:0 2px 8px #1118270d}.table-wrapper td{padding:1rem;vertical-align:middle}.table-wrapper .expand-col{width:3rem;text-align:center}.table-wrapper .expand-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;color:var(--subtle);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.table-wrapper .expand-btn:hover{background:#3741511a;color:var(--primary);transform:scale(1.1)}.table-wrapper .expand-btn svg{transition:transform .2s ease}.table-wrapper .expand-btn svg.rotated{transform:rotate(90deg)}.table-wrapper .action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--muted);background:var(--bg);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.table-wrapper .action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.table-wrapper .action-btn.delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#dc2626}.table-wrapper .action-btn:disabled{opacity:.4;cursor:not-allowed}.order-details-row{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.02) 100%)}.order-details-row td{padding:0}.order-items-table-container{padding:2rem}.order-items-table-container h4{margin:0 0 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text)}.order-items-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:1rem}.order-items-table thead{background:#37415108}.order-items-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--muted)}.order-items-table td{padding:.75rem 1rem;border-bottom:1px solid var(--muted);color:var(--text)}.order-items-table .item-article{font-family:monospace;font-size:.8rem;color:var(--subtle)}.order-items-table .remove-btn{width:1.75rem;height:1.75rem;border:1px solid var(--muted);background:var(--bg);border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.order-items-table .remove-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#dc2626;transform:scale(1.1)}.order-items-table-container>div{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--muted)}.order-items-table-container>div h5{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--text)}.order-items-table-container>div>div{display:flex;gap:.5rem;flex-wrap:wrap}.add-product-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--muted);background:var(--bg);border-radius:.5rem;font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.add-product-btn:hover:not(:disabled){background:#dcfce7;border-color:#16a34a;color:#16a34a;transform:translateY(-1px);box-shadow:0 2px 6px #16a34a26}.add-product-btn:disabled{opacity:.5;cursor:not-allowed}.order-items-table-container>div>div p{margin:0;color:var(--subtle);font-size:.85rem}.add-contract-section{animation:slideIn .4s ease .2s backwards}.add-contract-section h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 1.25rem}.add-contract-form{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);border-radius:1rem;padding:2rem;box-shadow:0 8px 20px #1118270f;border:1px solid var(--muted)}.add-contract-form input[type=text]{width:100%;padding:.875rem 1rem;border:1px solid var(--muted);border-radius:.75rem;font-size:1rem;background:var(--bg);transition:all .2s ease;margin-bottom:1.5rem}.add-contract-form input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3741511a}.products-selection{margin-bottom:1.5rem}.products-selection h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text)}.products-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;max-height:250px;overflow-y:auto;padding-right:.5rem}.products-checkboxes::-webkit-scrollbar{width:6px}.products-checkboxes::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}.products-checkboxes::-webkit-scrollbar-thumb{background:var(--subtle);border-radius:3px}.product-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--muted);border-radius:.625rem;background:var(--bg);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.product-checkbox:hover{background:var(--bg-alt);border-color:var(--primary)}.product-checkbox input[type=checkbox]{margin:0;width:1.125rem;height:1.125rem;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.product-label{font-size:.9rem;color:var(--text);font-weight:500}.add-contract-form button.add-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);border:none;padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #37415133;cursor:pointer;transition:all .2s ease}.add-contract-form button.add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3741514d}.add-contract-form button.add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.users-table .action-btn.manage-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8}.users-table .action-btn.manage-btn:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #2563eb40}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subtle-text{color:var(--subtle);font-size:.9rem;margin:0}.action-cell{text-align:right}.add-products-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--muted)}.products-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.orders-table{width:100%;border-collapse:collapse;font-size:.9rem}.orders-table thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.orders-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary);transition:all .2s ease}.orders-table th:hover{background:#3741510d;color:var(--primary)}.orders-table tbody tr{border-bottom:1px solid var(--muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a);transform:scale(1.002);box-shadow:0 2px 8px #1118270d}.orders-table td{padding:1rem;vertical-align:middle}.orders-table .order-id{min-width:140px}.orders-table .order-id strong{font-family:monospace;font-size:.85rem;color:var(--text);display:block}.orders-table .order-note{font-size:.75rem;color:var(--subtle);margin-top:.25rem;padding:.25rem .5rem;background:#3741510d;border-radius:.375rem;display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-table .order-user{min-width:180px}.orders-table .order-user div:first-child{font-weight:500;color:var(--text)}.orders-table .order-user .muted{font-size:.8rem;color:var(--subtle);margin-top:.25rem;font-family:monospace}.orders-table .order-date{min-width:120px}.orders-table .order-date>div{font-size:.9rem;color:var(--text)}.orders-table .order-date .muted{font-size:.75rem;color:var(--subtle);margin-top:.25rem}.orders-table .order-status{min-width:140px}.orders-table .status-select{padding:.5rem .75rem;border:1px solid var(--muted);border-radius:.5rem;background:var(--bg);font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #1118270d}.orders-table .status-select:hover{border-color:var(--primary);box-shadow:0 2px 4px #1118271a}.orders-table .status-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.orders-table .status-select[value=created]{background:#fef3c7;border-color:#f59e0b;color:#92400e}.orders-table .status-select[value=in_progress]{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.orders-table .status-select[value=processed]{background:#d1fae5;border-color:#10b981;color:#065f46}.orders-table .order-total{min-width:120px;text-align:right}.orders-table .order-total strong{font-size:1rem;color:var(--primary);font-weight:600}.orders-table .order-items-count{text-align:center;font-weight:500;color:var(--text);min-width:80px}.orders-table .order-actions{text-align:center;white-space:nowrap;min-width:60px}.orders-table .action-btn{padding:.5rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--muted);color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #1118270d}.orders-table .action-btn:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633}.orders-table .order-expand{width:50px;text-align:center}.orders-table .expand-btn{padding:.5rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--subtle);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.orders-table .expand-btn:hover{background:#3741510d;color:var(--primary);transform:scale(1.1)}.orders-table .expand-btn svg{transition:transform .3s ease}.orders-table .expand-btn svg.rotated{transform:rotate(180deg)}.orders-table .order-details-row{background:linear-gradient(135deg,#37415105,#37415103)}.orders-table .order-details-row td{padding:0;border-bottom:none}.order-items-table-container{padding:1.5rem}.order-items-table-container h4{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.order-items-table{width:100%;border-collapse:collapse;font-size:.85rem;background:var(--bg);border-radius:.75rem;overflow:hidden;box-shadow:0 2px 4px #1118270d}.order-items-table thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.order-items-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);border-bottom:1px solid var(--muted)}.order-items-table td{padding:.75rem 1rem;border-bottom:1px solid var(--muted);vertical-align:middle}.order-items-table tbody tr:last-child td{border-bottom:none}.order-items-table tbody tr:hover{background:#37415105}.order-items-table .item-article{font-family:monospace;font-size:.8rem;color:var(--subtle);background:#37415108;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.order-items-table .item-name{font-weight:500;color:var(--text)}.order-items-table .item-quantity{text-align:center;color:var(--text)}.order-items-table .item-price{text-align:right;font-family:monospace;color:var(--subtle)}.order-items-table .item-total{text-align:right}.order-items-table .item-total strong{font-weight:600;color:var(--primary)}.orders-table-container{overflow-x:auto;background:var(--bg);border-radius:1rem;box-shadow:0 4px 6px #11182712;border:1px solid var(--muted)}.orders-controls{margin-bottom:1.5rem}.orders-controls .search-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.orders-controls .search-input{position:relative;flex:1;min-width:280px}.orders-controls .search-input input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--muted);border-radius:.5rem;background:var(--bg);color:var(--text);font-size:.9rem;transition:all .2s ease}.orders-controls .search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.orders-controls .search-input svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--subtle);pointer-events:none}.orders-controls .filter-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.orders-controls .filter-group label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--muted);border-radius:.5rem;background:var(--bg);cursor:pointer;font-size:.85rem;color:var(--subtle);transition:all .2s ease;-webkit-user-select:none;user-select:none}.orders-controls .filter-group label:hover{border-color:var(--primary);color:var(--text)}.orders-controls .filter-group label:has(input:checked){background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-color:transparent;color:var(--primary-contrast);font-weight:500;box-shadow:0 2px 4px #3b82f633}.orders-controls .filter-group input[type=radio]{display:none}.order-view-page{padding:0}.order-view-header-card{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.02) 100%);border:1px solid var(--muted);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #1118270d}.order-view-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.order-view-id-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text);font-family:monospace}.order-view-meta{display:flex;align-items:center;gap:.75rem;margin:0;font-size:.85rem;color:var(--subtle)}.order-view-date,.order-view-time{display:inline-block;padding:.25rem .5rem;background:#3741510d;border-radius:.375rem}.order-view-info-section{display:flex;flex-direction:column;gap:.5rem}.order-view-info-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.order-view-info-item .label{color:var(--subtle);font-weight:500}.order-view-info-item .value{color:var(--text);font-weight:500}.order-view-note{padding:.5rem .75rem;background:#37415108;border-radius:.5rem;border-left:3px solid var(--primary)}.order-view-table-container{background:var(--bg);border-radius:1rem;border:1px solid var(--muted);overflow-x:auto;box-shadow:0 2px 4px #1118270d}.order-view-table{width:100%;border-collapse:collapse;font-size:.9rem}.order-view-table thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.order-view-table th{padding:1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);border-bottom:2px solid var(--primary);transition:all .2s ease}.order-view-table th:hover{background:#3741510d;color:var(--primary)}.order-view-table tbody tr{border-bottom:1px solid var(--muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.order-view-table tbody tr:last-child{border-bottom:none}.order-view-table tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a);transform:scale(1.002);box-shadow:0 2px 8px #1118270d}.order-view-table td{padding:1rem;vertical-align:middle}.order-view-table .product-image-cell{width:80px;text-align:center}.order-view-table .product-image-cell img{width:60px;height:60px;object-fit:cover;border-radius:.5rem;box-shadow:0 2px 4px #1118271a;transition:transform .2s ease}.order-view-table tbody tr:hover .product-image-cell img{transform:scale(1.1)}.order-view-table .product-image-header{width:80px}.order-view-table .product-name-cell{min-width:250px}.order-view-table .product-name-cell strong{font-size:1rem;color:var(--text);font-weight:500}.order-view-table .product-article-cell{min-width:120px}.order-view-table .product-article-cell{font-family:monospace;font-size:.8rem;color:var(--subtle);background:#37415108;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.order-view-table .product-quantity-cell{min-width:100px;text-align:center;color:var(--text);font-weight:500}.order-view-table .product-price-cell{min-width:120px;text-align:right;color:var(--subtle)}.order-view-table .product-total-cell{min-width:120px;text-align:right}.order-view-table .product-total-cell strong{font-size:1rem;color:var(--primary);font-weight:600}.order-view-table tfoot tr.order-view-total-row{background:linear-gradient(135deg,#37415108,#3741510d);border-top:2px solid var(--primary)}.order-view-table .total-label{text-align:right;padding:1.25rem;font-size:1rem;color:var(--text)}.order-view-table .total-value{text-align:right;padding:1.25rem}.order-view-table .total-value strong{font-size:1.25rem;color:var(--primary)}.order-view-footer-card{margin-top:1.5rem;display:flex;justify-content:flex-end}.order-view-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #37415133}.order-view-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3741514d}.order-view-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.order-view-export-btn svg{transition:transform .2s ease}.order-view-export-btn:hover svg{transform:translateY(2px)}.orders-table .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 3px #0000001a}.orders-table .status-badge.status-created{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.orders-table .status-badge.status-in-progress{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.orders-table .status-badge.status-processed{background:#d1fae5;border:1px solid #10b981;color:#065f46}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg);border-radius:1rem;padding:2rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #11182740;border:1px solid var(--muted);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--muted)}.modal-header h2,.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.modal-close-btn,.close-btn{background:none;border:none;color:var(--subtle);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close-btn:hover,.close-btn:hover{color:var(--text);background:var(--bg-alt);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:1rem}.modal-card.max-w-sm{max-width:28rem}.modal-card.max-w-md{max-width:32rem}.modal-card.max-w-lg{max-width:36rem}.modal-card.max-w-2xl{max-width:42rem}.modal-card.max-w-4xl{max-width:56rem}.modal-user-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-alt);border-radius:.75rem}.modal-user-info .user-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--primary);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.modal-user-info .user-info h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text)}.modal-user-info .user-info p{margin:0;color:var(--subtle);font-size:.9rem}.user-products h4,.contract-title h4{margin:0 0 .5rem;color:var(--text);font-size:1.1rem}.contract-meta{font-size:.85rem;color:var(--subtle)}.contract-products h5,.products-selection h4{margin:1rem 0 .5rem;color:var(--text);font-size:1rem}.products-checkboxes{max-height:300px;overflow-y:auto;border:1px solid var(--muted);border-radius:.5rem;padding:.5rem;background:var(--bg-alt)}.product-checkbox{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.product-checkbox:hover{background:#3741510d}.product-label{font-size:.9rem;color:var(--text)}.no-products{margin:1rem 0;color:var(--subtle);font-style:italic}.products-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.product-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-alt);border-radius:.75rem;border:1px solid var(--muted)}.product-info h5{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text)}.product-details{margin:0;font-size:.85rem;color:var(--subtle)}.add-product h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text)}.add-product-form{display:flex;gap:1rem;align-items:center}.add-product-form select{flex:1;border:1px solid var(--muted);border-radius:.75rem;padding:.75rem;background:var(--bg);font-size:1rem}.add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem}@media (max-width: 680px){main{padding:1rem}.app-header{flex-wrap:wrap;gap:.75rem}.cart-panel{width:min(100%,420px)}.users-grid{grid-template-columns:1fr}.user-header{flex-direction:column;align-items:flex-start;gap:.75rem}.user-actions{flex-direction:column}.action-btn{justify-content:center}.contract-header{flex-direction:column;align-items:stretch;gap:1rem}.contract-title{text-align:center}.products-grid{grid-template-columns:1fr}.product-item{flex-direction:column;align-items:flex-start;gap:.75rem}.product-meta{text-align:left;align-self:flex-end}.add-contract-form{flex-direction:column;gap:1rem}.add-contract-form select{width:100%}}@media (max-width: 768px){.order-header-content{flex-direction:column;gap:1rem}.order-info-section{text-align:left}.order-items-grid{grid-template-columns:1fr}.order-footer-card{flex-direction:column;align-items:stretch;gap:1rem}.export-buttons{text-align:center}.table-container{overflow-x:auto}.users-table,.products-table,.contracts-list table{font-size:.85rem}.users-table td,.products-table td,.contracts-list td{padding:.75rem .5rem}.admin-nav.enhanced{position:fixed;top:0;left:0;height:100%;width:100%;max-width:300px;padding:2rem 1rem;margin:0;border-radius:0;border:none;border-right:1px solid var(--muted);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;justify-content:flex-start}.admin-nav.enhanced.open{transform:translate(0)}.nav-list{flex-direction:column;align-items:stretch;gap:.5rem}.nav-item>button,.nav-toggle{justify-content:space-between;padding:1rem;border-radius:var(--radius-md)}.nav-submenu{position:static;box-shadow:none;border:none;background:var(--bg-alt);border-radius:var(--radius-md);margin-top:.5rem;max-height:0;overflow:hidden;opacity:1;visibility:visible;transform:none;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.nav-group.expanded .nav-submenu{max-height:300px}.nav-subitem:first-child{padding-top:.75rem}.nav-subitem:last-child{padding-bottom:.75rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 960px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{order:2}.search-bar{order:1;display:flex;flex-wrap:wrap;align-items:flex-start}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{position:relative;width:100%;height:auto}.dashboard-main{margin-left:0}}@media (max-width: 480px){main{padding:.75rem}.products-controls{flex-direction:column;align-items:stretch}.products-controls .search-filters{flex-direction:column}.products-controls .filter-group{min-width:100%}.pagination{flex-direction:column;gap:.5rem}.pagination-btn{width:100%;justify-content:center}}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;min-height:calc(100vh - 8rem)}.dashboard-sidebar{position:sticky;top:6rem;height:fit-content}.dashboard-main{display:flex;flex-direction:column;gap:2rem}.dashboard-card{background:var(--bg);border-radius:1rem;padding:2rem;box-shadow:0 12px 24px #11182714;border:1px solid var(--muted)}.metric-card{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 16px #1118270f;border:1px solid var(--muted);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1118271f}.metric-card h3{margin:0 0 .5rem;font-size:.875rem;font-weight:500;color:var(--subtle);text-transform:uppercase;letter-spacing:.05em}.metric-card .value{font-size:2.5rem;font-weight:700;color:var(--primary);margin:0}.metric-card .change{font-size:.875rem;margin-top:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px}.metric-card .change.positive{background:#dcfce7;color:#16a34a}.metric-card .change.negative{background:#fee2e2;color:#dc2626}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:var(--bg);border:1px solid var(--muted);border-radius:.75rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--bg-alt);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #1118271a}.quick-action-btn svg{flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--primary)}.dashboard-orders-table{width:100%;border-collapse:collapse}.dashboard-orders-table thead{background:linear-gradient(135deg,var(--bg-alt) 0%,rgba(55,65,81,.03) 100%)}.dashboard-orders-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary)}.dashboard-orders-table td{padding:1rem;border-bottom:1px solid var(--muted);vertical-align:middle}.dashboard-orders-table tbody tr:hover{background:linear-gradient(135deg,#37415105,#3741510a)}.attention-list{display:flex;flex-direction:column;gap:1rem}.attention-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg);border:1px solid var(--muted);border-radius:.75rem;transition:all .2s ease}.attention-item:hover{background:var(--bg-alt);transform:translate(4px)}.attention-item .icon{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.attention-item .content{flex:1;min-width:0}.attention-item .content h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text)}.attention-item .content p{margin:0;font-size:.875rem;color:var(--subtle)}.attention-item .badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.attention-item .badge.warning{background:#fef3c7;color:#92400e}.attention-item .badge.error{background:#fee2e2;color:#991b1b}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.user-card{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);border-radius:1.25rem;padding:2rem;box-shadow:0 16px 32px #11182714,0 4px 8px #1118270a;border:1px solid var(--muted);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);opacity:0;transition:opacity .3s ease}.user-card:hover{box-shadow:0 24px 48px #1118271f,0 8px 16px #1118270f;transform:translateY(-4px) scale(1.02)}.user-card:hover:before{opacity:1}.user-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.user-avatar{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 12px #37415133;transition:transform .3s ease}.user-card:hover .user-avatar{transform:scale(1.1)}.user-info{flex:1;min-width:0}.user-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text)}.user-info .user-phone{margin:0;color:var(--subtle);font-size:.9rem}.admin-badge{background:linear-gradient(135deg,var(--accent) 0%,#1e293b 100%);color:var(--primary-contrast);padding:.375rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #1e293b4d;border:1px solid rgba(255,255,255,.1)}.user-details{margin-bottom:1rem}.user-details p{margin:.25rem 0;font-size:.9rem;color:var(--subtle)}.user-details strong{color:var(--text)}.user-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--muted);border-radius:.75rem;background:var(--bg);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #1118270d;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(55,65,81,.1),transparent);transition:left .5s ease}.action-btn:hover:not(:disabled){background:var(--bg-alt);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #37415126}.action-btn:hover:not(:disabled):before{left:100%}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-btn:hover:not(:disabled){border-color:#16a34a;color:#16a34a}.delete-btn:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.action-btn svg{flex-shrink:0}.create-user-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #37415133;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-user-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3741514d}.create-user-btn:active{transform:translateY(0)}.user-form-card{margin-top:3rem;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.form-card{background:var(--bg);border-radius:1rem;padding:2rem;box-shadow:0 20px 40px #11182714;border:1px solid var(--muted);max-width:500px;margin:0 auto}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.form-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.users-controls{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap;padding:1.5rem;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);border-radius:1rem;box-shadow:0 8px 16px #1118270f;border:1px solid var(--muted)}.users-controls .search-filters{display:flex;flex-direction:row;gap:1rem;flex:1;min-width:250px;padding-left:1rem}.users-controls .search-input{position:relative;display:flex;align-items:center}.users-controls .search-input input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--muted);border-radius:1rem;font-size:1rem;background:var(--bg);transition:all .2s ease;box-shadow:0 2px 4px #1118270d}.users-controls .search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3741511a;background:var(--bg)}.users-controls .search-input input::placeholder{color:var(--subtle);opacity:.7}.users-controls .search-input svg{position:absolute;left:.875rem;color:var(--subtle);pointer-events:none;width:1.25rem;height:1.25rem;transition:color .2s ease}.users-controls .search-input input:focus+svg{color:var(--primary)}.users-controls .filter-group{display:flex;gap:1rem;flex-wrap:wrap}.users-controls .filter-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--subtle);cursor:pointer}.users-controls .filter-group input[type=radio]{margin:0}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--subtle)}.no-results p{margin:0;font-size:1.1rem}