@charset "UTF-8";:root{--primary-color: #ffc107;--primary-hover: #ffb300;--secondary-color: #6c757d;--secondary-hover: #5a6268;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-sidebar: #2c2c2c;--bg-card: #ffffff;--text-primary: #000000;--text-secondary: #666666;--text-muted: #999999;--text-white: #ffffff;--border-color: #e5e5e5;--border-light: #f0f0f0;--success-color: #00c853;--warning-color: #ff9800;--error-color: #f44336;--info-color: #2196f3;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--sidebar-width: 220px;--header-height: 64px;--border-radius: 8px;--border-radius-sm: 4px;--spacing-xs: 4px;--spacing-sm: 14px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2c2c2c;--bg-card: #2c2c2c;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #404040;--border-light: #333333}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary)}#root{height:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background-color:var(--primary-color);color:var(--text-white)}.btn--primary:hover{background-color:var(--primary-hover)}.btn--secondary{background-color:var(--secondary-color);color:var(--text-white)}.btn--secondary:hover{background-color:var(--secondary-hover)}.btn--light{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--light:hover{background-color:var(--border-light)}.btn--success{background-color:var(--success-color);color:var(--text-white)}.btn--warning{background-color:var(--warning-color);color:var(--text-white)}.btn--error{background-color:var(--error-color);color:var(--text-white)}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card__content{color:var(--text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.d-grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.w-100{width:100%}.h-100{height:100%}.app-container{height:100vh;overflow:hidden}.app{display:flex;height:100vh}.app__main{flex:1;margin-left:var(--sidebar-width);overflow-y:auto;background-color:var(--bg-primary)}.page-placeholder{padding:var(--spacing-xl);margin-left:0;text-align:center;color:var(--text-secondary)}.page-placeholder h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.page-placeholder p{font-size:var(--font-size-lg)}.app__main::-webkit-scrollbar{width:8px}.app__main::-webkit-scrollbar-track{background:var(--bg-secondary)}.app__main::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.app__main::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);color:var(--text-white);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;box-shadow:var(--shadow-lg);border-top-right-radius:16px;border-bottom-right-radius:16px}.sidebar__header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__logo{display:flex;align-items:center;justify-content:center}.sidebar__logo h2{color:var(--text-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.sidebar__logo-img{height:32px;width:auto;max-width:100%}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar__nav-list{list-style:none;padding:0;margin:0}.sidebar__section{padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md)}.sidebar__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff9;text-transform:uppercase;letter-spacing:.5px}.sidebar__nav-item{margin:0;position:relative}.sidebar__submenu{position:fixed;left:var(--sidebar-width);top:0;height:100vh;background-color:#fff;box-shadow:0 4px 12px #00000026;padding:16px;width:var(--sidebar-width);z-index:1001;border-left:1px solid #e9ecef}.sidebar__submenu-section{margin-bottom:20px}.sidebar__submenu-section:last-child{margin-bottom:0}.sidebar__submenu-title{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.sidebar__submenu-link{display:block;padding:8px 12px;color:#495057;text-decoration:none;border-radius:6px;font-size:14px;font-weight:400;margin-bottom:4px;transition:all .2s ease}.sidebar__submenu-link:hover{background-color:#f8f9fa;color:#212529}.sidebar__submenu-link:last-child{margin-bottom:0}.sidebar__nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);color:#fffc;text-decoration:none;transition:all .2s ease;position:relative}.sidebar__nav-link:hover,.sidebar__nav-link--active{background-color:transparent;color:#ffc107}.sidebar__nav-link--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#ffc107}.sidebar__nav-icon{margin-right:var(--spacing-sm);flex-shrink:0}.sidebar__nav-label{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar__nav-badge{background-color:var(--error-color);color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;margin-left:var(--spacing-sm)}.sidebar__footer{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.sidebar__user{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.sidebar__user-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);flex-shrink:0}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-white);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{display:block;font-size:var(--font-size-xs);color:#fff9;text-transform:capitalize}.sidebar__actions{display:flex;gap:var(--spacing-sm)}.sidebar__action-btn{width:32px;height:32px;border:none;border-radius:var(--border-radius-sm);background-color:#ffffff1a;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar__action-btn:hover{background-color:#fff3;color:var(--text-white)}.sidebar__nav::-webkit-scrollbar{width:0px;background:transparent}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:transparent}.sidebar__nav{scrollbar-width:none}.status-change-modal{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.status-change-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.status-change-modal__header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.status-change-modal__close{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.status-change-modal__close:hover{background-color:#e9ecef;color:#495057}.status-change-modal__content{padding:24px}.status-change-modal__order-info{margin-bottom:24px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.status-change-modal__order-info p{margin:8px 0;font-size:14px;color:#495057}.status-change-modal__order-info p strong{color:#1a1a1a}.status-change-modal__status-options h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.status-change-modal__error{margin-top:16px;padding:12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px}.status-change-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e9ecef;background-color:#f8f9fa}.status-change-modal__actions .btn{padding:8px 14px;border-radius:6px;font-size:16px;font-weight:550;cursor:pointer;transition:all .2s ease;border:none}.status-change-modal__actions .btn--primary{background-color:#f0eeeb;color:#3d3c3a}.status-change-modal__actions .btn--primary:hover{background-color:#e5e3e0}.status-change-modal__actions .btn--primary:disabled{opacity:.6;cursor:not-allowed}.status-change-modal__actions .btn--secondary{background-color:#fce000;color:#3d3c3a}.status-change-modal__actions .btn--secondary:hover{background-color:#f0d800}.status-change-modal__actions .btn--secondary:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;padding:6px 10px;border-radius:6px;color:#fff;font-size:12px;font-weight:500;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.status-options-grid{display:grid;grid-template-columns:1fr;gap:10px}.status-option{display:flex;align-items:center;justify-content:center;padding:14px 16px;border:1px solid #e9ecef;border-radius:8px;background:white;cursor:pointer;transition:all .2s ease;position:relative}.status-option:hover{border-color:#adb5bd;background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.status-option--selected{border-color:#fce000;background-color:#fffbf0;box-shadow:0 2px 8px #fce00033;transform:translateY(-1px)}.status-option:disabled{opacity:.6;cursor:not-allowed;background-color:#f8f9fa}.status-option__label{font-size:16px;font-weight:550;color:#1a1a1a;text-align:center}.status-option__check{color:#fce000;flex-shrink:0;font-size:16px}@media (max-width: 768px){.status-change-modal{width:95%;max-height:95vh}.status-change-modal__header{padding:16px 20px}.status-change-modal__content{padding:20px}.status-change-modal__actions{padding:16px 20px;flex-direction:column;gap:10px}.status-change-modal__actions .btn{width:100%;padding:10px 14px;font-size:16px}.status-options-grid{grid-template-columns:1fr}.status-option{padding:12px 14px}.status-option__label{font-size:15px}}@media (max-width: 480px){.status-change-modal{width:98%;margin:10px}.status-change-modal__header{padding:14px 16px}.status-change-modal__header h2{font-size:16px}.status-change-modal__content{padding:16px}.status-change-modal__actions{padding:14px 16px}}.promo-code-modal{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.promo-code-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.promo-code-modal__header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.promo-code-modal__close{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.promo-code-modal__close:hover{background-color:#e9ecef;color:#495057}.promo-code-modal__content{padding:24px}.promo-code-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.promo-code-modal__form__group{display:flex;flex-direction:column}.promo-code-modal__form__group--full{grid-column:1/-1}.promo-code-modal__form__group--half{grid-column:span 1}.promo-code-modal__form__label{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.promo-code-modal__form__input{padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s ease}.promo-code-modal__form__input:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.promo-code-modal__form__input::placeholder{color:#6c757d}.promo-code-modal__form__input--error{border-color:#dc3545}.promo-code-modal__form__input--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.promo-code-modal__form__select{padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s ease;cursor:pointer}.promo-code-modal__form__select:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.promo-code-modal__form__select--error{border-color:#dc3545}.promo-code-modal__form__select--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.promo-code-modal__form__textarea{padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s ease;resize:vertical;min-height:80px}.promo-code-modal__form__textarea:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.promo-code-modal__form__textarea::placeholder{color:#6c757d}.promo-code-modal__form__textarea--error{border-color:#dc3545}.promo-code-modal__form__textarea--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.promo-code-modal__form__checkbox-group{display:flex;align-items:center;gap:8px;margin-top:8px}.promo-code-modal__form__checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#fce000;cursor:pointer}.promo-code-modal__form__checkbox-group label{font-size:14px;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none}.promo-code-modal__form__error{color:#dc3545;font-size:12px;margin-top:4px}.promo-code-modal__form__help{color:#6c757d;font-size:12px;margin-top:4px}.promo-code-modal__error{margin-top:16px;padding:12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px}.promo-code-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e9ecef;background-color:#f8f9fa}.promo-code-modal__actions .btn{padding:10px 20px;border-radius:8px;font-size:16px;font-weight:550;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.promo-code-modal__actions .btn--primary{background-color:#fce000;color:#3d3c3a}.promo-code-modal__actions .btn--primary:hover{background-color:#fcd006;transform:translateY(-1px)}.promo-code-modal__actions .btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.promo-code-modal__actions .btn--secondary{background-color:#f0eeeb;color:#3d3c3a}.promo-code-modal__actions .btn--secondary:hover{background-color:#e8e6e3}.promo-code-modal__actions .btn--secondary:disabled{opacity:.6;cursor:not-allowed}.promo-code-modal__banner{display:flex;flex-direction:column;gap:12px}.promo-code-modal__banner-preview{border-radius:12px;overflow:hidden;border:1px solid #e9ecef;background-color:#f8f9fa}.promo-code-modal__banner-preview img{width:100%;height:auto;display:block;object-fit:cover}.promo-code-modal__banner-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed #ced4da;border-radius:12px;padding:24px;color:#6c757d;background-color:#f8f9fa;font-size:14px}.promo-code-modal__banner-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.promo-code-modal__banner-upload-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;background-color:#f0eeeb;color:#3d3c3a;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.promo-code-modal__banner-upload-btn:hover{background-color:#e8e6e3;border-color:#dcdad7}.promo-code-modal__banner-upload-btn.is-disabled{opacity:.6;cursor:not-allowed}.promo-code-modal__banner-upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.promo-code-modal__banner-remove-btn{padding:10px 18px;border-radius:8px;background-color:#ffebee;color:#d32f2f;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s ease}.promo-code-modal__banner-remove-btn:hover{background-color:#ffcdd2}.promo-code-modal__banner-remove-btn:disabled{opacity:.6;cursor:not-allowed}.promo-code-modal__banner-hint{font-size:12px;color:#6c757d;line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@media (max-width: 768px){.promo-code-modal{width:95%;max-height:95vh}.promo-code-modal__header{padding:16px 20px}.promo-code-modal__content{padding:20px}.promo-code-modal__form{grid-template-columns:1fr;gap:16px}.promo-code-modal__form__group--full,.promo-code-modal__form__group--half{grid-column:1}.promo-code-modal__actions{padding:16px 20px;flex-direction:column;gap:10px}.promo-code-modal__actions .btn{width:100%;padding:12px 20px;font-size:16px}}@media (max-width: 480px){.promo-code-modal{width:98%;margin:10px}.promo-code-modal__header{padding:14px 16px}.promo-code-modal__header h2{font-size:16px}.promo-code-modal__content{padding:16px}.promo-code-modal__actions{padding:14px 16px}}.dashboard{padding:24px;margin-left:0}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard__header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.dashboard__period-selector{position:relative}.dashboard__period-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:16px;background-color:#f5f5f5;color:#666;font-size:13px;cursor:pointer;outline:none;transition:all .2s ease}.dashboard__period-select:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:24px}.dashboard__quality,.dashboard__users,.dashboard__charts{margin-bottom:24px}.dashboard__quality,.dashboard__users{border-radius:12px;padding:20px;box-shadow:0 2px 6px #0000001f}.dashboard__bottom-section{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.dashboard__bottom-section .dashboard__quality,.dashboard__bottom-section .dashboard__users{flex:1;margin-bottom:0}.dashboard__stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard__stats-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.dashboard__loading,.dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-secondary)}.dashboard__loading p,.dashboard__error p{margin-top:var(--spacing-md);font-size:var(--font-size-lg)}.stat-card{background-color:#fff;border:none;border-radius:12px;padding:16px;box-shadow:0 10px 10px #00000014;transition:all .2s ease;position:relative;overflow:hidden}.stat-card.revenue-card .revenue-card__main,.stat-card.revenue-card .orders-card__main,.stat-card.revenue-card .average-check-card__main,.stat-card.revenue-card .lost-profit-card__main,.stat-card.orders-card .revenue-card__main,.stat-card.orders-card .orders-card__main,.stat-card.orders-card .average-check-card__main,.stat-card.orders-card .lost-profit-card__main,.stat-card.average-check-card .revenue-card__main,.stat-card.average-check-card .orders-card__main,.stat-card.average-check-card .average-check-card__main,.stat-card.average-check-card .lost-profit-card__main,.stat-card.lost-profit-card .revenue-card__main,.stat-card.lost-profit-card .orders-card__main,.stat-card.lost-profit-card .average-check-card__main,.stat-card.lost-profit-card .lost-profit-card__main{padding-top:20px;display:flex;align-items:center}.stat-card.revenue-card .revenue-card__values,.stat-card.revenue-card .orders-card__values,.stat-card.revenue-card .average-check-card__values,.stat-card.revenue-card .lost-profit-card__values,.stat-card.orders-card .revenue-card__values,.stat-card.orders-card .orders-card__values,.stat-card.orders-card .average-check-card__values,.stat-card.orders-card .lost-profit-card__values,.stat-card.average-check-card .revenue-card__values,.stat-card.average-check-card .orders-card__values,.stat-card.average-check-card .average-check-card__values,.stat-card.average-check-card .lost-profit-card__values,.stat-card.lost-profit-card .revenue-card__values,.stat-card.lost-profit-card .orders-card__values,.stat-card.lost-profit-card .average-check-card__values,.stat-card.lost-profit-card .lost-profit-card__values{flex:none;width:110px;text-align:right}.stat-card.revenue-card .revenue-card__chart,.stat-card.revenue-card .orders-card__chart,.stat-card.revenue-card .average-check-card__chart,.stat-card.revenue-card .lost-profit-card__chart,.stat-card.orders-card .revenue-card__chart,.stat-card.orders-card .orders-card__chart,.stat-card.orders-card .average-check-card__chart,.stat-card.orders-card .lost-profit-card__chart,.stat-card.average-check-card .revenue-card__chart,.stat-card.average-check-card .orders-card__chart,.stat-card.average-check-card .average-check-card__chart,.stat-card.average-check-card .lost-profit-card__chart,.stat-card.lost-profit-card .revenue-card__chart,.stat-card.lost-profit-card .orders-card__chart,.stat-card.lost-profit-card .average-check-card__chart,.stat-card.lost-profit-card .lost-profit-card__chart{flex:1;height:100px;display:flex;align-items:center;justify-content:center}.stat-card.revenue-card .revenue-card__chart .chart-container,.stat-card.revenue-card .orders-card__chart .chart-container,.stat-card.revenue-card .average-check-card__chart .chart-container,.stat-card.revenue-card .lost-profit-card__chart .chart-container,.stat-card.orders-card .revenue-card__chart .chart-container,.stat-card.orders-card .orders-card__chart .chart-container,.stat-card.orders-card .average-check-card__chart .chart-container,.stat-card.orders-card .lost-profit-card__chart .chart-container,.stat-card.average-check-card .revenue-card__chart .chart-container,.stat-card.average-check-card .orders-card__chart .chart-container,.stat-card.average-check-card .average-check-card__chart .chart-container,.stat-card.average-check-card .lost-profit-card__chart .chart-container,.stat-card.lost-profit-card .revenue-card__chart .chart-container,.stat-card.lost-profit-card .orders-card__chart .chart-container,.stat-card.lost-profit-card .average-check-card__chart .chart-container,.stat-card.lost-profit-card .lost-profit-card__chart .chart-container{padding:0;margin:0;width:140px;height:100px}.stat-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stat-card__change{text-align:right;margin-top:4px}.stat-card__icon{display:none}.stat-card__change{text-align:right}.stat-card__change-value{font-size:14px;font-weight:500;padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:2px}.stat-card__change-value.positive{color:#00c853}.stat-card__change-value.negative{color:#f44336}.stat-card__content h3{font-size:20px;font-weight:500;color:#666;margin-bottom:8px}.stat-card:not(.revenue-card):not(.orders-card):not(.average-check-card):not(.lost-profit-card) .stat-card__content{text-align:center}.stat-card__value{font-size:24px;font-weight:400;color:#1a1a1a;line-height:1.1;margin-bottom:4px}.quality-cards{display:grid;grid-template-columns:repeat(3,auto);gap:30px;justify-content:center}.quality-card{background-color:#f8f9fa;border:none;border-radius:12px;padding:12px;box-shadow:0 2px 6px #0000001f;transition:all .2s ease;position:relative;width:180px;height:180px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.quality-card h3{font-size:20px;font-weight:400;color:#666;margin-bottom:10px;text-align:left;line-height:1.2}.quality-card__score{font-size:40px;font-weight:300;color:#1a1a1a;margin-bottom:6px;text-align:start;display:flex;align-items:center;justify-content:left;gap:8px}.users-cards{display:grid;grid-template-columns:repeat(3,auto);gap:30px;justify-content:center}.user-card{background-color:#f8f9fa;border:none;border-radius:12px;padding:12px;box-shadow:0 2px 6px #0000001f;transition:all .2s ease;position:relative;width:180px;height:180px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.user-card h3{font-size:20px;font-weight:400;color:#666;margin-bottom:10px;text-align:left;line-height:1.2}.user-card__value{font-size:40px;font-weight:300;color:#1a1a1a;margin-bottom:6px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.user-card__change{position:static}.user-card__change-value{font-size:22px;font-weight:300;padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:2px}.user-card__change-value.positive{color:#00c853}.user-card__change-value.negative{color:#f44336}.chart-container{background-color:transparent;border:none;border-radius:0;padding:0;box-shadow:none;transition:none}.chart-container:hover{box-shadow:none}.chart-container .chart-title{font-size:14px;font-weight:500;color:#666;margin-bottom:12px;margin-top:0}.chart-container svg{overflow:visible}.chart-container .recharts-area{opacity:1!important}.chart-container .recharts-line,.chart-container .recharts-layer,.chart-container .recharts-area-curve{filter:drop-shadow(0 3px 8px rgba(0,200,83,.8))}.charts-section{margin-bottom:24px}.charts-section h2{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}}.notification-system{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.notification{background:white;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #e9ecef;padding:16px;display:flex;align-items:flex-start;gap:12px;animation:slideInRight .3s ease-out;max-width:400px;min-width:320px}.notification--new-order{border-left:4px solid #00c853}.notification--new-order .notification__icon{background-color:#00c853;color:#fff}.notification__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#f8f9fa;color:#6c757d}.notification__content{flex:1;min-width:0}.notification__title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.2}.notification__message{font-size:13px;color:#6c757d;margin-bottom:8px;line-height:1.3}.notification__timestamp{font-size:11px;color:#adb5bd;font-weight:500}.notification__actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.notification__btn{border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;padding:6px 12px;white-space:nowrap}.notification__btn--primary{background-color:#00c853;color:#fff}.notification__btn--primary:hover{background-color:#00a844;transform:translateY(-1px)}.notification__btn--secondary{background-color:transparent;color:#6c757d;border:1px solid #dee2e6}.notification__btn--secondary:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.notification__btn--close{background-color:transparent;color:#adb5bd;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.notification__btn--close:hover{background-color:#f8f9fa;color:#6c757d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.notification-system{top:10px;right:10px;left:10px;max-width:none}.notification{max-width:none;min-width:auto;padding:12px}.notification__actions{flex-direction:row;gap:6px}.notification__btn{padding:4px 8px;font-size:11px}}@media (prefers-color-scheme: dark){.notification{background:#2c2c2c;border-color:#404040;color:#fff}.notification__title{color:#fff}.notification__message{color:#ccc}.notification__timestamp{color:#999}.notification__btn--secondary{color:#ccc;border-color:#404040}.notification__btn--secondary:hover{background-color:#404040;border-color:#666;color:#fff}.notification__btn--close{color:#999}.notification__btn--close:hover{background-color:#404040;color:#ccc}}.restaurant-selector{position:relative;display:inline-block;min-width:280px}.restaurant-selector--loading .restaurant-selector__trigger,.restaurant-selector--error .restaurant-selector__trigger,.restaurant-selector--empty .restaurant-selector__trigger{cursor:default}.restaurant-selector--loading .restaurant-selector__trigger:hover,.restaurant-selector--error .restaurant-selector__trigger:hover,.restaurant-selector--empty .restaurant-selector__trigger:hover{background-color:#fff;transform:none}.restaurant-selector__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:white;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.restaurant-selector__trigger:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.restaurant-selector__trigger:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.restaurant-selector__trigger[aria-expanded=true]{border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.restaurant-selector__current{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.restaurant-selector__current svg{color:#6c757d;flex-shrink:0}.restaurant-selector__info{flex:1;min-width:0;text-align:left}.restaurant-selector__name{font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restaurant-selector__address{font-size:12px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.restaurant-selector__chevron{color:#6c757d;transition:transform .2s ease;flex-shrink:0}.restaurant-selector__chevron--open{transform:rotate(180deg)}.restaurant-selector__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.restaurant-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.restaurant-selector__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f3f4;background-color:#f8f9fa}.restaurant-selector__header span:first-child{font-weight:500;color:#1a1a1a}.restaurant-selector__count{font-size:12px;color:#6c757d}.restaurant-selector__list{flex:1;overflow-y:auto}.restaurant-selector__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.restaurant-selector__option:hover{background-color:#f8f9fa}.restaurant-selector__option--selected{background-color:#e3f2fd}.restaurant-selector__option--selected:hover{background-color:#bbdefb}.restaurant-selector__option-info{flex:1;min-width:0}.restaurant-selector__option-name{font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restaurant-selector__option-address{font-size:12px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.restaurant-selector__option-role{font-size:11px;color:#1976d2;font-weight:500;text-transform:uppercase;letter-spacing:.4px;margin-top:4px}.restaurant-selector__check{color:#1976d2;flex-shrink:0;margin-left:8px}.restaurant-selector__loading,.restaurant-selector__error,.restaurant-selector__empty{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:14px}.restaurant-selector__loading .loading-spinner,.restaurant-selector__error .loading-spinner,.restaurant-selector__empty .loading-spinner{width:16px;height:16px;border:2px solid #e9ecef;border-top:2px solid #fce000;border-radius:50%;animation:spin 1s linear infinite}.restaurant-selector__loading button,.restaurant-selector__error button,.restaurant-selector__empty button{background:none;border:none;color:#1976d2;cursor:pointer;text-decoration:underline;font-size:12px;margin-left:4px}.restaurant-selector__loading button:hover,.restaurant-selector__error button:hover,.restaurant-selector__empty button:hover{color:#1565c0}@media (max-width: 768px){.restaurant-selector{min-width:240px}.restaurant-selector__dropdown{left:-16px;right:-16px;width:calc(100vw - 32px);max-width:none}.restaurant-selector__option-name,.restaurant-selector__option-address{font-size:13px}.restaurant-selector__option-role{font-size:10px}}.login-page{min-height:100vh;display:flex;width:100%;overflow:hidden}.login-page__left{width:50%;position:relative;background-color:#f5f5f5;overflow:hidden}.login-pattern{width:100%;height:100%;background-image:url(/assets/bg.png);background-repeat:repeat;background-size:contain;background-position:top;position:absolute;top:0;left:0;right:0;bottom:0}.login-page__right{width:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:var(--spacing-xl);overflow-y:auto}.login-container{width:100%;max-width:300px;position:relative}.login-back-link{position:absolute;top:0;right:0;color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.login-back-link:hover{color:var(--text-primary)}.login-header{margin-bottom:var(--spacing-xl)}.login-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.login-header .login-register-prompt{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.login-header .login-register-prompt a{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.login-header .login-register-prompt a:hover{text-decoration:underline}.login-form .form-group{margin-bottom:var(--spacing-lg)}.login-form label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-form .input-wrapper{position:relative;display:flex;align-items:center}.login-form input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:12px;font-size:var(--font-size-xs);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.login-form input:focus{outline:none;border-color:var(--primary-color)}.login-form input:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.login-form input::placeholder{color:var(--text-muted);font-size:var(--font-size-xs)}.login-form .password-toggle{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.login-form .password-toggle:hover{color:var(--text-secondary)}.login-form .password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-form .btn{background-color:#fce000!important;color:#3d3c3a!important;border:none!important;padding:var(--spacing-md) var(--spacing-xl)!important;border-radius:12px!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;transition:background-color .2s ease!important;width:100%!important}.login-form .btn:hover:not(:disabled){background-color:#fcd006!important}.login-form .btn:disabled{opacity:.6!important;cursor:not-allowed!important}.login-error{background-color:#f443361a;color:var(--error-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);border:1px solid rgba(244,67,54,.2)}.login-footer{margin-top:var(--spacing-lg);text-align:center}.login-footer .forgot-password-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.login-footer .forgot-password-link:hover{color:var(--text-primary)}@media (max-width: 768px){.login-page{flex-direction:column}.login-page__left{width:100%;height:200px}.login-page__right{width:100%;padding:var(--spacing-lg)}.login-back-link{position:static;display:inline-block;margin-bottom:var(--spacing-md)}}.register-page{min-height:100vh;display:flex;width:100%;overflow:hidden}.register-page__left{width:50%;position:relative;background-color:#f5f5f5;overflow:hidden}.register-pattern{width:100%;height:100%;background-image:url(/assets/bg.png);background-repeat:repeat;background-size:contain;background-position:top;position:absolute;top:0;left:0;right:0;bottom:0}.register-page__right{width:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:var(--spacing-xl);overflow-y:auto}.register-container{width:100%;max-width:300px;position:relative}.register-back-link{position:absolute;top:0;right:0;color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.register-back-link:hover{color:var(--text-primary)}.register-header{margin-bottom:var(--spacing-xl)}.register-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.register-header .register-login-prompt{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.register-header .register-login-prompt a{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.register-header .register-login-prompt a:hover{text-decoration:underline}.register-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.register-logo svg{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.register-logo h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.step-indicator{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.step-indicator .step{display:flex;flex-direction:column;align-items:center;position:relative}.step-indicator .step:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(100% + 12px);width:var(--spacing-lg);height:2px;background-color:var(--border-color);transition:background-color .3s ease}.step-indicator .step.active:not(:last-child):after{background-color:var(--primary-color)}.step-indicator .step.active span{background-color:var(--primary-color);color:#fff}.step-indicator .step.active p{color:var(--primary-color);font-weight:var(--font-weight-medium)}.step-indicator .step span{width:30px;height:30px;border-radius:50%;background-color:var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);transition:all .3s ease}.step-indicator .step p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0;transition:all .3s ease}.register-form .form-group{margin-bottom:var(--spacing-lg)}.register-form label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.register-form .step-header{text-align:center;margin-bottom:var(--spacing-xl)}.register-form .step-header svg{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.register-form .step-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.register-form .step-header p{color:var(--text-secondary);margin:0;font-size:var(--font-size-sm)}.register-form .form-group{display:flex;flex-direction:column}.register-form .form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.register-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.register-form .form-group input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:12px;font-size:var(--font-size-xs);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.register-form .form-group input:focus{outline:none;border-color:var(--primary-color)}.register-form .form-group input:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.register-form .form-group input::placeholder{color:var(--text-muted);font-size:var(--font-size-xs)}.register-form .form-group .password-toggle{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.register-form .form-group .password-toggle:hover{color:var(--text-secondary)}.register-form .form-group .password-toggle:disabled{cursor:not-allowed;opacity:.5}.register-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.register-form .form-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-light)}.register-form .form-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);display:flex;align-items:center}.register-form .form-agreement{margin:var(--spacing-xl) 0;max-width:300px;width:100%;box-sizing:border-box}.register-form .form-agreement .checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;line-height:1.4;width:100%;max-width:100%;min-width:0}.register-form .form-agreement .checkbox-label .checkbox-text{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.register-form .form-agreement .checkbox-label input[type=checkbox]{display:none}.register-form .form-agreement .checkbox-label .checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:3px;background:var(--bg-primary);position:relative;flex-shrink:0;margin-top:2px}.register-form .form-agreement .checkbox-label .checkbox-custom:after{content:"✓";position:absolute;top:-2px;left:2px;color:var(--primary-color);font-size:14px;font-weight:700;opacity:0;transition:opacity .2s ease}.register-form .form-agreement .checkbox-label input:checked+.checkbox-custom{border-color:var(--primary-color);background:var(--bg-primary)}.register-form .form-agreement .checkbox-label input:checked+.checkbox-custom:after{opacity:1}.register-form .form-agreement .checkbox-label .privacy-link{color:var(--primary-color);text-decoration:underline}.register-form .form-agreement .checkbox-label .privacy-link:hover{color:var(--primary-hover)}.register-form .form-actions{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-lg)}.register-form .form-actions .btn{min-width:200px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.register-form .form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.register-error{background-color:#f443361a;color:var(--error-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);border:1px solid rgba(244,67,54,.2)}.register-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.register-footer p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.register-footer a{color:var(--primary-color);font-weight:var(--font-weight-medium)}.register-footer a:hover{color:var(--primary-hover)}.register-form .btn{background-color:#fce000!important;color:#3d3c3a!important;border:none!important;padding:var(--spacing-md) var(--spacing-xl)!important;border-radius:12px!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;transition:background-color .2s ease!important;width:100%!important}.register-form .btn:hover:not(:disabled){background-color:#fcd006!important}.register-form .btn:disabled{opacity:.6!important;cursor:not-allowed!important}.form-description{font-size:10px;color:var(--text-secondary);padding-left:0;margin-top:4px;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.invalid-feedback{color:var(--danger-color)}@media (max-width: 768px){.register-page{flex-direction:column}.register-page__left{width:100%;height:200px}.register-page__right{width:100%;padding:var(--spacing-lg)}.register-back-link{position:static;display:inline-block;margin-bottom:var(--spacing-md)}.register-container{max-width:100%;margin:0;border-radius:var(--border-radius-sm);padding:var(--spacing-lg)}.register-form .form-columns{grid-template-columns:1fr;gap:var(--spacing-lg)}.register-form .form-column{gap:var(--spacing-md)}.register-form .form-actions .btn{width:100%;min-width:auto}}.profile-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.profile-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-page__title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.profile-page__actions{display:flex;gap:12px;align-items:center}.profile-page__content{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.profile-form__section{margin-bottom:32px}.profile-form__section:last-child{margin-bottom:0}.profile-form__section-title{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.profile-form__group{margin-bottom:20px}.profile-form__label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary);font-size:14px}.profile-form__hint{display:block;font-size:12px;color:var(--text-muted);font-weight:400;margin-top:4px;line-height:1.4}.profile-form__input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s ease}.profile-form__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffc1071a}.profile-form__input::placeholder{color:var(--text-muted)}.profile-form__display-value{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;background-color:var(--bg-secondary);color:var(--text-primary);min-height:20px;display:flex;align-items:center}.profile-form__input-group{position:relative;display:flex;align-items:center}.profile-form__toggle-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.profile-form__toggle-btn:hover{color:var(--text-primary)}.profile-form__toggle-btn:focus{outline:none;box-shadow:0 0 0 2px #ffc1074d}.profile-form__info{background:var(--bg-secondary);border-radius:8px;padding:16px;border-left:4px solid var(--success-color)}.profile-form__info--success{background:#f0f9ff;border-left-color:var(--success-color);animation:slideInDown .3s ease-out}.profile-form__info-item{margin-bottom:8px}.profile-form__info-item:last-child{margin-bottom:0}.profile-form__info-item strong{color:var(--text-primary);font-weight:600}.profile-form__info-item p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:550!important;cursor:pointer!important;transition:all .2s ease!important}.btn:hover:not(:disabled){transform:translateY(-1px)!important}.btn:active{transform:translateY(0)!important}.btn svg{width:16px!important;height:16px!important}.btn--primary{background-color:#fce000!important;color:#3d3c3a!important}.btn--primary:hover:not(:disabled){background-color:#fcd006!important}.btn--secondary{background-color:#f0eeeb!important;color:#3d3c3a!important}.btn--secondary:hover:not(:disabled){background-color:#e8e6e3!important}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}@media (max-width: 768px){.profile-page{padding:16px}.profile-page__header{padding:16px;flex-direction:column;gap:16px;align-items:flex-start}.profile-page__actions{width:100%;justify-content:flex-end}.profile-page__actions .btn{padding:8px 16px;font-size:14px}.profile-page__content{padding:16px;border-radius:8px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.integration-settings-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.integration-settings-page__header{margin-bottom:2rem}.integration-settings-page__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.integration-settings-page__integration-buttons{display:flex;gap:1rem;margin-bottom:2rem}.integration-settings-page__integration-btn{flex:1;padding:1.5rem;background:white;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.integration-settings-page__integration-btn:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.integration-settings-page__integration-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,rgba(var(--primary-color-rgb),.1) 100%);box-shadow:0 4px 12px #00000026}.integration-settings-page__integration-btn-content{display:flex;justify-content:space-between;align-items:center}.integration-settings-page__integration-btn-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.integration-settings-page__status-indicator{display:flex;align-items:center}.integration-settings-page__status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-left:.5rem}.integration-settings-page__status-dot.connected{background-color:#10b981;box-shadow:0 0 8px #10b98180}.integration-settings-page__status-dot.connected-inactive{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}.integration-settings-page__status-dot.disconnected{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.integration-settings-page__content{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.integration-settings-page__section{margin-bottom:2rem}.integration-settings-page__section:last-child{margin-bottom:0}.integration-settings-page__section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.integration-settings-page__field{margin-bottom:1.5rem}.integration-settings-page__field:last-child{margin-bottom:0}.integration-settings-page__label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.integration-settings-page__select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:white;color:var(--text-primary);transition:border-color .2s}.integration-settings-page__select:focus{outline:none;border-color:var(--primary-color)}.integration-settings-page__input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:white;color:var(--text-primary);transition:border-color .2s}.integration-settings-page__input:focus{outline:none;border-color:var(--primary-color)}.integration-settings-page__input::placeholder{color:var(--text-secondary)}.integration-settings-page__input--readonly{background-color:#f3f4f6;cursor:text;-webkit-user-select:all;user-select:all}.integration-settings-page__password-wrapper,.integration-settings-page__password-field{position:relative;display:flex;align-items:center}.integration-settings-page__password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.integration-settings-page__password-toggle:hover{color:var(--text-primary)}.integration-settings-page__checkbox-group{display:flex;flex-direction:column;gap:1rem}.integration-settings-page__checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.integration-settings-page__checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary-color)}.integration-settings-page__checkbox span{color:var(--text-primary);font-size:.95rem}.integration-settings-page__status{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:8px}.integration-settings-page__status-item{display:flex;justify-content:space-between;align-items:center}.integration-settings-page__status-label{font-weight:500;color:var(--text-secondary)}.integration-settings-page__status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.integration-settings-page__status-badge.active{background-color:#10b981;color:#fff}.integration-settings-page__status-badge.inactive{background-color:#6b7280;color:#fff}.integration-settings-page__status-error{color:#ef4444;font-size:.875rem}.integration-settings-page__actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.integration-settings-page__loading,.integration-settings-page__empty{text-align:center;padding:3rem;color:var(--text-secondary)}.integration-settings-page__webhook-url{display:flex;gap:.75rem;align-items:stretch;position:relative}.integration-settings-page__webhook-url .integration-settings-page__input{flex:1;padding-right:.75rem}.integration-settings-page__webhook-url .integration-settings-page__password-toggle,.integration-settings-page__webhook-url button[class*=password-toggle]{display:none!important}.integration-settings-page__help-text{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.btn--small{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9375rem}.alert--success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.alert--error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary-color);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-color-dark)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--hover-bg)}.restaurants-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.restaurants-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.restaurants-page__header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.restaurants-page__header__actions{display:flex;gap:12px;align-items:center}.restaurants-page__header__add-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;background-color:#fce000!important;color:#3d3c3a!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:550!important;cursor:pointer!important;transition:all .2s ease!important}.restaurants-page__header__add-btn:hover{background-color:#fcd006!important;transform:translateY(-1px)!important}.restaurants-page__header__add-btn:active{transform:translateY(0)!important}.restaurants-page__header__add-btn svg{width:16px!important;height:16px!important}.restaurants-page__header__refresh-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;background-color:#f0eeeb!important;color:#3d3c3a!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:550!important;cursor:pointer!important;transition:all .2s ease!important}.restaurants-page__header__refresh-btn:hover{background-color:#e8e6e3!important;transform:translateY(-1px)!important}.restaurants-page__header__refresh-btn:active{transform:translateY(0)!important}.restaurants-page__header__refresh-btn svg{width:16px!important;height:16px!important}.restaurants-page__search{margin-bottom:24px}.restaurants-page__search__input{width:100%;max-width:400px;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s ease}.restaurants-page__search__input:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.restaurants-page__search__input::placeholder{color:#6c757d}.restaurants-page__content{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.restaurants-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.restaurants-page__empty{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px}.restaurants-page__empty__icon{font-size:48px;color:#dee2e6;margin-bottom:16px}.restaurants-page__empty__text{margin-bottom:24px}.restaurants-page__empty__btn{padding:12px 24px;background-color:#fce000;color:#3d3c3a;border:none;border-radius:8px;font-size:16px;font-weight:550;cursor:pointer;transition:all .2s ease}.restaurants-page__empty__btn:hover{background-color:#fcd006;transform:translateY(-1px)}.restaurants-page__loading{display:flex;align-items:center;justify-content:center;padding:60px 24px;color:#6c757d}.restaurants-page__loading .loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #fce000;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.restaurants-page__loading .loading-text{font-size:16px;font-weight:500}.restaurants-page__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:24px}.restaurants-page__error .error-message{color:#721c24;font-size:14px;margin-bottom:12px}.restaurants-page__error__retry-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.restaurants-page__error__retry-btn:hover{background-color:#c82333}.restaurant-card{background:white;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.restaurant-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.restaurant-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.restaurant-card__name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.restaurant-card__role{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.restaurant-card__info{margin-bottom:16px}.restaurant-card__info-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#6c757d;font-size:14px}.restaurant-card__info-item:last-child{margin-bottom:0}.restaurant-card__info-item svg{width:16px;height:16px;color:#9c9995}.restaurant-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f3f4}.restaurant-card__status .status-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:4px}.restaurant-card__status .status-badge--active{background-color:#d4edda;color:#155724}.restaurant-card__status .status-badge--inactive{background-color:#f8d7da;color:#721c24}.restaurant-card__actions{display:flex;gap:8px}.restaurant-card__actions__btn{padding:6px 8px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.restaurant-card__actions__btn--edit{background-color:#e3f2fd;color:#1976d2}.restaurant-card__actions__btn--edit:hover{background-color:#bbdefb}.restaurant-card__actions__btn--delete{background-color:#ffebee;color:#d32f2f}.restaurant-card__actions__btn--delete:hover{background-color:#ffcdd2}.restaurant-card__actions__btn svg{width:14px;height:14px}.restaurant-modal{background:white;border-radius:12px;width:90vw;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.restaurant-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef}.restaurant-modal__header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.restaurant-modal__close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.restaurant-modal__close:hover{color:#1a1a1a}.restaurant-modal__content{flex:1;overflow-y:auto;padding:24px}.restaurant-modal__form__section{margin-bottom:32px}.restaurant-modal__form__section:last-child{margin-bottom:0}.restaurant-modal__form__section h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f1f3f4}.restaurant-modal__form__group{margin-bottom:16px;display:flex;flex-direction:column}.restaurant-modal__form__group--full{width:100%}.restaurant-modal__form__group--half{width:calc(50% - 8px);display:inline-block;margin-right:16px}.restaurant-modal__form__group--half:nth-child(2n){margin-right:0}.restaurant-modal__form__group--third{width:calc(33.333% - 11px);display:inline-block;margin-right:16px}.restaurant-modal__form__group--third:nth-child(3n){margin-right:0}.restaurant-modal__form__label{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:6px}.restaurant-modal__form__input,.restaurant-modal__form__textarea,.restaurant-modal__form__select{padding:10px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s ease}.restaurant-modal__form__input:focus,.restaurant-modal__form__textarea:focus,.restaurant-modal__form__select:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.restaurant-modal__form__input::placeholder,.restaurant-modal__form__textarea::placeholder,.restaurant-modal__form__select::placeholder{color:#9c9995}.restaurant-modal__form__textarea{resize:vertical;min-height:60px}.restaurant-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e9ecef;background-color:#f8f9fa}@media (max-width: 768px){.restaurants-page{padding:16px}.restaurants-page__header{flex-direction:column;gap:16px;align-items:stretch}.restaurants-page__header h1{text-align:center}.restaurants-page__header__actions{justify-content:center}.restaurants-page__search__input{max-width:100%}.restaurants-page__grid{grid-template-columns:1fr;gap:16px}.restaurant-card__header{flex-direction:column;gap:8px;align-items:flex-start}.restaurant-card__role{align-self:flex-start}.restaurant-modal{width:95vw;max-height:95vh}.restaurant-modal__form__group--half,.restaurant-modal__form__group--third{width:100%;display:block;margin-right:0}}.orders-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.orders-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.orders-page__header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.orders-page__header__refresh-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;background-color:#fce000!important;color:#3d3c3a!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:550!important;cursor:pointer!important;transition:all .2s ease!important}.orders-page__header__refresh-btn:hover{background-color:#fcd006!important;transform:translateY(-1px)!important}.orders-page__header__refresh-btn:active{transform:translateY(0)!important}.orders-page__header__refresh-btn svg{width:16px!important;height:16px!important}.orders-page__content{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.orders-page__table table{width:100%;border-collapse:collapse;table-layout:fixed}.orders-page__table table th,.orders-page__table table td{padding:14px 16px;text-align:left;border-bottom:1px solid #dee2e6;vertical-align:middle}.orders-page__table table th{font-weight:300;color:#9c9995;font-size:14px}.orders-page__table table td{color:#9c9995;font-weight:300;font-size:14px}.orders-page__table table tr:last-child td{border-bottom:1px solid #dee2e6}.orders-page__table table th:nth-child(1),.orders-page__table table td:nth-child(1){width:10%}.orders-page__table table th:nth-child(2),.orders-page__table table td:nth-child(2){width:12%}.orders-page__table table th:nth-child(3),.orders-page__table table td:nth-child(3){width:12%}.orders-page__table table th:nth-child(4),.orders-page__table table td:nth-child(4){width:12%}.orders-page__table table th:nth-child(5),.orders-page__table table td:nth-child(5){width:10%}.orders-page__table table th:nth-child(6),.orders-page__table table td:nth-child(6){width:10%}.orders-page__table table th:nth-child(7),.orders-page__table table td:nth-child(7){width:15%}.orders-page__table table th:nth-child(8),.orders-page__table table td:nth-child(8){width:12%;text-align:center}.orders-page__table table td:nth-child(6){color:#007bff;font-weight:300}.orders-page__customer__customer-name{font-weight:500;color:#1a1a1a;margin-bottom:4px}.orders-page__customer__customer-phone{font-size:12px;color:#6c757d}.orders-page__customer-name{font-weight:500;color:#6c757d;margin-bottom:4px}.orders-page__customer-phone{font-size:12px;color:#6c757d}.orders-page__restaurant-name{font-weight:500;color:#1a1a1a;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:13px}.orders-page__status{display:inline-flex;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.orders-page__status--new{background-color:#fff3cd;color:#856404}.orders-page__status--completed{background-color:#d4edda;color:#155724}.orders-page__status--delivered{background-color:#cce5ff;color:#004085}.orders-page__status--cancelled{background-color:#f8d7da;color:#721c24}.orders-page__status--preparing{background-color:#fff3cd;color:#856404}.orders-page__status--ready{background-color:#d1ecf1;color:#0c5460}.orders-page__status--delivering{background-color:#e2e3e5;color:#383d41}.orders-page__payment-method{font-size:13px;color:#6c757d}.orders-page__delivery-method{font-size:13px;font-weight:500}.orders-page__delivery-method:contains("Доставка"){color:#00c853}.orders-page__delivery-method:contains("Самовывоз"){color:#ff9800}.orders-page__view-btn{padding:6px 12px;background-color:#f0eeeb;color:#3d3c3a;border:none;border-radius:8px;font-size:14px;font-weight:550;cursor:pointer;transition:all .2s ease}.orders-page__view-btn:hover{background-color:#e8e6e3;color:#3d3c3a}.orders-page__empty{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px}.orders-page__loading{display:flex;align-items:center;justify-content:center;padding:60px 24px;color:#6c757d}.orders-page__loading .loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #fce000;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.orders-page__loading .loading-text{font-size:16px;font-weight:500}.orders-page__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:24px}.orders-page__error .error-message{color:#721c24;font-size:14px;margin-bottom:12px}.orders-page__error__retry-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.orders-page__error__retry-btn:hover{background-color:#c82333}.orders-page__retry-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.orders-page__retry-btn:hover{background-color:#c82333}@media (max-width: 768px){.orders-page{padding:16px}.orders-page__header{flex-direction:column;gap:16px;align-items:stretch}.orders-page__header h1{text-align:center}.orders-page__table{font-size:12px}.orders-page__table thead{display:none}.orders-page__table tbody tr{display:block;margin-bottom:16px;border:1px solid #e9ecef;border-radius:8px;padding:16px;background-color:#fff}.orders-page__table tbody td{display:block;padding:8px 0;border-bottom:1px solid #f1f3f4}.orders-page__table tbody td:last-child{border-bottom:none}.orders-page__table tbody td:before{content:attr(data-label) ": ";font-weight:600;color:#6c757d}}.order-history-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.order-history-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.order-history-page__header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.order-history-page__header__refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fce000;color:#3d3c3a;border:none;border-radius:8px;font-size:16px;font-weight:550;cursor:pointer;transition:all .2s ease}.order-history-page__header__refresh-btn:hover{background-color:#fcd006;transform:translateY(-1px)}.order-history-page__header__refresh-btn:active{transform:translateY(0)}.order-history-page__header__refresh-btn svg{width:16px;height:16px}.order-history-page__content{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.order-history-page__table table{width:100%;border-collapse:collapse;table-layout:fixed}.order-history-page__table table th,.order-history-page__table table td{padding:14px 16px;text-align:left;border-bottom:1px solid #dee2e6;vertical-align:middle}.order-history-page__table table th{font-weight:300;color:#9c9995;font-size:14px}.order-history-page__table table td{color:#9c9995;font-weight:300;font-size:14px}.order-history-page__table table tr:last-child td{border-bottom:1px solid #dee2e6}.order-history-page__table table th:nth-child(1),.order-history-page__table table td:nth-child(1){width:10%}.order-history-page__table table th:nth-child(2),.order-history-page__table table td:nth-child(2){width:12%}.order-history-page__table table th:nth-child(3),.order-history-page__table table td:nth-child(3){width:15%}.order-history-page__table table th:nth-child(4),.order-history-page__table table td:nth-child(4){width:12%}.order-history-page__table table th:nth-child(5),.order-history-page__table table td:nth-child(5){width:10%}.order-history-page__table table th:nth-child(6),.order-history-page__table table td:nth-child(6){width:10%}.order-history-page__table table th:nth-child(7),.order-history-page__table table td:nth-child(7){width:18%}.order-history-page__table table th:nth-child(8),.order-history-page__table table td:nth-child(8){width:10%;text-align:center}.order-history-page__table table td:nth-child(6){color:#007bff;font-weight:300}.order-history-page__order-number{font-weight:600;color:#00c853;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.order-history-page__customer__customer-name{font-weight:500;color:#1a1a1a;margin-bottom:4px}.order-history-page__customer__customer-phone{font-size:12px;color:#6c757d}.order-history-page__customer-name{font-weight:500;color:#1a1a1a;margin-bottom:4px}.order-history-page__customer-phone{font-size:12px;color:#6c757d}.order-history-page__restaurant-name{font-weight:500;color:#1a1a1a;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:13px}.order-history-page__amount{font-weight:600;color:#1a1a1a}.order-history-page__status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.order-history-page__status--new{background-color:#fff3cd;color:#856404}.order-history-page__status--completed{background-color:#d4edda;color:#155724}.order-history-page__status--delivered{background-color:#cce5ff;color:#004085}.order-history-page__status--cancelled{background-color:#f8d7da;color:#721c24}.order-history-page__status--preparing{background-color:#fff3cd;color:#856404}.order-history-page__status--ready{background-color:#d1ecf1;color:#0c5460}.order-history-page__status--delivering{background-color:#e2e3e5;color:#383d41}.order-history-page__payment-method{font-size:13px;color:#6c757d}.order-history-page__delivery-method{font-size:13px;font-weight:500}.order-history-page__delivery-method:contains("Доставка"){color:#00c853}.order-history-page__delivery-method:contains("Самовывоз"){color:#ff9800}.order-history-page__date{font-size:13px;color:#6c757d}.order-history-page__actions__view-btn{padding:6px 12px;background-color:#f0eeeb;color:#3d3c3a;border:none;border-radius:8px;font-size:14px;font-weight:550;cursor:pointer;transition:all .2s ease}.order-history-page__actions__view-btn:hover{background-color:#e8e6e3;color:#3d3c3a}.order-history-page__view-btn{padding:6px 12px;background-color:#f0eeeb;color:#3d3c3a;border:none;border-radius:8px;font-size:14px;font-weight:550;cursor:pointer;transition:all .2s ease}.order-history-page__view-btn:hover{background-color:#e8e6e3;color:#3d3c3a}.order-history-page__empty{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px}.order-history-page__loading{display:flex;align-items:center;justify-content:center;padding:60px 24px;color:#6c757d}.order-history-page__loading .loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #fce000;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.order-history-page__loading .loading-text{font-size:16px;font-weight:500}.order-history-page__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:24px}.order-history-page__error .error-message{color:#721c24;font-size:14px;margin-bottom:12px}.order-history-page__error__retry-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.order-history-page__error__retry-btn:hover{background-color:#c82333}.order-history-page__retry-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.order-history-page__retry-btn:hover{background-color:#c82333}@media (max-width: 768px){.order-history-page{padding:16px}.order-history-page__header{flex-direction:column;gap:16px;align-items:stretch}.order-history-page__header h1{text-align:center}.order-history-page__table{font-size:12px}.order-history-page__table thead{display:none}.order-history-page__table tbody tr{display:block;margin-bottom:16px;border:1px solid #e9ecef;border-radius:8px;padding:16px;background-color:#fff}.order-history-page__table tbody td{display:block;padding:8px 0;border-bottom:1px solid #f1f3f4}.order-history-page__table tbody td:last-child{border-bottom:none}.order-history-page__table tbody td:before{content:attr(data-label) ": ";font-weight:600;color:#6c757d}}.order-detail-page{padding:16px;background-color:#f8f9fa;min-height:100vh}.order-detail-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.order-detail-page__header-left{display:flex;align-items:center;gap:12px}.order-detail-page__header-left .back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;color:#6c757d;border:1px solid #dee2e6;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.order-detail-page__header-left .back-btn:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.order-detail-page__header-left h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.order-detail-page__header-actions{display:flex;gap:10px}.order-detail-page__header-actions .btn{padding:8px 14px;border-radius:6px;font-size:16px;font-weight:550;cursor:pointer;transition:all .2s ease;border:none}.order-detail-page__header-actions .btn--primary{background-color:#f0eeeb;color:#3d3c3a}.order-detail-page__header-actions .btn--primary:hover{background-color:#e5e3e0}.order-detail-page__header-actions .btn--secondary{background-color:#fce000;color:#3d3c3a}.order-detail-page__header-actions .btn--secondary:hover{background-color:#f0d800}.order-detail-page__content{display:flex;flex-direction:column;gap:16px}.order-detail-page__main-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.order-detail-page__main-info{grid-template-columns:1fr}}.order-detail-page__card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.order-detail-page__card-header{padding:16px 20px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.order-detail-page__card-header h2{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.order-detail-page__card-content{padding:20px}.order-detail-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f3f4}.order-detail-page .info-row:last-child{border-bottom:none}.order-detail-page .info-row .info-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d;font-weight:500}.order-detail-page .info-row .info-label svg{color:#adb5bd}.order-detail-page .info-row .info-value{font-size:14px;color:#1a1a1a;font-weight:500}.order-detail-page .info-row .info-value.amount{font-size:18px;font-weight:600;color:#00c853}.order-detail-page__items .order-detail-page__card .items-list .item-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4}.order-detail-page__items .order-detail-page__card .items-list .item-row:last-child{border-bottom:none}.order-detail-page__items .order-detail-page__card .items-list .item-row .item-info{flex:1;display:flex;align-items:center;margin-right:16px;min-width:0}.order-detail-page__items .order-detail-page__card .items-list .item-row .item-info .item-name{font-size:16px;font-weight:500;color:#1a1a1a;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.order-detail-page__items .order-detail-page__card .items-list .item-row .item-info .item-name .item-name-separator{font-weight:900;color:#1a1a1a;font-size:20px;line-height:1;margin:0 4px}.order-detail-page__items .order-detail-page__card .items-list .item-row .item-info .item-name .item-variant{color:#6c757d;font-size:16px;font-weight:400}.order-detail-page__items .order-detail-page__card .items-list .item-row .item-quantity{font-size:14px;color:#6c757d;font-weight:500;margin-right:16px;min-width:40px;text-align:center}.order-detail-page__items .order-detail-page__card .items-list .item-row .item-total{font-size:16px;font-weight:600;color:#1a1a1a;min-width:80px;text-align:right}.order-detail-page__items .order-detail-page__card .items-list .items-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:16px;border-top:2px solid #e9ecef}.order-detail-page__items .order-detail-page__card .items-list .items-total .total-label{font-size:18px;font-weight:600;color:#1a1a1a}.order-detail-page__items .order-detail-page__card .items-list .items-total .total-amount{font-size:24px;font-weight:700;color:#00c853}.order-detail-page__items .order-detail-page__card .no-items{text-align:center;padding:40px 24px;color:#6c757d}.order-detail-page__items .order-detail-page__card .no-items p{font-size:16px;margin:0}.order-detail-page__actions{display:flex;gap:16px;justify-content:flex-end;padding:24px 0}.order-detail-page__actions .btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.order-detail-page__actions .btn--primary{background-color:#00c853;color:#fff}.order-detail-page__actions .btn--primary:hover{background-color:#00a844}.order-detail-page__actions .btn--secondary{background-color:transparent;color:#6c757d;border:1px solid #dee2e6}.order-detail-page__actions .btn--secondary:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.order-detail-page__loading{display:flex;align-items:center;justify-content:center;padding:60px 24px;color:#6c757d}.order-detail-page__loading .loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #fce000;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.order-detail-page__loading .loading-text{font-size:16px;font-weight:500}.order-detail-page__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:24px}.order-detail-page__error .error-message{color:#721c24;font-size:14px;margin-bottom:12px}.order-detail-page__error .back-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.order-detail-page__error .back-btn:hover{background-color:#c82333}@media (max-width: 768px){.order-detail-page{padding:16px}.order-detail-page__header{flex-direction:column;align-items:stretch;gap:12px}.order-detail-page__header-left,.order-detail-page__header-actions{justify-content:center}.order-detail-page__header h1{text-align:center}.order-detail-page__main-info{grid-template-columns:1fr}.order-detail-page__actions{flex-direction:column}.order-detail-page__actions .btn{width:100%}.order-detail-page .info-row{flex-direction:column;align-items:flex-start;gap:8px}.order-detail-page .info-row .info-value{align-self:flex-end}.order-detail-page .item-row{flex-direction:column;align-items:flex-start;gap:8px}.order-detail-page .item-row .item-info{width:100%;margin-right:0;margin-bottom:8px}.order-detail-page .item-row .item-quantity,.order-detail-page .item-row .item-total{align-self:flex-end;margin-right:0}}.menu-page{display:flex;flex-direction:column;height:100vh;background:#f8f9fa}.menu-page .menu-page__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:white;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.menu-page .menu-page__header .menu-page__header-left h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.menu-page .menu-page__header .menu-page__header-right{display:flex;align-items:center}.menu-page .menu-page__content{display:flex;flex:1;overflow:hidden}.menu-page .menu-page__sidebar{width:320px;background:white;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.menu-page .menu-page__sidebar .menu-page__sidebar-header{padding:20px 24px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;height:70px;box-sizing:border-box}.menu-page .menu-page__sidebar .menu-page__sidebar-header h3{font-size:14px;font-weight:400;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px;margin:0}.menu-page .menu-page__sidebar .menu-page__sidebar-header .menu-page__categories-count{color:#adb5bd;font-weight:400;font-size:14px}.menu-page .menu-page__sidebar .menu-page__categories{flex:1;overflow-y:auto;padding:16px 0}.menu-page .menu-page__sidebar .menu-page__category-item{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;background:none;border:none;width:100%;text-align:left}.menu-page .menu-page__sidebar .menu-page__category-item:hover{background:#f8f9fa}.menu-page .menu-page__sidebar .menu-page__category-item.menu-page__category-item--active{background:#e9ecef;border-left-color:#007bff}.menu-page .menu-page__sidebar .menu-page__category-item.menu-page__category-item--active .menu-page__category-name{color:#007bff;font-weight:600}.menu-page .menu-page__sidebar .menu-page__category-name{font-size:14px;font-weight:500;color:#1a1a1a}.menu-page .menu-page__sidebar .menu-page__category-count{font-size:12px;color:#6c757d;background:#e9ecef;padding:2px 8px;border-radius:12px}.menu-page .menu-page__sidebar .menu-page__sidebar-actions{padding:20px 24px;border-top:1px solid #e9ecef;height:70px;display:flex;align-items:center;box-sizing:border-box}.menu-page .menu-page__sidebar .menu-page__sidebar-actions .menu-page__add-category-btn{width:100%;padding:10px 16px;background:#fce000;border:none;border-radius:8px;font-size:14px;font-weight:550;color:#3d3c3a;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.menu-page .menu-page__sidebar .menu-page__sidebar-actions .menu-page__add-category-btn:hover{background:#fcd006;transform:translateY(-1px)}.menu-page .menu-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:white}.menu-page .menu-page__main .menu-page__category-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:white;height:70px;box-sizing:border-box}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-title{display:flex;align-items:center;gap:12px}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-title span{font-size:18px;font-weight:600;color:#1a1a1a}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info{display:flex;align-items:center;gap:16px;font-size:14px;color:#6c757d}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container{position:relative}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-menu{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#6c757d;transition:all .2s ease}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-menu:hover{background:#f8f9fa;color:#495057}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-actions{position:absolute;top:100%;right:0;background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-actions button{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#495057;cursor:pointer;transition:background .2s ease}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-actions button:hover{background:#f8f9fa}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-actions button:first-child{border-radius:8px 8px 0 0}.menu-page .menu-page__main .menu-page__category-header .menu-page__category-info .menu-page__category-header-menu-container .menu-page__category-actions button:last-child{border-radius:0 0 8px 8px;color:#dc3545}.menu-page .menu-page__main .menu-page__dishes{flex:1;overflow-y:auto;padding:24px;background:#f8f9fa}.menu-page .menu-page__main .menu-page__main-actions{padding:20px 24px;border-top:1px solid #e9ecef;height:70px;display:flex;align-items:center;box-sizing:border-box;background:white}.menu-page .menu-page__main .menu-page__dish-item{display:flex;align-items:center;padding:16px;background:white;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.menu-page .menu-page__main .menu-page__dish-item:hover{box-shadow:0 2px 8px #00000026}.menu-page .menu-page__main .menu-page__dish-image{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-right:16px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.menu-page .menu-page__main .menu-page__dish-image img{width:100%;height:100%;object-fit:cover}.menu-page .menu-page__main .menu-page__dish-image .menu-page__dish-placeholder{color:#6c757d;font-size:24px}.menu-page .menu-page__main .menu-page__dish-details{flex:1;margin-right:16px}.menu-page .menu-page__main .menu-page__dish-details .menu-page__dish-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.menu-page .menu-page__main .menu-page__dish-details .menu-page__dish-weight{font-size:14px;color:#6c757d}.menu-page .menu-page__main .menu-page__dish-price{font-size:18px;font-weight:600;color:#007bff;margin-right:16px}.menu-page .menu-page__main .menu-page__dish-price .menu-page__dish-variants{display:flex;flex-direction:column;gap:4px;margin-top:4px}.menu-page .menu-page__main .menu-page__dish-price .menu-page__dish-variant{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:12px;transition:all .2s ease}.menu-page .menu-page__main .menu-page__dish-price .menu-page__dish-variant:hover{background:#e9ecef;border-color:#dee2e6}.menu-page .menu-page__main .menu-page__dish-price .menu-page__dish-variant-name{color:#495057;font-weight:500;flex:1;font-size:12px}.menu-page .menu-page__main .menu-page__dish-price .menu-page__dish-variant-price{color:#007bff;font-weight:600;font-size:12px;white-space:nowrap;margin-left:8px}.menu-page .menu-page__main .menu-page__dish-menu-container{position:relative}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-menu{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#6c757d;transition:all .2s ease}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-menu:hover{background:#f8f9fa;color:#495057}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-actions{position:absolute;top:100%;right:0;background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-actions button{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#495057;cursor:pointer;transition:background .2s ease}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-actions button:hover{background:#f8f9fa}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-actions button:first-child{border-radius:8px 8px 0 0}.menu-page .menu-page__main .menu-page__dish-menu-container .menu-page__dish-actions button:last-child{border-radius:0 0 8px 8px;color:#dc3545}.menu-page .menu-page__main .menu-page__add-dish-btn{width:100%;padding:10px 16px;background:#fce000;border:none;border-radius:8px;font-size:14px;font-weight:550;color:#3d3c3a;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.menu-page .menu-page__main .menu-page__add-dish-btn:hover{background:#fcd006;transform:translateY(-1px)}.menu-page .menu-page__main .menu-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d;text-align:center}.menu-page .menu-page__main .menu-page__empty p{font-size:16px;margin:0}.menu-page .dish-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.menu-page .dish-modal{background:white;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.menu-page .dish-modal .dish-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.menu-page .dish-modal .dish-modal__header h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.menu-page .dish-modal .dish-modal__close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.menu-page .dish-modal .dish-modal__close:hover{background-color:#f8f9fa;color:#495057}.menu-page .dish-modal form{padding:24px}.menu-page .dish-modal .dish-modal__field{margin-bottom:20px}.menu-page .dish-modal .dish-modal__field label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.menu-page .dish-modal .dish-modal__field input,.menu-page .dish-modal .dish-modal__field textarea,.menu-page .dish-modal .dish-modal__field select{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.menu-page .dish-modal .dish-modal__field input:focus,.menu-page .dish-modal .dish-modal__field textarea:focus,.menu-page .dish-modal .dish-modal__field select:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.menu-page .dish-modal .dish-modal__field input::placeholder,.menu-page .dish-modal .dish-modal__field textarea::placeholder,.menu-page .dish-modal .dish-modal__field select::placeholder{color:#adb5bd}.menu-page .dish-modal .dish-modal__field textarea{resize:vertical;min-height:80px}.menu-page .dish-modal .dish-modal__image-upload{display:flex;flex-direction:column;gap:12px}.menu-page .dish-modal .dish-modal__file-input{display:none}.menu-page .dish-modal .dish-modal__file-label{display:inline-block;padding:12px 16px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;text-align:center;cursor:pointer;transition:all .2s ease;font-size:14px}.menu-page .dish-modal .dish-modal__file-label:hover{background:#e9ecef;border-color:#fce000;color:#495057}.menu-page .dish-modal .dish-modal__compression-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;font-size:13px;margin-top:8px}.menu-page .dish-modal .dish-modal__compression-info .dish-modal__spinner{width:16px;height:16px;border:2px solid #e3f2fd;border-top:2px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.menu-page .dish-modal .dish-modal__image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.menu-page .dish-modal .dish-modal__image-preview{position:relative;display:inline-block;max-width:200px}.menu-page .dish-modal .dish-modal__image-preview img{width:100%;height:150px;object-fit:cover;border-radius:8px;border:1px solid #dee2e6}.menu-page .dish-modal .dish-modal__remove-image{position:absolute;top:8px;right:8px;width:24px;height:24px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:all .2s ease}.menu-page .dish-modal .dish-modal__remove-image:hover{background:rgba(0,0,0,.9)}.menu-page .dish-modal .dish-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.menu-page .dish-modal .dish-modal__cancel,.menu-page .dish-modal .dish-modal__save{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.menu-page .dish-modal .dish-modal__cancel{background-color:#f8f9fa;color:#6c757d}.menu-page .dish-modal .dish-modal__cancel:hover{background-color:#e9ecef}.menu-page .dish-modal .dish-modal__save{background-color:#fce000;color:#3d3c3a}.menu-page .dish-modal .dish-modal__save:hover{background-color:#f0d800}.menu-page .dish-modal .dish-modal__field label{display:flex;align-items:center;gap:8px;cursor:pointer}.menu-page .dish-modal .dish-modal__field label input[type=checkbox]{width:auto;margin:0;cursor:pointer;width:18px;height:18px;accent-color:#fce000}.menu-page .dish-modal .dish-modal__variants{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.menu-page .dish-modal .dish-modal__variants-header{display:grid;grid-template-columns:2fr 1fr .6fr auto;gap:12px;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6;font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.menu-page .dish-modal .dish-modal__variants-header button{width:32px;height:32px;padding:0;background:#fce000;border:none;border-radius:6px;color:#3d3c3a;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-page .dish-modal .dish-modal__variants-header button:hover{background:#fcd006;transform:scale(1.05)}.menu-page .dish-modal .dish-modal__variants-row{display:grid;grid-template-columns:2fr 1fr .6fr auto;gap:12px;align-items:center;margin-bottom:12px}.menu-page .dish-modal .dish-modal__variants-row input{width:126px;margin:0;padding:10px 12px;font-size:14px;border:1px solid #dee2e6;border-radius:6px;background:white;transition:all .2s ease}.menu-page .dish-modal .dish-modal__variants-row input:first-child{width:200px}.menu-page .dish-modal .dish-modal__variants-row input:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 2px #fce0001a}.menu-page .dish-modal .dish-modal__variants-row input::placeholder{color:#adb5bd}.menu-page .dish-modal .dish-modal__variants-row button{width:32px;height:32px;padding:0;background:#dc3545;border:none;border-radius:6px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-page .dish-modal .dish-modal__variants-row button:hover{background:#c82333;transform:scale(1.05)}.menu-page .category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.menu-page .category-modal{background:white;border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.menu-page .category-modal .category-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.menu-page .category-modal .category-modal__header h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.menu-page .category-modal .category-modal__close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.menu-page .category-modal .category-modal__close:hover{background-color:#f8f9fa;color:#1a1a1a}.menu-page .category-modal .category-modal__field{margin-bottom:20px}.menu-page .category-modal .category-modal__field label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.menu-page .category-modal .category-modal__field input{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:all .2s ease}.menu-page .category-modal .category-modal__field input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.menu-page .category-modal .category-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.menu-page .category-modal .category-modal__cancel,.menu-page .category-modal .category-modal__save{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.menu-page .category-modal .category-modal__cancel{background-color:#f8f9fa;color:#6c757d}.menu-page .category-modal .category-modal__cancel:hover{background-color:#e9ecef}.menu-page .category-modal .category-modal__save{background-color:#fce000;color:#3d3c3a}.menu-page .category-modal .category-modal__save:hover{background-color:#f0d800}@media (max-width: 768px){.menu-page .menu-page__header{flex-direction:column;gap:16px;align-items:flex-start}.menu-page .menu-page__content{flex-direction:column}.menu-page .menu-page__sidebar{width:100%;height:200px}.menu-page .menu-page__main{height:calc(100vh - 200px)}.menu-page .category-modal{width:95%;margin:16px}}.categories-page{padding:24px;background:#f8f9fa;min-height:100vh}.categories-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.categories-page__header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.categories-page__add-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fce000;border:none;border-radius:8px;color:#3d3c3a;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.categories-page__add-btn:hover{background:#f0d800;transform:translateY(-1px)}.categories-page__search{margin-bottom:24px}.categories-page__search-input{position:relative;max-width:400px}.categories-page__search-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}.categories-page__search-input input{width:100%;padding:12px 12px 12px 40px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;background:white}.categories-page__search-input input:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.categories-page__search-input input::placeholder{color:#adb5bd}.categories-page__content{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:visible}.categories-page__empty{padding:48px;text-align:center;color:#6c757d}.categories-page__empty p{margin:0;font-size:16px}.categories-page__table{position:relative}.categories-page__table table{width:100%;border-collapse:collapse;table-layout:fixed;overflow:visible}.categories-page__table table th,.categories-page__table table td{padding:14px 16px;text-align:left;border-bottom:1px solid #dee2e6;vertical-align:middle}.categories-page__table table th{background:#f8f9fa;border-top:1px solid #dee2e6;font-weight:500;color:#495057;font-size:14px}.categories-page__table table td{color:#495057;font-size:15px}.categories-page__table table tr:last-child td{border-bottom:1px solid #dee2e6}.categories-page__table table th:nth-child(1),.categories-page__table table td:nth-child(1){width:60px;text-align:center}.categories-page__table table th:nth-child(2){width:60%}.categories-page__table table th:nth-child(3){width:25%}.categories-page__table table th:nth-child(4){width:100px;text-align:center}.categories-page__table-th--center,.categories-page__table-td--center{text-align:center}.categories-page__table-th--right,.categories-page__table-td--right{text-align:right}.categories-page__category-cell{display:flex;align-items:center}.categories-page__category-cell span{font-weight:600;color:#1a1a1a;font-size:15px}.categories-page__actions-dropdown{position:relative;text-align:center;overflow:visible}.categories-page__actions-toggle{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.categories-page__actions-toggle:hover{background:#f8f9fa;color:#495057}.categories-page__actions-menu{position:absolute;right:0;top:100%;background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:3000;overflow:hidden}.categories-page__action-item{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;color:#495057;cursor:pointer;transition:all .2s ease}.categories-page__action-item:hover{background:#f8f9fa}.categories-page__action-item--delete{color:#dc3545}.categories-page__action-item--delete:hover{background:#fef2f2}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.category-modal{background:white;border-radius:12px;padding:24px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003}.category-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.category-modal__header h3{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.category-modal__close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.category-modal__close:hover{background:#f8f9fa;color:#495057}.category-modal__field{margin-bottom:20px}.category-modal__field label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.category-modal__field input{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:14px}.category-modal__field input:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.category-modal__actions{display:flex;gap:12px;justify-content:flex-end}.category-modal__cancel,.category-modal__save{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-modal__cancel{background:#f8f9fa;color:#6c757d}.category-modal__cancel:hover{background:#e9ecef}.category-modal__save{background:#fce000;color:#3d3c3a}.category-modal__save:hover{background:#f0d800}.promo-codes-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.promo-codes-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.promo-codes-page__header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.promo-codes-page__header__actions{display:flex;gap:12px;align-items:center}.promo-codes-page__header__add-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;background-color:#fce000!important;color:#3d3c3a!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:550!important;cursor:pointer!important;transition:all .2s ease!important}.promo-codes-page__header__add-btn:hover{background-color:#fcd006!important;transform:translateY(-1px)!important}.promo-codes-page__header__add-btn:active{transform:translateY(0)!important}.promo-codes-page__header__add-btn svg{width:16px!important;height:16px!important}.promo-codes-page__header__refresh-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;background-color:#f0eeeb!important;color:#3d3c3a!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:550!important;cursor:pointer!important;transition:all .2s ease!important}.promo-codes-page__header__refresh-btn:hover{background-color:#e8e6e3!important;transform:translateY(-1px)!important}.promo-codes-page__header__refresh-btn:active{transform:translateY(0)!important}.promo-codes-page__header__refresh-btn svg{width:16px!important;height:16px!important}.promo-codes-page__search{margin-bottom:24px}.promo-codes-page__search__input{width:100%;max-width:400px;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s ease}.promo-codes-page__search__input:focus{outline:none;border-color:#fce000;box-shadow:0 0 0 3px #fce0001a}.promo-codes-page__search__input::placeholder{color:#6c757d}.promo-codes-page__content{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.promo-codes-page__table table{width:100%;border-collapse:collapse;table-layout:fixed}.promo-codes-page__table table th,.promo-codes-page__table table td{padding:14px 16px;text-align:left;border-bottom:1px solid #dee2e6;vertical-align:middle}.promo-codes-page__table table th{font-weight:300;color:#9c9995;font-size:14px}.promo-codes-page__table table td{color:#9c9995;font-weight:300;font-size:14px}.promo-codes-page__table table tr:last-child td{border-bottom:1px solid #dee2e6}.promo-codes-page__table table th:nth-child(1),.promo-codes-page__table table td:nth-child(1){width:15%}.promo-codes-page__table table th:nth-child(2),.promo-codes-page__table table td:nth-child(2){width:25%}.promo-codes-page__table table th:nth-child(3),.promo-codes-page__table table td:nth-child(3){width:12%}.promo-codes-page__table table th:nth-child(4),.promo-codes-page__table table td:nth-child(4){width:10%}.promo-codes-page__table table th:nth-child(5),.promo-codes-page__table table td:nth-child(5){width:12%}.promo-codes-page__table table th:nth-child(6),.promo-codes-page__table table td:nth-child(6){width:12%}.promo-codes-page__table table th:nth-child(7),.promo-codes-page__table table td:nth-child(7){width:8%;text-align:center}.promo-codes-page__table table th:nth-child(8),.promo-codes-page__table table td:nth-child(8){width:6%;text-align:center}.promo-codes-page__promo-code__code{font-weight:500;color:#1a1a1a;font-family:Courier New,monospace;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;display:inline-block}.promo-codes-page__promo-code__description{color:#6c757d;font-size:13px;line-height:1.4}.promo-codes-page__promo-code__discount{font-weight:500;color:#28a745}.promo-codes-page__promo-code__limit,.promo-codes-page__promo-code__dates{color:#6c757d;font-size:13px}.promo-codes-page__status{display:inline-flex;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:4px}.promo-codes-page__status--active{background-color:#d4edda;color:#155724}.promo-codes-page__status--inactive{background-color:#f8d7da;color:#721c24}.promo-codes-page__actions{display:flex;gap:8px;justify-content:center}.promo-codes-page__actions__btn{padding:6px 8px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.promo-codes-page__actions__btn--edit{background-color:#e3f2fd;color:#1976d2}.promo-codes-page__actions__btn--edit:hover{background-color:#bbdefb}.promo-codes-page__actions__btn--delete{background-color:#ffebee;color:#d32f2f}.promo-codes-page__actions__btn--delete:hover{background-color:#ffcdd2}.promo-codes-page__actions__btn svg{width:14px;height:14px}.promo-codes-page__empty{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px}.promo-codes-page__empty__icon{font-size:48px;color:#dee2e6;margin-bottom:16px}.promo-codes-page__empty__text{margin-bottom:24px}.promo-codes-page__empty__btn{padding:12px 24px;background-color:#fce000;color:#3d3c3a;border:none;border-radius:8px;font-size:16px;font-weight:550;cursor:pointer;transition:all .2s ease}.promo-codes-page__empty__btn:hover{background-color:#fcd006;transform:translateY(-1px)}.promo-codes-page__loading{display:flex;align-items:center;justify-content:center;padding:60px 24px;color:#6c757d}.promo-codes-page__loading .loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #fce000;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.promo-codes-page__loading .loading-text{font-size:16px;font-weight:500}.promo-codes-page__error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:24px}.promo-codes-page__error .error-message{color:#721c24;font-size:14px;margin-bottom:12px}.promo-codes-page__error__retry-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.promo-codes-page__error__retry-btn:hover{background-color:#c82333}@media (max-width: 768px){.promo-codes-page{padding:16px}.promo-codes-page__header{flex-direction:column;gap:16px;align-items:stretch}.promo-codes-page__header h1{text-align:center}.promo-codes-page__header__actions{justify-content:center}.promo-codes-page__search__input{max-width:100%}.promo-codes-page__table{font-size:12px}.promo-codes-page__table thead{display:none}.promo-codes-page__table tbody tr{display:block;margin-bottom:16px;border:1px solid #e9ecef;border-radius:8px;padding:16px;background-color:#fff}.promo-codes-page__table tbody td{display:block;padding:8px 0;border-bottom:1px solid #f1f3f4}.promo-codes-page__table tbody td:last-child{border-bottom:none}.promo-codes-page__table tbody td:before{content:attr(data-label) ": ";font-weight:600;color:#6c757d}}.companies-page{padding:24px;max-width:1400px;margin:0 auto}.companies-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.companies-page__loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.companies-page__loading .loading-text{font-size:16px;color:#6b7280}.companies-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.companies-page__header h1{font-size:28px;font-weight:600;color:#1f2937;margin:0}.companies-page__header__actions{display:flex;gap:12px}.companies-page__header__refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.companies-page__header__refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.companies-page__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.companies-page__error .error-message{color:#dc2626;font-size:14px;display:flex;justify-content:space-between;align-items:center}.companies-page__error .error-message h2{margin:0;font-size:18px;font-weight:600}.companies-page__error .error-message p{margin:8px 0 0}.companies-page__error__retry-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px}.companies-page__error__retry-btn:hover{background:#fecaca}.companies-page__search{margin-bottom:24px}.companies-page__search__input{width:100%;max-width:500px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.companies-page__search__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.companies-page__search__input::placeholder{color:#9ca3af}.companies-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.companies-page__stats .stats-card{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:20px;text-align:center}.companies-page__stats .stats-card__value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:4px}.companies-page__stats .stats-card__label{font-size:14px;color:#6b7280;font-weight:500}.companies-page__content{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.companies-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.companies-page__empty__icon{font-size:48px;margin-bottom:16px}.companies-page__empty__text{font-size:16px;color:#6b7280;margin-bottom:16px}.companies-page__table{overflow-x:auto}.companies-page__table table{width:100%;border-collapse:collapse}.companies-page__table table th,.companies-page__table table td{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6}.companies-page__table table th{background:#f8fafc;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.companies-page__table table td{font-size:14px;color:#1f2937}.companies-page__table table tr:hover{background:#f9fafb}.companies-page__table table th:nth-child(1),.companies-page__table table td:nth-child(1){width:25%}.companies-page__table table th:nth-child(2),.companies-page__table table td:nth-child(2){width:20%}.companies-page__table table th:nth-child(3),.companies-page__table table td:nth-child(3){width:15%}.companies-page__table table th:nth-child(4),.companies-page__table table td:nth-child(4){width:10%}.companies-page__table table th:nth-child(5),.companies-page__table table td:nth-child(5){width:15%}.companies-page__table table th:nth-child(6),.companies-page__table table td:nth-child(6){width:10%;text-align:center}.companies-page__actions{display:flex;gap:8px;justify-content:center}.companies-page__view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.companies-page__view-btn:hover{background:#e5e7eb;color:#374151}.companies-page__toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.companies-page__toggle-btn.block{background:#fef3c7;color:#d97706;border-color:#fbbf24}.companies-page__toggle-btn.block:hover{background:#fde68a;color:#b45309}.companies-page__toggle-btn.unblock{background:#d1fae5;color:#059669;border-color:#34d399}.companies-page__toggle-btn.unblock:hover{background:#a7f3d0;color:#047857}.company-cell__name{font-weight:600;color:#1f2937;margin-bottom:4px}.company-cell__address,.company-cell__legal{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;margin-bottom:2px}.owner-cell__name{display:flex;align-items:center;gap:4px;font-weight:500;color:#1f2937;margin-bottom:4px}.owner-cell__email{font-size:12px;color:#6b7280}.contact-cell__item{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;margin-bottom:2px}.date-cell{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge--active{background:#dcfce7;color:#166534}.status-badge--inactive{background:#fee2e2;color:#dc2626}.company-detail-modal{background:white;border-radius:12px;max-width:800px;width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.company-detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.company-detail-modal__header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.company-detail-modal__header__close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.company-detail-modal__header__close:hover{background:#f3f4f6;color:#374151}.company-detail-modal__content{padding:24px}.company-detail-modal__section{margin-bottom:32px}.company-detail-modal__section:last-child{margin-bottom:0}.company-detail-modal__section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.company-detail-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.detail-grid .detail-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-grid .detail-item span{font-size:14px;color:#1f2937;word-break:break-word}.detail-grid .detail-item span a{color:#3b82f6;text-decoration:none}.detail-grid .detail-item span a:hover{text-decoration:underline}@media (max-width: 768px){.companies-page{padding:16px}.companies-page__header{flex-direction:column;gap:16px;align-items:stretch}.companies-page__header__actions{justify-content:center}.companies-page__stats{grid-template-columns:1fr}.companies-page__table table th,.companies-page__table table td{padding:12px 8px;font-size:12px}.companies-page__table table th:nth-child(3),.companies-page__table table td:nth-child(3){display:none}.companies-page__table table th:nth-child(5),.companies-page__table table td:nth-child(5){display:none}.company-detail-modal{width:95vw;max-height:95vh}.company-detail-modal__header,.company-detail-modal__content,.company-detail-modal__actions{padding:16px}.detail-grid{grid-template-columns:1fr}}.subscriptions-page{padding:24px;max-width:1400px;margin:0 auto}.subscriptions-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}@media (max-width: 768px){.subscriptions-page__header{flex-direction:column;align-items:stretch}}.subscriptions-page__title h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.subscriptions-page__title p{color:#666;margin:0;font-size:14px}.subscriptions-page__actions{display:flex;gap:12px;align-items:center}@media (max-width: 768px){.subscriptions-page__actions{justify-content:stretch}}.subscriptions-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.subscriptions-page__stats .stat-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:20px;text-align:center}.subscriptions-page__stats .stat-card h3{font-size:14px;font-weight:500;color:#666;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.subscriptions-page__stats .stat-card__value{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.subscriptions-page__stats .stat-card__value--success{color:#00c853}.subscriptions-page__stats .stat-card__value--warning{color:#ff9800}.subscriptions-page__stats .stat-card__value--danger{color:#f44336}.subscriptions-page__filters{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.subscriptions-page__filters{flex-direction:column;align-items:stretch}}.subscriptions-page__search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:8px 12px;flex:1;min-width:300px}.subscriptions-page__search input{border:none;outline:none;flex:1;font-size:14px}.subscriptions-page__search input::placeholder{color:#999}.subscriptions-page__filter-group{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:8px 12px}.subscriptions-page__filter-group select{border:none;outline:none;font-size:14px;background:transparent;cursor:pointer}.subscriptions-page__table{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden}.subscriptions-page__table .table{width:100%;border-collapse:collapse}.subscriptions-page__table .table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#1a1a1a;border-bottom:1px solid #e1e5e9;font-size:14px}.subscriptions-page__table .table td{padding:16px;border-bottom:1px solid #f0f0f0;font-size:14px;vertical-align:top}.subscriptions-page__table .table td:last-child{border-bottom:none}.subscriptions-page__table .table tr:hover{background:#f8f9fa}.subscriptions-page__empty{text-align:center;padding:48px 24px;color:#666}.subscriptions-page__empty p{margin:0;font-size:16px}.subscriptions-page__error{text-align:center;padding:48px 24px;color:#f44336}.subscriptions-page__error h2{margin:0 0 16px;font-size:24px}.subscriptions-page__error p{margin:0;font-size:16px}.subscriptions-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.subscriptions-page__loading .loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.subscriptions-page__loading span{color:#666;font-size:16px}.subscription-user__name{font-weight:500;color:#1a1a1a;margin-bottom:4px}.subscription-user__email{font-size:12px;color:#666}.subscription-plan{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.subscription-plan--basic{background:#e3f2fd;color:#1976d2}.subscription-plan--premium{background:#fff3e0;color:#f57c00}.subscription-plan--enterprise{background:#f3e5f5;color:#7b1fa2}.subscription-plan--unlimited{background:#e8f5e9;color:#2e7d32}.subscription-status{display:flex;align-items:center;gap:8px}.subscription-status-icon--active{color:#00c853}.subscription-status-icon--trial{color:#ff9800}.subscription-status-icon--expired{color:#f44336}.subscription-status-icon--cancelled{color:#666}.subscription-status-icon--pending{color:#2196f3}.subscription-expiry{font-size:12px;color:#666;margin-top:4px}.subscription-access--active{color:#00c853;font-weight:500}.subscription-access--blocked{color:#f44336;font-weight:500}.subscription-actions{display:flex;gap:8px;flex-wrap:wrap}.subscription-actions .btn{font-size:12px;padding:4px 8px;min-width:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;width:640px;max-width:calc(100% - 32px);border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0000001f;overflow:hidden}.modal__header,.modal__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.modal__footer{border-top:1px solid #e5e7eb;border-bottom:0;gap:12px;justify-content:flex-end}.modal__body{padding:16px 20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#374151}.form-grid label input,.form-grid label select,.form-grid label textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:14px}.form-grid .full{grid-column:1/-1}.subscription-payment-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;display:flex;align-items:center;justify-content:center}.subscription-payment-page__container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:800px;width:100%;overflow:hidden}.subscription-payment-page__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:40px;text-align:center}.subscription-payment-page__header h1{font-size:32px;font-weight:600;margin:0 0 16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.subscription-payment-page__header p{font-size:16px;margin:0;opacity:1;color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.2)}.subscription-payment-page__content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}@media (max-width: 768px){.subscription-payment-page__content{grid-template-columns:1fr;gap:32px;padding:24px}}.subscription-payment-page__form .form-group{margin-bottom:24px}.subscription-payment-page__form .form-group label{display:block;font-weight:500;color:#1a1a1a;margin-bottom:8px;font-size:14px}.subscription-payment-page__form .form-group .form-control{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .2s ease}.subscription-payment-page__form .form-group .form-control:focus{outline:none;border-color:#667eea}.subscription-payment-page__price{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.subscription-payment-page__price .price-item{display:flex;justify-content:space-between;align-items:center}.subscription-payment-page__price .price-item .price-label{font-weight:500;color:#666}.subscription-payment-page__price .price-item .price-value{font-size:20px;font-weight:600;color:#1a1a1a}.subscription-payment-page__payment .payment-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;padding:20px;margin-bottom:24px}.subscription-payment-page__payment .payment-info h3{color:#0c4a6e;margin:0 0 16px;font-size:18px;font-weight:600}.subscription-payment-page__payment .payment-info p{margin:0 0 8px;color:#0c4a6e;font-size:14px}.subscription-payment-page__payment .payment-info p:last-child{margin-bottom:0}.subscription-payment-page__error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.subscription-payment-page__info{background:#f8f9fa;border-radius:12px;padding:24px}.subscription-payment-page__info h3{color:#1a1a1a;margin:0 0 20px;font-size:18px;font-weight:600}.subscription-payment-page__info ul{list-style:none;padding:0;margin:0}.subscription-payment-page__info ul li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e1e5e9}.subscription-payment-page__info ul li:last-child{border-bottom:none}.subscription-payment-page__info ul li svg{color:#10b981;flex-shrink:0}.subscription-payment-page__info ul li span{color:#374151;font-size:14px}.btn--primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--success{background:#10b981;color:#fff}.btn--success:hover{background:#059669;transform:translateY(-1px)}.my-subscription-page{padding:24px;max-width:1400px;margin:0 auto}.my-subscription-page__container{display:flex;flex-direction:column;gap:24px}.my-subscription-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}@media (max-width: 768px){.my-subscription-page__header{flex-direction:column;align-items:stretch}}.my-subscription-page__header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.my-subscription-page__header p{color:#666;margin:0;font-size:14px}.my-subscription-page__header-actions{display:flex;align-items:center;gap:12px}.my-subscription-page__content{display:grid;grid-template-columns:1fr;gap:24px}.my-subscription-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.my-subscription-page__loading .loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.my-subscription-page__loading span{color:#666;font-size:16px}.my-subscription-page__error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px}.subscription-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden}.subscription-card__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.subscription-card__header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.subscription-card__content{padding:24px}.subscription-card__empty{padding:48px 24px;text-align:center}.subscription-card__empty svg{color:#667eea;margin-bottom:16px}.subscription-card__empty h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.subscription-card__empty p{color:#666;margin:0 0 24px;font-size:14px}.subscription-card__action{margin-top:24px;text-align:center}.subscription-plan-change{margin-top:24px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.subscription-plan-change__label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.subscription-plan-change__controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.subscription-plan-change__select{min-width:200px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:14px}.subscription-plan-change__save{padding:10px 16px}.subscription-status{display:flex;align-items:center;gap:8px;font-weight:500}.subscription-status-icon--active{color:#10b981}.subscription-status-icon--trial{color:#f59e0b}.subscription-status-icon--expired{color:#ef4444}.subscription-status-icon--cancelled{color:#6b7280}.subscription-status-icon--pending{color:#3b82f6}.subscription-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.subscription-info__item{display:flex;flex-direction:column;gap:4px}.subscription-info__label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.subscription-info__value{font-size:14px;color:#1a1a1a;font-weight:500}.subscription-info__value.text-success{color:#10b981}.subscription-info__value.text-danger{color:#ef4444}.trial-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden}.trial-card__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fef3c7;border-bottom:1px solid #e1e5e9}.trial-card__header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.trial-card__content{padding:24px}.trial-card__warning{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.trial-card__action{margin-top:24px;text-align:center}.trial-status{display:flex;align-items:center;gap:8px;font-weight:500;color:#f59e0b}.trial-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.trial-info__item{display:flex;flex-direction:column;gap:4px}.trial-info__label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.trial-info__value{font-size:14px;color:#1a1a1a;font-weight:500}.payments-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden}.payments-card__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.payments-card__header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.payments-card__content{padding:24px}.payments-count{font-size:12px;color:#666;background:#f3f4f6;padding:4px 8px;border-radius:4px}.payments-list{display:flex;flex-direction:column;gap:12px}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.payment-item__info{display:flex;flex-direction:column;gap:8px}.payment-item__amount{display:flex;align-items:center;gap:8px;font-weight:600;color:#1a1a1a}.payment-item__date{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.payment-item__status{font-size:12px}.payment-status{padding:4px 8px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payment-status--CONFIRMED{background:#d1fae5;color:#065f46}.payment-status--PENDING{background:#fef3c7;color:#92400e}.payment-status--CANCELLED{background:#fee2e2;color:#991b1b}.features-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden}.features-card__header{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.features-card__header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.features-card__content{padding:24px}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 0}.feature-item svg{color:#10b981;flex-shrink:0}.feature-item span{color:#374151;font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center;justify-content:center}.btn--primary{background:#667eea;color:#fff}.btn--primary:hover{background:#5a67d8;transform:translateY(-1px)}.btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn--secondary:hover{background:#e5e7eb}.btn--small{padding:8px 16px;font-size:14px}.btn--large{padding:16px 32px;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plans-page .subscriptions-page__table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.plans-page .table{width:100%;border-collapse:separate;border-spacing:0}.plans-page .table thead th{position:sticky;top:0;background:#fafafa;z-index:1;text-align:left;padding:12px 14px;font-weight:600;border-bottom:1px solid #eee}.plans-page .table tbody tr:nth-child(odd){background:#fcfcfc}.plans-page .table tbody tr:hover{background:#f5f9ff}.plans-page .table td{padding:12px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.plans-page .table th:last-child,.plans-page .table td:last-child{text-align:right;width:1%;white-space:nowrap}.plans-page .btn.btn--small{min-width:auto}.statistics-page{padding:24px;background-color:#f8f9fa;min-height:100vh}.statistics-page__header{margin-bottom:2rem}.statistics-page__title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0}.statistics-page__content{display:flex;flex-direction:column;gap:2rem;background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.statistics-page__filters{background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.statistics-page__filter-group{margin-bottom:1.5rem}.statistics-page__filter-group:last-child{margin-bottom:0}.statistics-page__filter-label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--text-primary)}.statistics-page__filter-controls{display:flex;gap:1rem}.statistics-page__select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer}.statistics-page__select:focus{outline:none;border-color:var(--primary-color)}.statistics-page__companies-dropdown{position:relative;width:100%}.statistics-page__dropdown-toggle{width:100%;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.statistics-page__dropdown-toggle:focus{outline:none;border-color:var(--primary-color)}.statistics-page__dropdown-toggle:hover{border-color:var(--primary-color)}.statistics-page__dropdown-arrow{transition:transform .2s;font-size:.75rem;color:var(--text-secondary)}.statistics-page__dropdown-arrow.open{transform:rotate(180deg)}.statistics-page__dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;display:flex;flex-direction:column;gap:0;padding:.5rem 0;max-height:300px;overflow-y:auto}.statistics-page__select-all{padding:.75rem 1rem;background:transparent;color:var(--primary-color);border:none;border-bottom:1px solid #e0e0e0;border-radius:0;cursor:pointer;font-weight:500;font-size:.875rem;width:100%;text-align:left;transition:background-color .2s}.statistics-page__select-all:hover{background:#f5f5f5}.statistics-page__select-all:active{background:#eeeeee}.statistics-page__companies-list{display:flex;flex-direction:column;gap:0;padding:0}.statistics-page__company-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-radius:0;transition:background-color .15s;border:none;background:transparent}.statistics-page__company-checkbox:hover{background:#f5f5f5}.statistics-page__company-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);margin:0}.statistics-page__company-checkbox span{color:#333;-webkit-user-select:none;user-select:none;font-size:.9375rem;font-weight:400}.statistics-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.statistics-page__stat-card{background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.statistics-page__stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.statistics-page__stat-card--highlight{background:var(--card-bg);color:var(--text-primary)}.statistics-page__stat-card--highlight .statistics-page__stat-label{color:var(--text-secondary)}.statistics-page__stat-card--highlight .statistics-page__stat-value{color:var(--text-primary)}.statistics-page__stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.statistics-page__stat-value{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.statistics-page__loading,.statistics-page__error-message,.statistics-page__empty{text-align:center;padding:2rem;background:var(--card-bg);border-radius:8px;color:var(--text-secondary)}.statistics-page__error{text-align:center;padding:2rem;background:var(--card-bg);border-radius:8px}.statistics-page__error h2{color:var(--error-color);margin-bottom:1rem}.statistics-page__error p{color:var(--text-secondary)}.statistics-page__error-message{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color)}