.login{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#efeff4;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:40px 40px;position:relative}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,#efeff4 85%);pointer-events:none}.login-container{width:100%;max-width:400px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;position:relative;z-index:10}.login-title{font-size:20px;font-weight:600;color:#2c2c2e;text-align:center;margin-bottom:24px}.login-error{font-size:14px;color:#ff3b30;text-align:center;margin-bottom:16px;padding:8px;background:#ffebee;border-radius:8px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{font-size:13px;font-weight:500;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.login-field input{width:100%;padding:14px 16px;font-size:16px;color:#2c2c2e;background:#f2f2f7;border:1px dashed #c7c7cc;border-radius:12px;outline:none}.login-field input::placeholder{color:#8e8e93}.login-field input:focus{background:#e5e5ea}.login-button{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:#3390ec;border:none;border-radius:16px;cursor:pointer;transition:transform .1s}.login-button:active:not(:disabled){transform:scale(.96)}.login-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.login-container{max-width:100%;padding:24px;margin:16px;border-radius:12px}.login-title{font-size:18px;margin-bottom:20px}.login-form{gap:16px}.login-field{gap:6px}.login-field label{font-size:12px}.login-field input{padding:12px 14px;font-size:16px}.login-button{padding:12px;font-size:15px}}@media (max-width: 480px){.login-container{padding:20px;margin:12px;border-radius:10px}.login-title{font-size:16px;margin-bottom:16px}.login-form{gap:14px}.login-field{gap:5px}.login-field label{font-size:11px}.login-field input{padding:10px 12px;font-size:15px}.login-button{padding:10px;font-size:14px;border-radius:12px}}.loader-container{display:flex;align-items:center;justify-content:center;min-height:200px}.loader{display:flex;gap:8px}.loader-circle{width:12px;height:12px;border-radius:50%;background:#007aff;animation:loader-bounce 1.4s ease-in-out infinite both}.loader-circle:nth-child(1){animation-delay:-.32s}.loader-circle:nth-child(2){animation-delay:-.16s}@keyframes loader-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.home-content{padding:0}.home-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.stat-card-title{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.stat-card-value{font-size:24px;font-weight:700;color:#3390ec}.stat-card-body{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:14px;color:#8e8e93}.stat-value{font-size:16px;font-weight:600;color:#2c2c2e}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:32px}.chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.chart-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.chart-title{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.chart-body{min-height:200px}.empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;gap:12px}.empty-chart-text{font-size:14px;color:#8e8e93;font-weight:500}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;height:200px;padding:20px 0}.bar-chart-item{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px}.bar-chart-bar{width:40px;background:linear-gradient(180deg,#3390ec,#5ca5ff);border-radius:8px 8px 0 0;transition:height .3s ease,transform .2s ease;cursor:pointer}.bar-chart-bar:hover{transform:scaleY(1.05);background:linear-gradient(180deg,#2878d4,#4a94eb)}.bar-chart-label{font-size:14px;color:#8e8e93;font-weight:500}.bar-chart-value{font-size:14px;font-weight:600;color:#2c2c1e}.pie-chart{display:flex;flex-direction:column;gap:12px}.pie-chart-item{display:flex;align-items:center;gap:12px}.pie-chart-segment{height:24px;border-radius:4px;min-width:60px}.pie-chart-label{font-size:14px;color:#8e8e93}.pie-chart-value{font-size:14px;font-weight:600;color:#2c2c2e;white-space:nowrap}.quick-actions-section{margin-top:32px}.section-title{font-size:24px;font-weight:600;color:#2c2c2e;margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1200px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.quick-action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.quick-action-title{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.quick-action-button{padding:8px 16px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px solid #3390ec;border-radius:8px;cursor:pointer;transition:background .2s}.quick-action-button:hover{background:#f2f2f7}.quick-action-button:active{background:#e5e5ea}.quick-action-body{display:flex;flex-direction:column;gap:12px}.quick-action-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9f9f9;border-radius:8px}.quick-action-item-info{display:flex;flex-direction:column;gap:4px}.quick-action-item-name{font-size:15px;font-weight:600;color:#2c2c2e}.quick-action-item-sub,.quick-action-item-time{font-size:13px;color:#8e8e93}.empty-quick-action{display:flex;align-items:center;justify-content:center;padding:40px 20px}.empty-quick-action-text{font-size:14px;color:#8e8e93;font-weight:500}@media (max-width: 768px){.home-content{margin-left:0;padding:60px 20px 20px}.home-title{font-size:22px;margin-bottom:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px}.stat-card-header{margin-bottom:12px;padding-bottom:12px}.stat-card-title{font-size:16px}.stat-card-value{font-size:20px}.charts-section{grid-template-columns:1fr;gap:16px;margin-top:24px}.chart-card{padding:16px}.chart-header{margin-bottom:16px;padding-bottom:12px}.chart-title{font-size:16px}.bar-chart{gap:12px;height:180px;padding:16px 0}.bar-chart-bar{width:32px}.bar-chart-label,.bar-chart-value{font-size:12px}.section-title{font-size:20px;margin-bottom:16px}.quick-action-card{padding:16px}.quick-action-header{margin-bottom:12px;padding-bottom:12px}.quick-action-title{font-size:16px}.quick-action-item{padding:10px}.quick-action-item-name{font-size:14px}.quick-action-item-sub,.quick-action-item-time{font-size:12px}}@media (max-width: 480px){.home-content{padding:56px 16px 16px}.home-title{font-size:18px;margin-bottom:16px}.stat-card{padding:14px}.stat-card-header{margin-bottom:10px;padding-bottom:10px}.stat-card-title{font-size:14px}.stat-card-value{font-size:18px}.charts-section{margin-top:20px}.chart-card{padding:14px}.chart-title{font-size:14px}.bar-chart{gap:8px;height:150px;padding:12px 0}.bar-chart-bar{width:24px}.bar-chart-label,.bar-chart-value{font-size:11px}.section-title{font-size:18px;margin-bottom:14px}.quick-action-card{padding:14px}.quick-action-header{margin-bottom:10px;padding-bottom:10px}.quick-action-title{font-size:14px}.quick-action-button{padding:6px 12px;font-size:12px}.quick-action-item{padding:8px}.quick-action-item-name{font-size:13px}.quick-action-item-sub,.quick-action-item-time{font-size:11px}}.users-content{padding:0}.users-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.users-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}.users-search{min-width:350px}.users-search-wrapper{position:relative;width:100%}.users-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.users-search-input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;transition:border-color .2s}.users-search-input:focus{border-color:#3390ec}.users-search-input::placeholder{color:#8e8e93}.users-filters{min-width:160px;position:relative}.custom-select-button{width:100%;padding:10px 14px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;cursor:pointer;transition:border-color .2s;display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.custom-select-button:hover{border-color:#3390ec}.custom-select-button svg{flex-shrink:0}.custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #0000001f;z-index:100;overflow:hidden}.custom-select-option{padding:10px 14px;font-size:14px;color:#2c2c2e;cursor:pointer;white-space:nowrap;transition:background .2s}.custom-select-option:hover{background:#f9f9f9}.custom-select-option.active{background:#f2f2f7;color:#3390ec;font-weight:500}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.user-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.user-card-info{display:flex;flex-direction:column;gap:4px}.user-card-name{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.user-card-username{font-size:14px;color:#8e8e93}.user-card-status{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px}.user-card-status-active{background:#e8f5e9;color:#34c759}.user-card-status-blocked{background:#ffebee;color:#ff3b30}.user-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.user-card-stat{display:flex;justify-content:space-between;align-items:center}.user-card-stat-label{font-size:14px;color:#8e8e93}.user-card-stat-value{font-size:16px;font-weight:600;color:#2c2c2e}.user-card-actions{display:flex;gap:8px}.user-card-button{width:100%;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.user-card-button-block{background:#fff0f0;color:#ff3b30;border:1px solid #ff3b30}.user-card-button-block:hover{background:#ffe0e0}.user-card-button-block:active{background:#ffd0d0}.user-card-button-unblock{background:#e8f5e9;color:#34c759;border:1px solid #34c759}.user-card-button-unblock:hover{background:#d4edda}.user-card-button-unblock:active{background:#c3e6cb}.users-pagination-container{position:fixed;bottom:0;left:280px;right:0;padding:52px 32px;background:none;z-index:10}.users-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:16px;border-radius:12px;flex-shrink:0}.users-pagination-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px solid #3390ec;border-radius:8px;cursor:pointer;transition:background .2s}.users-pagination-button:hover:not(:disabled){background:#f0f7ff}.users-pagination-button:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}.users-pagination-info{font-size:14px;color:#8e8e93;font-weight:500}@media (max-width: 768px){.users-content{margin-left:0;padding:60px 20px 20px}.users-title{font-size:22px;margin-bottom:20px}.users-controls{flex-direction:column;gap:12px;margin-bottom:20px}.users-search,.users-filters{min-width:100%}.users-grid{grid-template-columns:1fr;gap:16px}.user-card{padding:16px}.user-card-header{margin-bottom:12px;padding-bottom:12px}.user-card-name{font-size:16px}.user-card-username{font-size:13px}.user-card-status{padding:4px 10px;font-size:12px}.user-card-stats{margin-bottom:12px;gap:10px}.user-card-stat-label{font-size:13px}.user-card-stat-value{font-size:14px}.user-card-button{padding:8px 12px;font-size:13px}.users-pagination-container{left:0;padding:32px 20px}.users-pagination{padding:12px;gap:12px}.users-pagination-button{padding:8px 16px;font-size:13px}.users-pagination-info{font-size:13px}}@media (max-width: 480px){.users-content{padding:56px 16px 16px}.users-title{font-size:18px;margin-bottom:16px}.users-controls{gap:10px;margin-bottom:16px}.users-search-input{padding:8px 12px 8px 36px;font-size:13px}.users-search-icon{left:10px}.custom-select-button{width:100%;min-width:unset;padding:8px 12px;font-size:13px}.custom-select-option{padding:8px 12px;font-size:13px}.user-card{padding:14px}.user-card-header{margin-bottom:10px;padding-bottom:10px}.user-card-name{font-size:14px}.user-card-username{font-size:12px}.user-card-status{padding:4px 8px;font-size:11px}.user-card-stats{margin-bottom:10px;gap:8px}.user-card-stat-label{font-size:12px}.user-card-stat-value{font-size:13px}.user-card-button{padding:8px 10px;font-size:12px}.users-pagination-container{padding:24px 16px}.users-pagination{padding:10px;gap:10px}.users-pagination-button{padding:6px 12px;font-size:12px}.users-pagination-load-more{display:block;width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s;margin-top:16px}.users-pagination-load-more:hover{background:#f0f7ff}.users-pagination-load-more:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}}.admins-content{padding:0}.notification{position:fixed;top:0;left:0;right:0;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e5ea;box-shadow:0 4px 20px #00000026;z-index:999999!important;animation:slideInDown .3s ease forwards;font-size:14px;font-weight:500;text-align:center}.notification-success{background:#e8f5e9;border-bottom-color:#34c759;color:#1c1c1e}.notification-error{background:#ffebee;border-bottom-color:#ff3b30;color:#1c1c1e}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (min-width: 769px){.notification{top:20px;left:auto;right:20px;width:auto;max-width:350px;border-radius:12px;border:1px solid #e5e5ea;border-bottom:1px solid #e5e5ea;transform:translate(120%)}.notification-success{border-left:4px solid #34c759;background:#fff}.notification-error{border-left:4px solid #ff3b30;background:#fff}@keyframes slideInDown{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutUp{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}}.admins:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,#efeff4 85%);pointer-events:none}.admins-content{flex:1;margin-left:280px;padding:32px;position:relative;z-index:1}.admins-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.admins-section{margin-bottom:32px}.admins-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admins-section-title{font-size:20px;font-weight:600;color:#2c2c2e;margin:0}.admins-add-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.admins-add-button:hover{background:#f2f2f7}.admins-add-button:active{background:#e5e5ea}.admins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.admin-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea}.admin-card-main{border:1px dashed #3390ec}.admin-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.admin-card-info{display:flex;flex-direction:column;gap:4px}.admin-card-name{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.admin-card-username{font-size:14px;color:#8e8e93}.admin-card-badge{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px;background:#3390ec;color:#fff}.admin-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.admin-card-stat{display:flex;justify-content:space-between;align-items:center}.admin-card-stat-label{font-size:14px;color:#8e8e93}.admin-card-stat-value{font-size:16px;font-weight:600;color:#2c2c2e}.admin-card-stat-value-with-copy{display:flex;align-items:center;gap:8px}.admin-card-copy-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e5e5ea;border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s;padding:0}.admin-card-copy-button:hover{background:#f2f2f7;border-color:#d1d1d6}.admin-card-copy-button:active{background:#e5e5ea}.admin-card-actions{display:flex;gap:8px}.admin-card-button{width:100%;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.admin-card-button-remove{background:#fff0f0;color:#ff3b30;border:1px solid #ff3b30}.admin-card-button-remove:hover{background:#ffe0e0}.modal-body{padding:20px;max-height:calc(90vh - 140px);overflow-y:auto}.modal-input-error{border-color:#ff3b30!important}.modal-input-readonly{background:transparent!important;border:none!important;color:#2c2c2e}.modal-credentials-container{background:#f9f9fc;border:1px solid #e5e5ea;border-radius:12px;padding:16px;margin-top:16px}.modal-credentials-title{font-size:14px;font-weight:600;color:#2c2c2e;margin-bottom:12px}.modal-credentials-row{display:flex;flex-direction:column;gap:12px}.modal-credentials-field{display:flex;flex-direction:column;gap:6px}.modal-input-with-copy{display:flex;gap:8px}.modal-input-with-copy .modal-input{flex:1}.modal-copy-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5ea;border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s}.modal-copy-button:hover{background:#f2f2f7;border-color:#d1d1d6}.modal-copy-button:active{background:#e5e5ea}@media (max-width: 768px){.modal{position:fixed;bottom:0;left:0;right:0;max-width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease;margin:0;max-height:100dvh;overflow-y:auto}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.modal-body{padding:16px}.modal-field{margin-bottom:12px}.modal-label{font-size:13px;margin-bottom:6px}.modal-input{padding:10px 14px;font-size:14px}.modal-footer{padding:16px}.modal-button{padding:10px 16px;font-size:14px}}.admin-card-button-remove:active{background:#ffd0d0}@media (max-width: 768px){.admins-content{margin-left:0;padding:60px 20px 20px}.admins-title{font-size:22px;margin-bottom:20px}.admins-section{margin-bottom:24px}.admins-section-header{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:16px}.admins-section-title{font-size:18px}.admins-add-button{width:100%}.admins-grid{grid-template-columns:1fr;gap:16px}.admin-card{padding:16px}.admin-card-header{margin-bottom:12px;padding-bottom:12px}.admin-card-name{font-size:16px}.admin-card-username{font-size:13px}.admin-card-badge{padding:4px 10px;font-size:12px}.admin-card-stats{margin-bottom:12px;gap:10px}.admin-card-stat-label{font-size:13px}.admin-card-stat-value{font-size:14px}.admin-card-button{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.admins-content{padding:56px 16px 16px}.admins-title{font-size:18px;margin-bottom:16px}.admins-section{margin-bottom:20px}.admins-section-header{gap:10px;margin-bottom:12px}.admins-section-title{font-size:16px}.admins-add-button{padding:8px 16px;font-size:13px}.admins-grid{gap:14px}.admin-card{padding:14px}.admin-card-header{margin-bottom:10px;padding-bottom:10px}.admin-card-name{font-size:14px}.admin-card-username{font-size:12px}.admin-card-badge{padding:4px 8px;font-size:11px}.admin-card-stats{margin-bottom:10px;gap:8px}.admin-card-stat-label{font-size:12px}.admin-card-stat-value{font-size:13px}.admin-card-button{padding:8px 10px;font-size:12px}}.products-content{padding:32px 32px 100px}.products-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.products-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}.products-search{min-width:350px}.products-search-wrapper{position:relative;width:100%}.products-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.products-search-input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;transition:border-color .2s}.products-search-input:focus{border-color:#3390ec}.products-search-input::placeholder{color:#8e8e93}.products-actions{display:flex;gap:12px;align-items:center}.products-sort-dropdown{position:relative;min-width:200px;margin-right:12px}.products-sort-dropdown-button{min-width:180px;padding:10px 14px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;cursor:pointer;transition:border-color .2s;display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.products-sort-dropdown-button:hover{border-color:#3390ec}.products-sort-dropdown-button svg{flex-shrink:0}.products-sort-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.products-sort-dropdown-item{padding:10px 14px;font-size:14px;color:#2c2c2e;cursor:pointer;white-space:nowrap;transition:background .2s}.products-sort-dropdown-item:hover{background:#f0f7ff}.products-sort-dropdown-item-active{background:#e3f2fd;color:#1976d2;font-weight:500}.products-add-button{width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.products-add-button:hover{background:#f2f2f7}.products-add-button:active{background:#e5e5ea}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;align-items:stretch}.product-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea}.product-card-image{width:100%;height:180px;border-radius:12px;overflow:hidden;margin-bottom:16px;background:#f9f9f9}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-image-placeholder{display:flex;align-items:center;justify-content:center;color:#c7c7cc}.product-card-image-placeholder svg{opacity:.5}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.product-card-info{display:flex;flex-direction:column;gap:4px}.product-card-name{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.product-card-category{font-size:14px;color:#8e8e93}.product-card-status{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px}.product-card-status-active{background:#e8f5e9;color:#34c759}.product-card-status-inactive{background:#ffebee;color:#ff3b30}.product-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.product-card-stat{display:flex;justify-content:space-between;align-items:center}.product-card-stat-label{font-size:13px;color:#8e8e93}.product-card-stat-value{font-size:14px;font-weight:600;color:#2c2c2e}.product-card-description-text{font-size:14px;font-weight:600;color:#2c2c2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-description-label{font-size:13px;color:#8e8e93;margin-right:3px}.product-card-description{display:flex;align-items:center;margin-bottom:16px}.product-card-actions{display:flex;flex-direction:row;gap:8px}.product-card-button{padding:8px;font-size:12px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.product-card-button-edit{background:#e8f5e9;color:#34c759}.product-card-button-edit:hover{background:#d4edda}.product-card-button-delete{background:#fff0f0;color:#ff3b30}.product-card-button-delete:hover{background:#ffe0e0}.product-card-button-delete:active{background:#ffd0d0}.product-card-button-toggle{background:#fff9c4;color:#f57f17}.product-card-button-toggle:hover{background:#fff59d}.products-pagination-container{position:fixed;bottom:32px;left:280px;right:32px;display:flex;justify-content:center;z-index:100}.products-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 32px;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #0000001a}.products-pagination-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px solid #3390ec;border-radius:8px;cursor:pointer;transition:background .2s}.products-pagination-button:hover:not(:disabled){background:#f0f7ff}.products-pagination-button:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}.products-pagination-info{font-size:14px;color:#8e8e93;font-weight:500}@media (max-width: 768px){.products-content{margin-left:0;padding:60px 32px 100px}.products-title{font-size:22px;margin-bottom:20px}.products-controls{flex-direction:column;gap:12px;margin-bottom:20px}.products-search{min-width:100%}.products-actions{flex-direction:column;width:100%}.products-sort-dropdown{min-width:100%;margin-right:0}.products-grid{grid-template-columns:1fr;gap:16px}.product-card{padding:16px}.product-card-image{height:150px;margin-bottom:12px}.product-card-header{margin-bottom:12px;padding-bottom:12px}.product-card-name{font-size:16px}.product-card-category{font-size:13px}.product-card-status{padding:4px 10px;font-size:12px}.product-card-stats{margin-bottom:12px;gap:10px}.product-card-stat-label{font-size:13px}.product-card-stat-value{font-size:14px}.product-card-description{font-size:13px;margin-bottom:12px}.product-card-actions{grid-template-columns:1fr}.products-pagination-container{left:0;right:0;bottom:24px;padding:0 20px}.products-pagination{padding:12px 24px;gap:12px}.products-pagination-button{padding:8px 16px;font-size:13px}.products-pagination-info{font-size:13px}}@media (max-width: 480px){.products-content{padding:56px 16px 16px}.products-title{font-size:18px;margin-bottom:16px}.products-controls{gap:10px;margin-bottom:16px}.products-search-input{padding:8px 12px 8px 36px;font-size:13px}.products-search-icon{left:10px}.products-sort-dropdown-button,.products-sort-dropdown-item{padding:8px 12px;font-size:13px}.products-add-button{padding:8px 16px;font-size:13px}.product-card{padding:14px}.product-card-image{height:130px;margin-bottom:10px}.product-card-header{margin-bottom:10px;padding-bottom:10px}.product-card-name{font-size:14px}.product-card-category{font-size:12px}.product-card-status{padding:4px 8px;font-size:11px}.product-card-stats{margin-bottom:10px;gap:8px}.product-card-stat-label{font-size:12px}.product-card-stat-value{font-size:13px}.product-card-description{font-size:12px;margin-bottom:10px}.product-card-button{padding:8px 10px;font-size:11px}.products-pagination-container{bottom:20px;padding:0 16px}.products-pagination{padding:10px 20px;gap:10px}.products-pagination-button{padding:6px 12px;font-size:12px}.products-pagination-load-more{display:block;width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s;margin-top:16px}.products-pagination-load-more:hover{background:#f0f7ff}.products-pagination-load-more:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:500;color:#1c1c1e;background:#f2f2f7;border:1px solid #e5e5ea;border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s}.custom-select-trigger:hover{border-color:#3390ec;background:#fff}.custom-select-options{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:10;max-height:200px;overflow-y:auto}.custom-select-option{padding:12px 16px;font-size:15px;font-weight:500;color:#1c1c1e;cursor:pointer;transition:background .2s}.custom-select-option.selected{background:#e8f4ff;color:#3390ec}@media (max-width: 768px){.products-controls{flex-direction:column;gap:12px}.products-search{width:100%}.products-actions{width:100%;flex-direction:column;gap:12px}.products-sort-dropdown{width:100%}.products-sort-dropdown-button{width:100%;justify-content:center}.modal{position:fixed;bottom:0;left:0;right:0;max-width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease;margin:0;max-height:100dvh;overflow-y:auto}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.modal-body{padding:80px 16px 16px}.modal-field{margin-bottom:12px}.modal-label{font-size:13px;margin-bottom:6px}.modal-input,.modal-dropdown-button,.modal-dropdown-item{padding:10px 14px;font-size:14px}.modal-image-upload-button{padding:20px}.modal-footer{padding:16px}.modal-button{padding:10px 16px;font-size:14px}}.categories-content{padding:0}.categories-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.categories-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}.categories-search{min-width:350px}.categories-search-wrapper{position:relative;width:100%}.categories-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.categories-search-input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;transition:border-color .2s}.categories-search-input:focus{border-color:#3390ec}.categories-search-input::placeholder{color:#8e8e93}.categories-actions{display:flex;gap:12px;align-items:center}.categories-sort-dropdown{position:relative;min-width:200px;margin-right:12px}.categories-sort-dropdown-button{min-width:180px;padding:10px 14px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;cursor:pointer;transition:border-color .2s;display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.categories-sort-dropdown-button:hover{border-color:#3390ec}.categories-sort-dropdown-button svg{flex-shrink:0}.categories-sort-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.categories-sort-dropdown-item{padding:10px 14px;font-size:14px;color:#2c2c2e;cursor:pointer;white-space:nowrap;transition:background .2s}.categories-sort-dropdown-item:hover{background:#f0f7ff}.categories-sort-dropdown-item-active{background:#e3f2fd;color:#1976d2;font-weight:500}.categories-add-button{width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.categories-add-button:hover{background:#f2f2f7}.categories-add-button:active{background:#e5e5ea}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea}.category-card-image{width:100%;height:150px;border-radius:12px;overflow:hidden;margin-bottom:16px;background:#f9f9f9}.category-card-image img{width:100%;height:100%;object-fit:cover}.category-card-image-placeholder{display:flex;align-items:center;justify-content:center;color:#c7c7cc}.category-card-image-placeholder svg{opacity:.5}.category-card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.category-card-name{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.category-card-count{font-size:14px;color:#8e8e93}.category-card-actions{display:flex;flex-direction:row;gap:8px}.category-card-button{padding:8px;font-size:12px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.category-card-button-edit{background:#f2f2f7;color:#2c2c2e}.category-card-button-edit:hover{background:#e5e5ea}.category-card-button-delete{background:#fff0f0;color:#ff3b30}.category-card-button-delete:hover{background:#ffe0e0}.category-card-button-delete:active{background:#ffd0d0}.categories-pagination-container{position:fixed;bottom:-42px;left:280px;right:0;padding:52px 32px;background:none;z-index:10}.categories-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:16px;border-radius:12px;flex-shrink:0}.categories-pagination-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px solid #3390ec;border-radius:8px;cursor:pointer;transition:background .2s}.categories-pagination-button:hover:not(:disabled){background:#f0f7ff}.categories-pagination-button:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}.categories-pagination-info{font-size:14px;color:#8e8e93;font-weight:500}@media (max-width: 768px){.categories-content{margin-left:0;padding:60px 20px 20px}.categories-title{font-size:22px;margin-bottom:20px}.categories-controls{flex-direction:column;gap:12px;margin-bottom:20px}.categories-search{min-width:100%}.categories-actions{flex-direction:column;width:100%}.categories-sort-dropdown{min-width:100%;margin-right:0}.categories-grid{grid-template-columns:1fr;gap:16px}.category-card{padding:16px}.category-card-image{height:120px;margin-bottom:12px}.category-card-header{margin-bottom:12px;gap:6px}.category-card-name{font-size:16px}.category-card-count{font-size:13px}.category-card-button{padding:8px 10px;font-size:11px}.categories-pagination-container{left:0;right:0;bottom:24px;padding:0 20px}.categories-pagination{padding:12px 24px;gap:12px}.categories-pagination-button{padding:8px 16px;font-size:13px}.categories-pagination-info{font-size:13px}}@media (max-width: 480px){.categories-content{padding:56px 16px 16px}.categories-title{font-size:18px;margin-bottom:16px}.categories-controls{gap:10px;margin-bottom:16px}.categories-search-input{padding:8px 12px 8px 36px;font-size:13px}.categories-search-icon{left:10px}.categories-sort-dropdown-button,.categories-sort-dropdown-item{padding:8px 12px;font-size:13px}.categories-add-button{padding:8px 16px;font-size:13px}.category-card{padding:14px}.category-card-image{height:100px;margin-bottom:10px}.category-card-header{margin-bottom:10px;gap:4px}.category-card-name{font-size:14px}.category-card-count{font-size:12px}.category-card-button{padding:8px;font-size:10px}.categories-pagination-container{bottom:20px;padding:0 16px}.categories-pagination{padding:10px 20px;gap:10px}.categories-pagination-button{padding:6px 12px;font-size:12px}.categories-pagination-load-more{display:block;width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s;margin-top:16px}.categories-pagination-load-more:hover{background:#f0f7ff}.categories-pagination-load-more:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.modal-products{max-width:600px;max-height:80vh}.products-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.products-list::-webkit-scrollbar{display:none}.products-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f2f2f7;border-radius:10px;cursor:pointer;transition:background .2s}.products-list-item:hover{background:#e8e8ed}.products-list-item-selected{background:#e8f4ff;border:1px solid #3390ec}.products-list-item-info{display:flex;flex-direction:column;gap:4px}.products-list-item-name{font-size:15px;font-weight:500;color:#1c1c1e}.products-list-item-category{font-size:13px;color:#8e8e93}.products-list-item-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-body{padding:20px;max-height:calc(90vh - 140px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-image-upload-button{display:block;width:100%;padding:24px;border:2px dashed #e5e5ea;border-radius:10px;background:#f9f9f9;cursor:pointer;transition:border-color .2s,background .2s}.modal-image-upload-button:hover{border-color:#3390ec;background:#f0f7ff}.modal-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.modal-image-upload-content span{font-size:14px;color:#3390ec;font-weight:500}.modal-image-preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden}.modal-image-preview img{width:100%;height:100%;object-fit:cover}.modal-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;transition:background .2s}.modal-image-remove:hover{background:#000000e6}.modal-button-save:hover{background:#2a7cd8}.modal-button-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.modal{position:fixed;bottom:0;left:0;right:0;max-width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease;margin:0;max-height:100dvh;overflow-y:auto}.categories-controls{flex-direction:column;gap:12px}.categories-search{width:100%}.categories-actions{width:100%;flex-direction:column;gap:12px}.categories-sort-dropdown{width:100%}.categories-sort-dropdown-button{width:100%;justify-content:center}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.modal-body{padding:16px}.modal-field{margin-bottom:12px}.modal-label{font-size:13px;margin-bottom:6px}.modal-input{padding:10px 14px;font-size:14px}.modal-image-upload-button{padding:20px}.modal-footer{padding:16px}.modal-button{padding:10px 16px;font-size:14px}}.orders-content{padding:0}.orders-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.orders-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}.orders-search{min-width:350px}.orders-search-wrapper{position:relative;width:100%}.orders-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.orders-search-input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;transition:border-color .2s}.orders-search-input:focus{border-color:#3390ec}.orders-search-input::placeholder{color:#8e8e93}.orders-filters{min-width:160px}.orders-filter-dropdown{position:relative;width:100%}.orders-filter-dropdown-button{min-width:180px;padding:10px 14px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;justify-content:space-between;gap:8px}.orders-filter-dropdown-button:hover{border-color:#3390ec}.orders-filter-dropdown-button svg{flex-shrink:0}.orders-filter-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.orders-filter-dropdown-item{padding:10px 14px;font-size:14px;color:#2c2c2e;cursor:pointer;white-space:nowrap;transition:background .2s}.orders-filter-dropdown-item:hover{background:#f0f7ff}.orders-filter-dropdown-item-active{background:#e3f2fd;color:#1976d2;font-weight:500}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.order-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea;display:flex;flex-direction:column;min-height:100%}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.order-card-info{display:flex;flex-direction:column;gap:4px}.order-card-id{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.order-card-user{font-size:14px;color:#8e8e93}.order-card-status{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px}.order-card-status-new{background:#e3f2fd;color:#1976d2}.order-card-status-processing{background:#fff3e0;color:#f57c00}.order-card-status-shipped,.order-card-status-completed{background:#e8f5e9;color:#34c759}.order-card-status-cancelled{background:#ffebee;color:#ff3b30}.order-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.order-card-stat{display:flex;justify-content:space-between;align-items:center}.order-card-stat-label{font-size:14px;color:#8e8e93}.order-card-stat-value{font-size:16px;font-weight:600;color:#2c2c2e}.order-card-address{font-size:14px;color:#8e8e93;margin-bottom:16px;line-height:1.4}.order-card-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.order-card-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f2f2f7;border-radius:8px;font-size:13px}.order-card-item-name{color:#2c2c2e;font-weight:500;flex:1}.order-card-item-quantity{color:#8e8e93;font-weight:600}.order-card-item-more{font-size:12px;color:#3390ec;text-align:center;padding:4px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s;width:100%}.order-card-item-more:hover{background:#f0f7ff}.order-card-actions{display:flex;margin-top:auto}.order-card-button{width:100%;padding:10px 12px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:center}.order-card-button-view{background:#e8f5e9;color:#34c759}.order-card-button-view:hover{background:#d4edda}@media (max-width: 768px){.orders-content{margin-left:0;padding:60px 20px 20px}.orders-title{font-size:22px;margin-bottom:20px}.orders-controls{flex-direction:column;gap:12px;margin-bottom:20px}.orders-search,.orders-filters{min-width:100%}.orders-grid{grid-template-columns:1fr;gap:16px}.order-card{padding:16px}.order-card-header{margin-bottom:12px;padding-bottom:12px}.order-card-id{font-size:16px}.order-card-user{font-size:13px}.order-card-status{padding:4px 10px;font-size:12px}.order-card-stats{margin-bottom:12px;gap:10px}.order-card-stat-label{font-size:13px}.order-card-stat-value{font-size:14px}.order-card-address{font-size:13px;margin-bottom:12px}.order-card-button{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.orders-content{padding:56px 16px 16px}.orders-title{font-size:18px;margin-bottom:16px}.orders-controls{gap:10px;margin-bottom:16px;flex-direction:column}.orders-search,.orders-filters{min-width:100%;width:100%}.orders-filter-dropdown-button{width:100%;padding:8px 12px;font-size:13px;justify-content:center}.orders-pagination-container{left:0;padding:32px 20px}.orders-pagination{padding:12px;gap:12px}.orders-pagination-button{padding:8px 16px;font-size:13px}.orders-pagination-info{font-size:13px}.orders-pagination-load-more{padding:12px 20px;font-size:14px}.modal-overlay{align-items:flex-end;z-index:9999}.modal-overlay .modal{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:0;animation:slideUpMobile .3s ease;margin:0;max-height:100dvh;overflow-y:auto;z-index:10000}.modal-items-list{max-height:40vh}.modal-item{padding:14px;gap:12px}.modal-item-name{font-size:15px}.modal-item-quantity{font-size:14px}.modal-item-price{font-size:15px}.modal-header{padding:16px 20px}.modal-title{font-size:16px}.modal-close{width:28px;height:28px;font-size:18px}.modal-body{padding:20px;max-height:calc(100dvh - 140px)}.modal-info-container{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.modal-field{margin-bottom:16px}.modal-label{font-size:12px;margin-bottom:4px}.modal-value{font-size:14px}.modal-dropdown-button,.modal-textarea{padding:10px 14px;font-size:14px}.modal-button{padding:10px 16px;font-size:14px}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.orders-search-input{padding:8px 12px 8px 36px;font-size:13px}.orders-search-icon{left:10px}.orders-filter-dropdown-item{padding:8px 12px;font-size:13px}.order-card{padding:14px}.order-card-header{margin-bottom:10px;padding-bottom:10px}.order-card-id{font-size:14px}.order-card-user{font-size:12px}.order-card-status{padding:4px 8px;font-size:11px}.order-card-stats{margin-bottom:10px;gap:8px}.order-card-stat-label{font-size:12px}.order-card-stat-value{font-size:13px}.order-card-address{font-size:12px;margin-bottom:10px}.order-card-button{padding:8px 10px;font-size:12px}}.orders-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:-32px;padding:16px;border-radius:12px;flex-shrink:0}.orders-pagination-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px solid #3390ec;border-radius:8px;cursor:pointer;transition:background .2s}.orders-pagination-button:hover:not(:disabled){background:#f0f7ff}.orders-pagination-button:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}.orders-pagination-info{font-size:14px;color:#8e8e93;font-weight:500}.orders-pagination-load-more{display:block;width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#fff;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s;margin-top:16px}.orders-pagination-load-more:hover{background:#f0f7ff}.orders-pagination-load-more:disabled{color:#c7c7cc;border-color:#e5e5ea;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:98vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;z-index:10000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5ea}.modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-body::-webkit-scrollbar{display:none}.modal-info-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.modal-info-item{display:flex;flex-direction:column;background:#f2f2f7;padding:14px;border-radius:12px}.modal-label{display:block;font-size:12px;font-weight:500;color:#8e8e93;margin-bottom:6px}.modal-value{font-size:14px;color:#1c1c1e;font-weight:500;word-break:break-word}.modal-value-date{font-size:12px}.modal-items-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-items-list::-webkit-scrollbar{display:none}.modal-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f2f2f7;border-radius:8px;gap:8px}.modal-item-name{flex:1;font-size:14px;color:#1c1c1e;font-weight:500}.modal-item-quantity{font-size:13px;color:#8e8e93;font-weight:600}.modal-item-price{font-size:14px;color:#1c1c1e;font-weight:600}.modal-show-items-button{width:100%;padding:12px 16px;font-size:14px;font-weight:500;color:#3390ec;background:#f0f7ff;border:1px solid #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.modal-show-items-button:hover{background:#e3f2fd}.modal-field{margin-bottom:20px}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e5ea}.modal-button-send{width:100%;margin-top:8px;background:#3390ec;color:#fff}.modal-button-send:hover{background:#2a7bd4}.modal-dropdown-button svg{flex-shrink:0}.modal-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto}.modal-dropdown-item-active{background:#e8f4ff;color:#3390ec}.modal-textarea{width:100%;padding:12px 16px;font-size:15px;border:1px solid #e5e5ea;border-radius:10px;background:#f2f2f7;transition:border-color .2s,background .2s;resize:vertical;font-family:inherit}.modal-textarea:focus{outline:none;border-color:#3390ec;background:#fff}.modal-textarea::placeholder{color:#8e8e93}.delivery-content{padding:0}.delivery-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.delivery-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}.delivery-search{min-width:350px}.delivery-search-wrapper{position:relative;width:100%}.delivery-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.delivery-search-input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;transition:border-color .2s}.delivery-search-input:focus{border-color:#3390ec}.delivery-search-input::placeholder{color:#8e8e93}.delivery-actions{min-width:160px}.delivery-add-button{width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.delivery-add-button:hover{background:#f2f2f7}.delivery-add-button:active{background:#e5e5ea}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.delivery-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea}.delivery-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.delivery-card-time{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.delivery-card-status{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px}.delivery-card-status-active{background:#e8f5e9;color:#34c759}.delivery-card-status-inactive{background:#ffebee;color:#ff3b30}.delivery-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-card-button{padding:8px;font-size:12px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:center}.delivery-card-button-toggle{background:#f2f2f7;color:#2c2c2e}.delivery-card-button-toggle:hover{background:#e5e5ea}.delivery-card-button-delete{background:#fff0f0;color:#ff3b30}.delivery-card-button-delete:hover{background:#ffe0e0}@media (max-width: 768px){.modal{position:fixed;bottom:0;left:0;right:0;max-width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease;margin:0;min-height:500px;max-height:none;display:flex;flex-direction:column}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.modal-body{max-height:none;padding:16px;flex:1;overflow-y:auto}.modal-field{margin-bottom:12px}.modal-label{font-size:13px;margin-bottom:6px}.modal-input,.time-dropdown-button,.time-dropdown-item{padding:10px 14px;font-size:14px}.modal-footer{padding:16px}.modal-button{padding:10px 16px;font-size:14px}}@media (max-width: 768px){.delivery-content{margin-left:0;padding:60px 20px 20px}.delivery-title{font-size:22px;margin-bottom:20px}.delivery-controls{flex-direction:column;gap:12px;margin-bottom:20px}.delivery-search,.delivery-actions{min-width:100%}.delivery-grid{grid-template-columns:1fr;gap:16px}.delivery-card{padding:16px}.delivery-card-header{margin-bottom:12px;padding-bottom:12px}.delivery-card-time{font-size:16px}.delivery-card-status{padding:4px 10px;font-size:12px}.delivery-card-button{padding:8px 10px;font-size:11px}}@media (max-width: 480px){.delivery-content{padding:56px 16px 16px}.delivery-title{font-size:18px;margin-bottom:16px}.delivery-controls{gap:10px;margin-bottom:16px}.delivery-search-input{padding:8px 12px 8px 36px;font-size:13px}.delivery-search-icon{left:10px}.delivery-add-button{padding:8px 16px;font-size:13px}.delivery-card{padding:14px}.delivery-card-header{margin-bottom:10px;padding-bottom:10px}.delivery-card-time{font-size:14px}.delivery-card-status{padding:4px 8px;font-size:11px}.delivery-card-button{padding:8px;font-size:10px}}.pickup-content{padding:0}.pickup-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.pickup-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}.pickup-search{min-width:350px}.pickup-search-wrapper{position:relative;width:100%}.pickup-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none}.pickup-search-input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:#2c2c2e;background:#fff;border:1px dashed #3390ec;border-radius:10px;outline:none;transition:border-color .2s}.pickup-search-input:focus{border-color:#3390ec}.pickup-search-input::placeholder{color:#8e8e93}.pickup-actions{min-width:160px}.pickup-add-button{width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.pickup-add-button:hover{background:#f2f2f7}.pickup-add-button:active{background:#e5e5ea}.pickup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pickup-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea;display:flex;flex-direction:column}.pickup-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-shrink:0}.pickup-card-info{display:flex;flex-direction:column;gap:4px}.pickup-card-name{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.pickup-card-address{font-size:14px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-card-status{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px}.pickup-card-status-active{background:#e8f5e9;color:#34c759}.pickup-card-status-inactive{background:#ffebee;color:#ff3b30}.pickup-card-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pickup-card-stat{display:flex;justify-content:flex-start;align-items:center;gap:8px}.pickup-card-stat-label{font-size:14px;color:#8e8e93}.pickup-card-stat-value{font-size:16px;font-weight:600;color:#2c2c2e}.pickup-card-schedule{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;width:100%;flex-shrink:0}.pickup-card-schedule-item{font-size:12px;font-weight:500;color:#2c2c2e;background:#f2f2f7;padding:4px 8px;border-radius:6px;text-align:center}.pickup-card-actions{display:flex;gap:8px;margin-top:auto}.pickup-card-button{flex:1;padding:8px;font-size:12px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-card-button-toggle{background:#f2f2f7;color:#2c2c2e}.pickup-card-button-toggle:hover{background:#e5e5ea}.pickup-card-button-edit{background:#e3f2fd;color:#1976d2}.pickup-card-button-edit:hover{background:#bbdefb}.pickup-card-button-delete{background:#fff0f0;color:#ff3b30}.pickup-card-button-delete:hover{background:#ffe0e0}.modal{background:#fff;border-radius:16px;width:100%;max-width:400px;min-height:600px;max-height:none;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.time-dropdown{position:relative}.time-dropdown-button{width:100%;padding:12px 16px;font-size:15px;border:1px solid #e5e5ea;border-radius:10px;background:#f2f2f7;color:#1c1c1e;cursor:pointer;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:space-between}.time-dropdown-button:hover{border-color:#3390ec;background:#fff}.time-dropdown-menu{position:fixed;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1001;max-height:200px;overflow-y:auto}.time-dropdown-item{padding:12px 16px;font-size:15px;color:#1c1c1e;cursor:pointer;transition:background .2s}.time-dropdown-item:hover{background:#f2f2f7}.time-dropdown-item-active{background:#e8f4ff;color:#3390ec}@media (max-width: 768px){.modal{position:fixed;bottom:0;left:0;right:0;max-width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease;margin:0;max-height:100dvh;overflow-y:auto;display:flex;flex-direction:column}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.modal-body{padding:16px;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-body::-webkit-scrollbar{display:none}.modal-field{margin-bottom:12px}.modal-label{font-size:13px;margin-bottom:6px}.modal-input,.time-dropdown-button,.time-dropdown-item{padding:10px 14px;font-size:14px}.modal-footer{padding:16px}.modal-button{padding:10px 16px;font-size:14px}}@media (max-width: 768px){.pickup-content{margin-left:0;padding:60px 20px 20px}.pickup-title{font-size:22px;margin-bottom:20px}.pickup-controls{flex-direction:column;gap:12px;margin-bottom:20px}.pickup-search,.pickup-actions{min-width:100%}.pickup-grid{grid-template-columns:1fr;gap:16px}.pickup-card{padding:16px}.pickup-card-header{margin-bottom:10px}.pickup-card-name{font-size:16px}.pickup-card-address{font-size:13px}.pickup-card-status{padding:4px 10px;font-size:12px}.pickup-card-stats{margin-bottom:10px;gap:6px}.pickup-card-stat-label{font-size:13px}.pickup-card-stat-value{font-size:14px}.pickup-card-schedule{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px}.pickup-card-schedule-item{font-size:11px;padding:3px 6px}.pickup-card-button{padding:8px 10px;font-size:11px}}@media (max-width: 480px){.pickup-content{padding:56px 16px 16px}.pickup-title{font-size:18px;margin-bottom:16px}.pickup-controls{gap:10px;margin-bottom:16px}.pickup-search-input{padding:8px 12px 8px 36px;font-size:13px}.pickup-search-icon{left:10px}.pickup-add-button{padding:8px 16px;font-size:13px}.pickup-card{padding:14px}.pickup-card-header{margin-bottom:8px}.pickup-card-name{font-size:14px}.pickup-card-address{font-size:12px}.pickup-card-status{padding:4px 8px;font-size:11px}.pickup-card-stats{margin-bottom:8px;gap:4px}.pickup-card-stat-label{font-size:12px}.pickup-card-stat-value{font-size:13px}.pickup-card-schedule{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:3px}.pickup-card-schedule-item{font-size:10px;padding:2px 4px}.pickup-card-button{padding:8px;font-size:10px}}.salary-content{padding:0}.salary-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.salary-tabs{display:flex;gap:12px;margin-bottom:24px}.salary-tab{padding:10px 20px;font-size:14px;font-weight:500;color:#8e8e93;background:#fff;border:1px dashed #e5e5ea;border-radius:10px;cursor:pointer;transition:all .2s}.salary-tab:hover{background:#f2f2f7}.salary-tab-active{color:#3390ec;background:#e3f2fd;border-color:#3390ec}.salary-stats-section{display:flex;flex-direction:column;gap:20px}.salary-stats-controls{display:flex;justify-content:space-between;align-items:center}.salary-reset-button{padding:10px 20px;font-size:14px;font-weight:500;color:#ff3b30;background:#fff0f0;border:1px dashed #ff3b30;border-radius:10px;cursor:pointer;transition:background .2s;margin-bottom:24px}.salary-reset-button:hover{background:#ffe0e0}.salary-set-rate-button{padding:10px 20px;font-size:14px;font-weight:500;color:#34c759;background:#e8f5e9;border:1px dashed #34c759;border-radius:10px;cursor:pointer;transition:background .2s;margin-bottom:24px}.salary-set-rate-button:hover{background:#d4edda}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;width:100%;max-width:400px;min-height:500px;max-height:none;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5ea}.modal-title{font-size:18px;font-weight:600;color:#1c1c1e;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;font-size:20px;color:#8e8e93;cursor:pointer;transition:background .2s}.modal-close:hover{background:#f2f2f7}.modal-body{padding:20px;max-height:none;flex:1;overflow-y:auto}.modal-field{margin-bottom:16px}.modal-field:last-child{margin-bottom:0}.modal-label{display:block;font-size:14px;font-weight:500;color:#1c1c1e;margin-bottom:8px}.modal-input{width:100%;padding:12px 16px;font-size:15px;border:1px solid #e5e5ea;border-radius:10px;background:#f2f2f7;transition:border-color .2s,background .2s}.modal-input:focus{outline:none;border-color:#3390ec;background:#fff}.modal-input::placeholder{color:#8e8e93}.modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e5ea}.modal-button{flex:1;padding:12px 20px;font-size:15px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.modal-button-cancel{background:#f2f2f7;color:#1c1c1e}.modal-button-cancel:hover{background:#e5e5ea}.modal-button-save{background:#3390ec;color:#fff}.modal-button-save:hover{background:#2a7bd4}.modal-dropdown{position:relative}.modal-dropdown-button{width:100%;padding:12px 16px;font-size:15px;border:1px solid #e5e5ea;border-radius:10px;background:#f2f2f7;color:#1c1c1e;cursor:pointer;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:space-between}.modal-dropdown-button:hover{border-color:#3390ec;background:#fff}.modal-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:10;max-height:200px;overflow-y:auto}.modal-dropdown-search{padding:8px;border-bottom:1px solid #e5e5ea;position:sticky;top:0;background:#fff;z-index:1}.modal-dropdown-search-input{width:100%;padding:8px 12px;font-size:14px;border:1px solid #e5e5ea;border-radius:8px;background:#f2f2f7;transition:border-color .2s,background .2s}.modal-dropdown-search-input:focus{outline:none;border-color:#3390ec;background:#fff}.modal-dropdown-search-input::placeholder{color:#8e8e93}.modal-dropdown-item{padding:12px 16px;font-size:15px;color:#1c1c1e;cursor:pointer;transition:background .2s}.modal-dropdown-item:hover{background:#f2f2f7}@media (max-width: 768px){.salary-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.salary-tabs::-webkit-scrollbar{height:4px}.salary-tabs::-webkit-scrollbar-track{background:#f2f2f7;border-radius:2px}.salary-tabs::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:2px}.salary-tab{white-space:nowrap;flex:1;flex-shrink:0}.modal{position:fixed;bottom:0;left:0;right:0;max-width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease;margin:0;min-height:500px;max-height:none;display:flex;flex-direction:column}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.modal-body{max-height:none;padding:16px;flex:1;overflow-y:auto}.modal-field{margin-bottom:12px}.modal-label{font-size:13px;margin-bottom:6px}.modal-input{padding:10px 14px;font-size:14px}.modal-footer{padding:16px}.modal-button{padding:10px 16px;font-size:14px}.salary-reset-button,.salary-set-rate-button{width:100%;text-align:center}}.salary-reset-info{font-size:14px;color:#8e8e93}.salary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.salary-stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px;border:1px dashed #e5e5ea;display:flex;flex-direction:column;align-items:center;text-align:center}.salary-stat-card-courier{border-color:#34c759;background:#e8f5e9}.salary-stat-card-owner{border-color:#3390ec;background:#e3f2fd}.salary-stat-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.salary-stat-card-icon{font-size:24px}.salary-stat-card-label{font-size:14px;font-weight:500;color:#8e8e93}.salary-stat-card-value{font-size:32px;font-weight:600;color:#2c2c2e}.salary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.salary-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;border:1px dashed #e5e5ea;display:flex;flex-direction:column}.salary-card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.salary-card-name{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.salary-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;flex:1}.salary-card-stat{display:flex;justify-content:space-between;align-items:center}.salary-card-stat-label{font-size:14px;color:#8e8e93}.salary-card-stat-value{font-size:16px;font-weight:600;color:#2c2c2e}.salary-card-stat-courier{color:#34c759}.salary-card-stat-owner{color:#3390ec}.salary-card-actions{margin-top:auto}.salary-card-button{width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:#e3f2fd;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.salary-card-button:hover{background:#bbdefb}@media (max-width: 768px){.salary-content{margin-left:0;padding:60px 20px 20px}.salary-title{font-size:22px;margin-bottom:20px}.salary-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px}.salary-tab{padding:8px 16px;font-size:13px}.salary-stats-controls{flex-direction:column;gap:12px;align-items:flex-start}.salary-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.salary-stat-card{padding:20px}.salary-stat-card-value{font-size:28px}.salary-grid{grid-template-columns:1fr;gap:16px}.salary-card{padding:16px}.salary-card-header{margin-bottom:12px;padding-bottom:12px}.salary-card-name{font-size:16px}.salary-card-stats{margin-bottom:12px;gap:10px}.salary-card-stat-label{font-size:13px}.salary-card-stat-value{font-size:14px}.salary-card-button{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.salary-content{padding:56px 16px 16px}.salary-title{font-size:18px;margin-bottom:16px}.salary-tabs{gap:6px;margin-bottom:16px}.salary-tab{padding:6px 12px;font-size:12px}.salary-reset-button{padding:8px 16px;font-size:13px}.salary-reset-info{font-size:13px}.salary-stats-grid{grid-template-columns:1fr;gap:12px}.salary-stat-card{padding:16px}.salary-stat-card-value{font-size:24px}.salary-card{padding:14px}.salary-card-header{margin-bottom:10px;padding-bottom:10px}.salary-card-name{font-size:14px}.salary-card-stats{margin-bottom:10px;gap:8px}.salary-card-stat-label{font-size:12px}.salary-card-stat-value{font-size:13px}.salary-card-button{padding:8px 12px;font-size:12px}}.settings-content{padding:0}.settings-title{font-size:28px;font-weight:600;color:#2c2c2e;margin-bottom:24px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px;border:1px dashed #e5e5ea;display:flex;flex-direction:column}.settings-card-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.settings-card-title{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.settings-card-body{display:flex;flex-direction:column;gap:16px;flex:1}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-button-container{margin-top:auto}.settings-label{font-size:14px;font-weight:500;color:#8e8e93}.settings-input-wrapper{display:flex;align-items:center;gap:8px}.settings-input-prefix{font-size:16px;font-weight:500;color:#8e8e93}.settings-input{flex:1;padding:10px 16px;font-size:16px;font-weight:400;color:#2c2c2e;background:#fff;border:1px dashed #e5e5ea;border-radius:10px;outline:none;transition:border-color .2s}.settings-input:focus{border-color:#3390ec}.settings-input::placeholder{color:#c7c7cc}.settings-textarea{width:100%;padding:12px 16px;font-size:16px;font-weight:400;color:#2c2c2e;background:#fff;border:1px dashed #e5e5ea;border-radius:10px;outline:none;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.settings-textarea:focus{border-color:#3390ec}.settings-textarea::placeholder{color:#c7c7cc}.settings-button{width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#fff;background:#3390ec;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.settings-button:hover:not(:disabled){background:#2878d4}.settings-button:disabled{background:#c7c7cc;cursor:not-allowed}.settings-button-danger{background:#ff3b30}.settings-button-danger:hover:not(:disabled){background:#d63026}.settings-description{font-size:14px;color:#8e8e93;line-height:1.5}.broadcast-result{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f2f2f7;border-radius:10px}.broadcast-result-item{display:flex;justify-content:space-between;align-items:center}.broadcast-result-label{font-size:14px;color:#8e8e93}.broadcast-result-value{font-size:16px;font-weight:600;color:#2c2c2e}.broadcast-result-success{color:#34c759}.broadcast-result-failed{color:#ff3b30}@media (max-width: 768px){.settings-content{margin-left:0;padding:60px 20px 20px}.settings-title{font-size:22px;margin-bottom:20px}.settings-grid{grid-template-columns:1fr;gap:16px}.settings-card{padding:20px}.settings-card-header{margin-bottom:16px;padding-bottom:12px}.settings-card-title{font-size:16px}.settings-card-body{gap:14px}.settings-field{gap:6px}.settings-label{font-size:13px}.settings-input{padding:8px 14px;font-size:14px}.settings-input-prefix{font-size:14px}.settings-textarea{padding:10px 14px;font-size:14px;min-height:80px}.settings-button{padding:10px 16px;font-size:13px}.broadcast-result{padding:12px}.broadcast-result-label{font-size:13px}.broadcast-result-value{font-size:14px}}@media (max-width: 480px){.settings-content{padding:56px 16px 16px}.settings-title{font-size:18px;margin-bottom:16px}.settings-grid{gap:14px}.settings-card{padding:16px}.settings-card-header{margin-bottom:12px;padding-bottom:10px}.settings-card-title{font-size:14px}.settings-card-body{gap:12px}.settings-field{gap:4px}.settings-label{font-size:12px}.settings-input{padding:8px 12px;font-size:13px}.settings-input-prefix{font-size:13px}.settings-textarea{padding:8px 12px;font-size:13px;min-height:70px}.settings-button{padding:8px 14px;font-size:12px}.broadcast-result{padding:10px}.broadcast-result-label{font-size:12px}.broadcast-result-value{font-size:13px}}.bonuses-content{padding:0}.bonuses-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.bonuses-title{font-size:28px;font-weight:600;color:#2c2c2e;margin:0}.bonuses-add-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s;width:100%}.bonuses-add-button:hover{background:#f2f2f7}.bonuses-add-button:active{background:#e5e5ea}.bonuses-auto-button{padding:10px 20px;font-size:14px;font-weight:500;color:#2c2c2e;background:transparent;border:1px dashed #2c2c2e;border-radius:10px;cursor:pointer;transition:background .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.bonuses-auto-button:hover{background:#f2f2f7}.bonuses-auto-button:active{background:#e5e5ea}.bonuses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.bonus-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;display:flex;flex-direction:column;gap:16px}.bonus-card-image{width:100%;height:200px;border-radius:12px;overflow:hidden;background:#f2f2f7}.bonus-card-image img{width:100%;height:100%;object-fit:cover}.bonus-card-image-placeholder{width:100%;height:200px;border-radius:12px;background:#f2f2f7;display:flex;align-items:center;justify-content:center}.bonus-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.bonus-card-title{font-size:18px;font-weight:600;color:#2c2c2e;margin:0;flex:1}.bonus-card-status{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;border-radius:8px;white-space:nowrap}.bonus-card-status.active{background:#e8f5e9;color:#34c759}.bonus-card-status.inactive{background:#ffebee;color:#ff3b30}.bonus-card-price{font-size:24px;font-weight:600;color:#2c2c2e}.bonus-card-details{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9f9f9;border-radius:8px}.bonus-card-detail{display:flex;justify-content:space-between;align-items:center;font-size:13px}.bonus-card-detail-label{color:#8e8e93;font-weight:500}.bonus-card-detail-value{color:#2c2c2e;font-weight:600}.bonus-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.bonus-card-button{width:100%;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.bonus-card-button.edit{background:#f0f7ff;color:#3390ec;border:1px solid #3390ec}.bonus-card-button.edit:hover{background:#e0efff}.bonus-card-button.toggle{background:#fff9c4;color:#f57f17;border:1px solid #f57f17}.bonus-card-button.toggle:hover{background:#fff59d}.bonus-card-button.delete{background:#fff0f0;color:#ff3b30;border:1px solid #ff3b30}.bonus-card-button.delete:hover{background:#ffe0e0}.modal-title{font-size:24px;font-weight:600;color:#2c2c2e;margin:0 0 24px}.form-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#2c2c2e;cursor:pointer}.form-checkbox input{width:18px;height:18px;cursor:pointer}@media (max-width: 768px){.bonuses-content{margin-left:0;padding:60px 20px 20px}.bonuses-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.bonuses-title{font-size:22px}.bonuses-add-button{width:100%}.bonuses-grid{grid-template-columns:1fr;gap:16px}.bonus-card{padding:16px}.bonus-card-header{padding-bottom:12px}.bonus-card-title{font-size:16px}.bonus-card-status{padding:4px 10px;font-size:12px}.bonus-card-price{font-size:20px}.bonus-card-button{padding:8px 12px;font-size:13px}.modal-content{padding:20px;margin:16px}.modal-title{font-size:20px}}@media (max-width: 480px){.bonuses-content{padding:56px 16px 16px}.bonuses-title{font-size:18px}.bonus-card{padding:14px}.bonus-card-title{font-size:14px}.bonus-card-status{padding:4px 8px;font-size:11px}.bonus-card-price{font-size:18px}.bonus-card-button{padding:8px 10px;font-size:12px}.modal-content{padding:16px;margin:12px}.modal-title{font-size:18px}.form-input{padding:8px 12px;font-size:13px}.modal-button{padding:8px 16px;font-size:13px}}.modal-image-upload{width:100%}.modal-image-upload-button{display:block;width:100%;padding:20px;border:2px dashed #3390ec;border-radius:12px;background:#f0f7ff;cursor:pointer;transition:background .2s}.modal-image-upload-button:hover{background:#e8f0ff}.modal-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#3390ec;font-size:14px;font-weight:500}.modal-image-preview{position:relative;width:100%;padding-top:75%;border-radius:12px;overflow:hidden}.modal-image-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.modal-image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s}.modal-image-remove:hover{background:#000c}.custom-select{position:relative;width:100%}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;color:#2c2c2e;background:#fff;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;transition:border-color .2s}.custom-select-trigger:hover{border-color:#3390ec}.custom-select-arrow{font-size:12px;color:#8e8e93}.custom-select-options{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e5ea;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.custom-select-option{padding:10px 16px;font-size:14px;font-weight:500;color:#2c2c2e;cursor:pointer;transition:background .2s}.custom-select-option:hover{background:#f2f2f7}.custom-select-option.selected{background:#e0efff;color:#3390ec}.bonus-rates-content{padding:0}.bonus-rates-actions{margin-bottom:24px}.bonus-rates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bonus-rates-auto-button{width:100%;padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.bonus-rates-auto-button:hover:not(:disabled){background:#f2f2f7}.bonus-rates-auto-button:active:not(:disabled){background:#e5e5ea}.bonus-rates-auto-button:disabled{opacity:.5;cursor:not-allowed}.bonus-rates-title{font-size:28px;font-weight:600;color:#2c2c2e;margin:0}.bonus-rates-add-button{padding:10px 20px;font-size:14px;font-weight:500;color:#3390ec;background:transparent;border:1px dashed #3390ec;border-radius:10px;cursor:pointer;transition:background .2s}.bonus-rates-add-button:hover{background:#f2f2f7}.bonus-rates-add-button:active{background:#e5e5ea}.bonus-rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#8e8e93}.empty-state-text{margin-top:16px;font-size:16px}.bonus-rate-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;display:flex;flex-direction:column;gap:16px}.bonus-rate-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e5ea}.bonus-rate-card-category{font-size:18px;font-weight:600;color:#2c2c2e;margin:0;flex:1}.bonus-rate-card-value{display:inline-block;padding:4px 8px;font-size:10px;font-weight:300;color:#2c2c2e;background:#e8f5e9;border-radius:12px}.bonus-rate-card-value-empty{display:inline-block;padding:4px 8px;font-size:10px;font-weight:300;color:#2c2c2e;background:#f2f2f7;border-radius:12px}.bonus-rate-card-actions{display:flex;gap:8px;margin-top:auto}.bonus-rate-card-button{flex:1;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.bonus-rate-card-button.edit{background:#f0f7ff;color:#3390ec;border:1px solid #3390ec}.bonus-rate-card-button.edit:hover{background:#e0efff}.bonus-rate-card-button.delete{background:#fff0f0;color:#ff3b30;border:1px solid #ff3b30}.bonus-rate-card-button.delete:hover{background:#ffe0e0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-title{font-size:24px;font-weight:600;color:#2c2c2e;margin:0 0 8px}.modal-category-name{font-size:14px;color:#8e8e93;margin:0 0 20px}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#2c2c2e}.form-input{padding:10px 14px;border:1px dashed #3390ec;border-radius:10px;font-size:14px;color:#2c2c2e;background:#fff;outline:none;transition:border-color .2s}.form-input:focus{border-color:#3390ec}.form-hint{font-size:12px;color:#8e8e93;margin:0}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-button{flex:1;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.modal-button.cancel{background:#f2f2f7;color:#2c2c2e}.modal-button.cancel:hover{background:#e5e5ea}.modal-button.submit{background:#3390ec;color:#fff}.modal-button.submit:hover{background:#2b7dd9}@media (max-width: 768px){.bonus-rates-content{margin-left:0;padding:60px 20px 20px}.bonus-rates-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.bonus-rates-title{font-size:22px}.bonus-rates-add-button{width:100%}.bonus-rates-grid{grid-template-columns:1fr;gap:16px}.bonus-rate-card{padding:16px}.bonus-rate-card-header{padding-bottom:12px}.bonus-rate-card-category{font-size:16px}.bonus-rate-card-value{font-size:20px}.bonus-rate-card-button{padding:8px 12px;font-size:13px}.modal-content{padding:20px;margin:16px}.modal-title{font-size:20px}}@media (max-width: 480px){.bonus-rates-content{padding:56px 16px 16px}.bonus-rates-title{font-size:18px}.bonus-rate-card{padding:14px}.bonus-rate-card-category{font-size:14px}.bonus-rate-card-value{font-size:18px}.bonus-rate-card-button{padding:8px 10px;font-size:12px}.modal-content{padding:16px;margin:12px}.modal-title{font-size:18px}.form-input{padding:8px 12px;font-size:13px}.modal-button{padding:8px 16px;font-size:13px}}.header{display:none;background:#fff;border-bottom:1px solid #e5e5ea;position:fixed;top:0;left:0;right:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px;max-width:100%}.header-title{font-size:18px;font-weight:600;color:#2c2c2e;margin:0}.header-burger{display:flex;align-items:center;justify-content:center;padding:8px;background:#f2f2f7;border:none;border-radius:8px;cursor:pointer;color:#2c2c2e;transition:background .2s}.header-burger:hover{background:#e5e5ea}.header-burger:active{background:#d1d1d6}@media (max-width: 768px){.header{display:block}}@media (max-width: 480px){.header-content{padding:14px 16px}.header-title{font-size:16px}}.sidebar{width:280px;height:100vh;background:#fff;border-right:1px solid #e5e5ea;display:flex;flex-direction:column;position:fixed;left:0;top:0}.sidebar-header{padding:24px;border-bottom:1px solid #e5e5ea}.sidebar-title{font-size:18px;font-weight:600;color:#2c2c2e}.sidebar-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{width:100%;padding:13px 12px;font-size:15px;font-weight:500;color:#2c2c2e;background:transparent;border:1px dashed #3390ec;border-bottom-right-radius:12px;cursor:pointer;text-align:left;transition:background .2s;display:flex;align-items:center;gap:8px}.sidebar-dropdown-toggle{justify-content:space-between}.sidebar-dropdown-left{display:flex;align-items:center;gap:8px}.sidebar-dropdown-arrow{transition:transform .2s}.sidebar-dropdown-arrow.open{transform:rotate(180deg)}.sidebar-dropdown-content{display:flex;flex-direction:column;gap:4px;margin-top:4px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px) translateY(-5px)}to{opacity:1;transform:translate(0) translateY(0)}}.sidebar-dropdown-item{padding:10px 12px;font-size:14px;border:none;border-radius:8px}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center}.sidebar-nav-item:hover{background:#f2f2f7}.sidebar-nav-item:active{background:#e5e5ea}.sidebar-footer{padding:16px;border-top:1px solid #e5e5ea}.profile__container{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;background:#f2f2f7cc;border-radius:12px}.profile__logo{width:48px;height:48px;background:#f9f9f9;border:1px dashed #3390ec;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8e8e93;font-size:20px;font-weight:600}.profile__name__position{display:flex;flex-direction:column;gap:2px}.name{font-size:14px;font-weight:600;color:#2c2c2e;margin:0}.position{font-size:11px;font-weight:500;color:#8e8e93;margin:0}.sidebar-logout{width:100%;padding:12px 16px;font-size:15px;font-weight:500;color:#ff3b30;background:transparent;border:1px dashed #ff3b30;border-radius:12px;cursor:pointer;transition:background .2s}.sidebar-logout:hover{background:#fff0f0}.sidebar-logout:active{background:#ffe0e0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998}body.sidebar-open{overflow:hidden}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;z-index:999;display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar.mobile-open+.sidebar-overlay{opacity:1;pointer-events:auto}}@media (max-width: 480px){.sidebar{width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:16px}.sidebar-nav{padding:12px}.sidebar-nav-item{padding:12px 10px;font-size:14px}.sidebar-dropdown-item{padding:8px 10px;font-size:13px}.sidebar-footer{padding:16px;margin-top:auto;position:relative;z-index:10}.profile__container{padding:10px;margin-bottom:10px}.profile__logo{width:40px;height:40px}.name{font-size:13px}.position{font-size:10px}.sidebar-logout{padding:10px 14px;font-size:14px}}.layout{display:flex;min-height:100vh}.layout-content{flex:1;margin-left:280px;padding:24px;min-height:100vh;background:#efeff4;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:40px 40px;position:relative}.layout-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,#efeff4 85%);mask:radial-gradient(circle at center,transparent 0%,transparent 30%,black 70%);-webkit-mask:radial-gradient(circle at center,transparent 0%,transparent 30%,black 70%);pointer-events:none;z-index:-1}@media (max-width: 768px){.layout-content{margin-left:0;padding:60px 12px 24px}}@media (max-width: 480px){.layout-content{padding:50px 8px 16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}input,textarea,select{font-size:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;grid-column:1 / -1}.empty-state-text{margin-top:16px;font-size:16px;color:#8e8e93}#root{width:100%;min-height:100vh}.skeleton{background:linear-gradient(90deg,#e5e5ea 25%,#f2f2f7,#e5e5ea 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-confirm{max-width:400px}.modal-confirm-text{font-size:16px;color:#1c1c1e;margin-bottom:12px}.modal-confirm-warning{font-size:14px;color:#ff3b30;margin-bottom:8px}.modal-confirm-list{list-style:none;padding:0;margin:12px 0}.modal-confirm-list li{padding:4px 0 4px 20px;position:relative;font-size:14px;color:#8e8e93}.modal-confirm-list li:before{content:"•";position:absolute;left:0;color:#ff3b30}.modal-button-danger{background:#ff3b30;color:#fff}.modal-button-danger:hover{background:#d63026}