:root{--bg: #f5f5f7;--surface: #ffffff;--border: rgba(0, 0, 0, .08);--text: #1d1d1f;--text-secondary: #6e6e73;--primary: #0071e3;--primary-hover: #0077ed;--danger: #ff3b30;--danger-hover: #ff453a;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.45;color:var(--text);background:var(--bg);min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#0000000f;color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;padding:10px 12px;font-family:inherit;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0071e333}.label{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.header-title{margin:0;font-size:18px;font-weight:600}.header-tabs{display:flex;gap:4px}.header-tabs .tab-btn{padding:10px 18px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.header-tabs .tab-btn:hover{color:var(--text);background:#0000000f}.header-tabs .tab-btn.is-active{color:var(--primary);background:#0071e31a}.header-logout{margin-left:auto}.main{padding:20px;max-width:1200px;margin:0 auto}@media(max-width:640px){.header{padding:12px 16px}.header-title{font-size:16px}.header-tabs .tab-btn{padding:10px 12px;min-height:44px}.main{padding:16px}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.login-title{margin:0 0 4px;font-size:22px;font-weight:600}.login-subtitle{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.login-error{margin:0 0 16px;padding:10px 12px;background:#fff0f0;color:var(--danger);border-radius:var(--radius-sm);font-size:14px}.login-form .label{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.login-form .input{margin-bottom:16px}.login-form .btn-block{width:100%;margin-top:8px}.panel{padding:0}.toolbar{margin-bottom:16px}.table-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-responsive{overflow-x:auto}.loading{color:var(--text-secondary);text-align:center;padding:32px;margin:0}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#00000005}.col-price,.col-actions{white-space:nowrap}.col-actions .btn{padding:6px 12px;font-size:13px;margin-right:6px}.col-actions .btn:last-child{margin-right:0}.table-desktop{display:block}.cards-mobile{display:none}@media(max-width:768px){.table-desktop{display:none}.cards-mobile{display:block;display:flex;flex-direction:column;gap:12px;padding:12px}.product-card{padding:16px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.product-card-name{font-weight:600;margin-bottom:4px}.product-card-sku{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.product-card-price{margin-bottom:12px}.product-card-actions{display:flex;gap:8px}.product-card-actions .btn{min-height:44px}}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px;padding:16px 0}.pagination-info{width:100%;text-align:center;color:var(--text-secondary);font-size:13px;margin-bottom:8px}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.modal-content{position:relative;background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 32px #0000001f;padding:24px;width:100%;max-width:420px}.modal-content-sm{max-width:360px}.modal-title{margin:0 0 20px;font-size:18px;font-weight:600}.modal-text{margin:0 0 20px;color:var(--text-secondary);font-size:14px}.modal form .label{margin-top:12px}.modal form .label:first-of-type{margin-top:0}.modal form .input{margin-bottom:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.panel-orders .orders-header{margin-bottom:16px}.panel-orders .orders-title{font-size:18px;font-weight:600;margin:0 0 4px}.panel-orders .orders-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.orders-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.orders-search{flex:1;min-width:200px}.orders-status-select{min-width:160px}.orders-table .cell-order-id{font-family:ui-monospace,monospace;font-size:13px}.orders-table .cell-time{color:var(--text-secondary);font-size:13px}.contact-block,.order-card-contact{display:flex;flex-direction:column;gap:2px}.contact-name{font-weight:500}.contact-line{font-size:13px;color:var(--text-secondary)}.cell-products .products-list{max-height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;font-size:13px}.products-line{display:block}.products-more{color:var(--text-secondary);font-size:12px}.amount{font-weight:600}.status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;margin-right:8px}.status-formed{background:#00000014;color:var(--text-secondary)}.status-paid{background:#0071e326;color:var(--primary)}.status-delivered{background:#34c75933;color:#1a7f37}.input-status{min-width:120px;padding:6px 10px;font-size:13px;display:inline-block;width:auto}.cell-status{white-space:nowrap}.panel-orders .table-desktop{display:block}.panel-orders .cards-mobile{display:none}@media(max-width:768px){.panel-orders .table-desktop{display:none}.panel-orders .cards-mobile{display:flex;flex-direction:column;gap:12px;padding:12px}.order-card{padding:16px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.order-card-row{display:flex;justify-content:space-between;margin-bottom:8px}.order-card-id{font-family:ui-monospace,monospace;font-size:13px}.order-card-time{font-size:13px;color:var(--text-secondary)}.order-card-contact{margin-bottom:8px}.order-card-address{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.order-card-products{font-size:13px;max-height:3em;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.order-card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.order-card-amount{font-weight:600}.orders-toolbar{flex-direction:column}.orders-search,.orders-status-select{width:100%;min-height:44px}}