.app-layout[data-v-d30d61a1]{display:flex;min-height:100vh}.sidebar[data-v-d30d61a1]{width:256px;background:var(--color-bg-card);border-right:1px solid var(--color-bg-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header[data-v-d30d61a1]{padding:1.25rem 1.25rem .875rem;border-bottom:1px solid var(--color-bg-border)}.sidebar-brand[data-v-d30d61a1]{display:flex;align-items:center;gap:.75rem}.sidebar-brand h2[data-v-d30d61a1]{color:var(--color-text-title);font-size:1.125rem;font-weight:700;line-height:1.2}.sidebar-brand .brand-icon[data-v-d30d61a1]{width:36px;height:36px;border-radius:var(--border-radius);background:#b8c76f1f;color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand .role-badge[data-v-d30d61a1]{display:inline-flex;align-items:center;gap:.25rem;margin-top:.125rem;padding:.0625rem .4375rem;background:#b8c76f1a;color:var(--color-accent-primary);font-size:.6875rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.sidebar-nav[data-v-d30d61a1]{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section-label[data-v-d30d61a1]{color:var(--color-text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:0 .75rem;margin-top:1.125rem;margin-bottom:.375rem}.nav-section-label[data-v-d30d61a1]:first-child{margin-top:0}.nav-link[data-v-d30d61a1]{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:var(--color-text-body);border-radius:var(--border-radius);margin-bottom:.125rem;transition:all .15s ease;font-size:.875rem;font-weight:450}.nav-link iconify-icon[data-v-d30d61a1]{flex-shrink:0;opacity:.7;transition:opacity .15s ease}.nav-link[data-v-d30d61a1]:hover{background:var(--color-bg-hover);color:var(--color-text-title)}.nav-link:hover iconify-icon[data-v-d30d61a1]{opacity:1}.nav-link.router-link-exact-active[data-v-d30d61a1]{background:#b8c76f14;color:var(--color-accent-primary);font-weight:500}.nav-link.router-link-exact-active iconify-icon[data-v-d30d61a1]{opacity:1;color:var(--color-accent-primary)}.sidebar-footer[data-v-d30d61a1]{padding:.875rem 1rem;border-top:1px solid var(--color-bg-border)}.user-info[data-v-d30d61a1]{display:flex;align-items:center;gap:.625rem}.user-avatar[data-v-d30d61a1]{width:32px;height:32px;border-radius:50%;background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.user-details[data-v-d30d61a1]{flex:1;min-width:0;display:flex;flex-direction:column}.user-name[data-v-d30d61a1]{color:var(--color-text-title);font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-d30d61a1]{color:var(--color-text-muted);font-size:.6875rem}.logout-btn[data-v-d30d61a1]{background:none;border:none;color:var(--color-text-muted);padding:.375rem;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.logout-btn[data-v-d30d61a1]:hover{color:var(--color-error);background:var(--color-error-bg)}.main-content[data-v-d30d61a1]{flex:1;margin-left:256px;min-height:100vh}.main-content.full-width[data-v-d30d61a1]{margin-left:0}@media (max-width: 768px){.sidebar[data-v-d30d61a1]{transform:translate(-100%);transition:transform .3s ease}.sidebar.open[data-v-d30d61a1]{transform:translate(0)}.main-content[data-v-d30d61a1]{margin-left:0}}:root{--color-bg-main: #0a0a0a;--color-bg-card: #141414;--color-bg-hover: #1c1c1c;--color-bg-border: #2a2a2a;--color-text-title: #f5f5f5;--color-text-body: #a8a8a8;--color-text-secondary: #7a9672;--color-text-label: #8a8a8a;--color-text-muted: #707070;--color-accent-primary: #b8c76f;--color-accent-secondary: #7a9672;--color-success: #88b36e;--color-success-bg: #1a2e14;--color-success-text: #b8c76f;--color-error: #d87c7c;--color-error-bg: #2d1414;--color-warning: #d4c078;--color-warning-bg: #2a2418;--color-badge-cash-bg: #1a2e14;--color-badge-cash-text: #88b36e;--color-badge-card-bg: #14222e;--color-badge-card-text: #6b9fc7;--font-family-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--border-radius: .625rem;--border-radius-lg: .875rem;--border-radius-sm: .375rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);background-color:var(--color-bg-main);color:var(--color-text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}a{color:var(--color-accent-primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.page-container{padding:2rem 2.25rem;width:1650px;max-width:96dvw;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{color:var(--color-text-title);font-size:1.75rem;font-weight:700;margin-bottom:.375rem;letter-spacing:-.01em}.page-header p{color:var(--color-text-muted);font-size:.9375rem}.card{background:var(--color-bg-card);border:1px solid var(--color-bg-border);border-radius:var(--border-radius-lg);padding:1.5rem 1.75rem}.card h3{color:var(--color-text-title);font-size:1rem;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--color-accent-primary);color:#000}.btn-primary:hover{background:#c9d57e;box-shadow:0 0 0 3px #b8c76f26}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-bg-hover);color:var(--color-text-body);border:1px solid var(--color-bg-border)}.btn-secondary:hover{background:var(--color-bg-border);color:var(--color-text-title)}.btn-danger{background:var(--color-error-bg);color:var(--color-error)}.btn-danger:hover{background:#3d1a1a}.btn-sm{padding:.4375rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1.125rem}.form-group label{display:block;color:var(--color-text-label);font-size:.8125rem;font-weight:500;margin-bottom:.4375rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6875rem .875rem;background:var(--color-bg-main);border:1px solid var(--color-bg-border);border-radius:var(--border-radius);color:var(--color-text-title);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #b8c76f1a}.form-group input::-webkit-input-placeholder,.form-group select::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:var(--color-text-muted)}.form-group input::-moz-placeholder,.form-group select::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--color-text-muted)}.form-group input:-ms-input-placeholder,.form-group select:-ms-input-placeholder,.form-group textarea:-ms-input-placeholder{color:var(--color-text-muted)}.form-group input::-ms-input-placeholder,.form-group select::-ms-input-placeholder,.form-group textarea::-ms-input-placeholder{color:var(--color-text-muted)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:80px}.search-input-wrap{position:relative;width:100%;max-width:320px}.search-input-wrap iconify-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:1.125rem}.search-input-wrap input{width:100%;padding:.625rem .875rem .625rem 2.5rem;background:var(--color-bg-main);border:1px solid var(--color-bg-border);border-radius:var(--border-radius);color:var(--color-text-title);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input-wrap input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #b8c76f1a}.search-input-wrap input::-webkit-input-placeholder{color:var(--color-text-muted)}.search-input-wrap input::-moz-placeholder{color:var(--color-text-muted)}.search-input-wrap input:-ms-input-placeholder{color:var(--color-text-muted)}.search-input-wrap input::-ms-input-placeholder{color:var(--color-text-muted)}.search-input-wrap input::placeholder{color:var(--color-text-muted)}.table-container{overflow-x:auto;margin:0 -.25rem;padding:0 .25rem}table{width:100%;border-collapse:separate;border-spacing:0}table th,table td{padding:.875rem 1rem;text-align:left;vertical-align:middle}table thead th{color:#000;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-accent-primary);border-bottom:1px solid var(--color-bg-border);position:-webkit-sticky;position:sticky;top:0;z-index:2}table thead th:first-child{border-radius:var(--border-radius-sm) 0 0 0}table thead th:last-child{border-radius:0 var(--border-radius-sm) 0 0}table tbody td{color:var(--color-text-body);font-size:.9375rem;border-bottom:1px solid rgba(42,42,42,.5)}table tbody tr{transition:background .15s ease}table tbody tr:hover{background:var(--color-bg-hover)}table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.4}.badge-cash{background:var(--color-badge-cash-bg);color:var(--color-badge-cash-text)}.badge-card{background:var(--color-badge-card-bg);color:var(--color-badge-card-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-storno{background:var(--color-error-bg);color:var(--color-error)}.badge-deleted{background:#78787826;color:#999}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:1.375rem 1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.stat-card:hover{border-color:#b8c76f33}.stat-card .stat-header{margin-bottom:.75rem}.stat-card .stat-icon-wrap{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-icon-wrap iconify-icon{font-size:1.25rem}.stat-card .stat-icon-wrap--accent{background:#b8c76f1a;color:var(--color-accent-primary)}.stat-card .stat-icon-wrap--secondary{background:#7a96721a;color:var(--color-accent-secondary)}.stat-card .stat-icon-wrap--default{background:#a8a8a814;color:var(--color-text-body)}.stat-card .stat-icon-wrap--warning{background:#d4c0781a;color:var(--color-warning)}.stat-card .stat-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:400;letter-spacing:.01em}.stat-card .stat-value{color:var(--color-text-title);font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.stat-card.accent .stat-value{color:var(--color-accent-primary)}.loading{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:3.5rem 1rem;color:var(--color-text-muted);font-size:.9375rem}.loading iconify-icon{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(216,124,124,.15)}.success-message{background:var(--color-success-bg);color:var(--color-success-text);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(136,179,110,.15)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal{background:var(--color-bg-card);border:1px solid var(--color-bg-border);border-radius:var(--border-radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-bg-border)}.modal-header h3{color:var(--color-text-title);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-header .close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;line-height:1;padding:.375rem;border-radius:var(--border-radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.modal-header .close-btn:hover{color:var(--color-text-body);background:var(--color-bg-hover)}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.125rem 1.5rem;border-top:1px solid var(--color-bg-border);background:#0a0a0a4d}.pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--color-bg-border)}.pagination button{padding:.5rem .875rem;background:var(--color-bg-hover);border:1px solid var(--color-bg-border);border-radius:var(--border-radius);color:var(--color-text-body);font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s ease}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:not(:disabled):hover{background:var(--color-bg-border);color:var(--color-text-title)}.pagination span{color:var(--color-text-muted);font-size:.8125rem;padding:0 .625rem;font-weight:500}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding:1.25rem;background:var(--color-bg-card);border:1px solid var(--color-bg-border);border-radius:var(--border-radius-lg)}.filters .filter-group{display:flex;align-items:center;gap:.5rem}.filters .filter-group label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500;white-space:nowrap}.filters .filter-group input,.filters .filter-group select{padding:.5rem .75rem;background:var(--color-bg-main);border:1px solid var(--color-bg-border);border-radius:var(--border-radius);color:var(--color-text-title);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.filters .filter-group input:focus,.filters .filter-group select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #b8c76f1a}.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--color-text-muted)}.empty-state iconify-icon{font-size:2.5rem;margin-bottom:.75rem;display:block;margin-left:auto;margin-right:auto;opacity:.4}.empty-state p{font-size:.9375rem}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.action-buttons{display:flex;gap:.375rem}.action-buttons .btn{padding:.375rem;min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center}