body{background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.merchant-main,.merchant-wrapper{display:flex;min-height:100vh}.merchant-main{flex:1;flex-direction:column;margin-left:250px;transition:margin-left .3s ease}@media (max-width:991.98px){.merchant-main{margin-left:0}}.merchant-content{background-color:#f5f7fa;flex:1;overflow-y:auto;padding:calc(60px + 1.5rem) 1.5rem 1.5rem}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-header .page-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.page-header .page-actions{display:flex;gap:.5rem}.card{border:none;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);transition:box-shadow .2s ease}.card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.card-header{background-color:transparent;border-bottom:1px solid #e9ecef;font-weight:600;padding:1rem 1.25rem}.card-header .card-title{font-size:1rem;font-weight:600;margin:0}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border-left:4px solid #f57c00;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.1);transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;background:rgba(245,124,0,.1);border-radius:12px;color:#f57c00;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.stat-card .stat-value{color:#2c3e50;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-card .stat-label{color:#7f8c8d;font-size:.875rem;margin:0}.stat-card.stat-success{border-left-color:#4caf50}.stat-card.stat-success .stat-icon{background:rgba(76,175,80,.1);color:#4caf50}.stat-card.stat-info{border-left-color:#2196f3}.stat-card.stat-info .stat-icon{background:rgba(33,150,243,.1);color:#2196f3}.stat-card.stat-warning{border-left-color:#ff9800}.stat-card.stat-warning .stat-icon{background:rgba(255,152,0,.1);color:#ff9800}.stat-card.stat-danger{border-left-color:#f44336}.stat-card.stat-danger .stat-icon{background:rgba(244,67,54,.1);color:#f44336}.table{margin-bottom:0}.table thead th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:.875rem 1rem;white-space:nowrap}.table tbody td{color:#7f8c8d;padding:.875rem 1rem;vertical-align:middle}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background-color:rgba(245,124,0,.03)}.table-responsive{border-radius:.5rem}.avatar-circle{align-items:center;border-radius:50%;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.avatar-circle.avatar-sm{font-size:.875rem;height:32px;width:32px}.avatar-circle.avatar-lg{font-size:1.25rem;height:56px;width:56px}.form-label{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.form-label.required:after{color:#f44336;content:"*";margin-left:.25rem}.form-label.required:after,label.required:after{color:#f44336;content:" *"}.form-control,.form-select{border:1px solid #e9ecef;border-radius:.375rem;padding:.5rem .875rem;transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus,.form-select:focus{border-color:#f57c00;box-shadow:0 0 0 .2rem rgba(245,124,0,.15)}.btn{border-radius:.375rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.btn.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn.btn-lg{font-size:1rem;padding:.625rem 1.25rem}.btn-primary{background-color:#f57c00;border-color:#f57c00}.btn-primary:focus,.btn-primary:hover{background-color:#e65100;border-color:#e65100}.btn-outline-primary{border-color:#f57c00;color:#f57c00}.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:#f57c00;border-color:#f57c00;color:#fff}.badge{border-radius:.25rem;font-weight:500;padding:.375rem .625rem}.alert{border:none;border-left:4px solid;border-radius:.5rem}.alert.alert-success{background-color:rgba(76,175,80,.1);border-left-color:#4caf50;color:#2d682f}.alert.alert-danger{background-color:rgba(244,67,54,.1);border-left-color:#f44336;color:#ba160a}.alert.alert-warning{background-color:rgba(255,152,0,.1);border-left-color:#ff9800;color:#995b00}.alert.alert-info{background-color:rgba(33,150,243,.1);border-left-color:#2196f3;color:#0960a5}.empty-state{color:#95a5a6;padding:3rem 1.5rem;text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state .empty-title{color:#7f8c8d;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state .empty-description{margin-bottom:1.5rem}.action-buttons{display:flex;gap:.375rem;justify-content:flex-end}.action-buttons .btn{font-size:.8125rem;padding:.25rem .5rem}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.status-badge:before{border-radius:50%;content:"";height:6px;margin-right:.375rem;width:6px}.status-badge.status-pending{background-color:rgba(255,152,0,.1);color:#e65100}.status-badge.status-pending:before{background-color:#ff9800}.status-badge.status-confirmed{background-color:rgba(33,150,243,.1);color:#1565c0}.status-badge.status-confirmed:before{background-color:#2196f3}.status-badge.status-completed{background-color:rgba(76,175,80,.1);color:#2e7d32}.status-badge.status-completed:before{background-color:#4caf50}.status-badge.status-cancelled{background-color:hsla(0,0%,62%,.1);color:#616161}.status-badge.status-cancelled:before{background-color:#9e9e9e}@media (max-width:991.98px){.merchant-content{padding:calc(60px + 1rem) 1rem 1rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-card .stat-value{font-size:1.5rem}}@media (max-width:575.98px){.stats-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}.merchant-sidebar{background:linear-gradient(180deg,#2c3e50,#233140);bottom:0;box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:1000}@media (max-width:991.98px){.merchant-sidebar{transform:translateX(-100%)}.merchant-sidebar.active{transform:translateX(0)}}.sidebar-header{border-bottom:1px solid hsla(0,0%,100%,.1);padding:1.25rem 1.5rem}.sidebar-header .sidebar-brand{align-items:center;color:#fff;display:flex;text-decoration:none}.sidebar-header .sidebar-brand .brand-icon{align-items:center;background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;margin-right:.75rem;width:40px}.sidebar-header .sidebar-brand .brand-text .brand-name{color:#fff;font-size:1.125rem;font-weight:600;line-height:1.2;margin:0}.sidebar-header .sidebar-brand .brand-text .brand-subtitle{color:#95a5a6;font-size:.75rem;margin:0}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:2px}.nav-section{margin-bottom:.5rem}.nav-section .nav-section-title{color:#95a5a6;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;padding:.5rem 1.5rem;text-transform:uppercase}.nav-item{margin-bottom:2px;padding:0 .75rem}.nav-link{align-items:center;border-radius:.5rem;color:#ecf0f1;display:flex;font-size:.875rem;padding:.625rem .875rem;text-decoration:none;transition:all .2s ease}.nav-link .nav-icon{font-size:1rem;margin-right:.75rem;opacity:.8;width:20px}.nav-link .nav-text{flex:1}.nav-link .nav-badge{background:#f57c00;border-radius:1rem;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .5rem}.nav-link:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.nav-link:hover .nav-icon{opacity:1}.nav-link.active{background:linear-gradient(135deg,#f57c00,#ff9800);box-shadow:0 4px 12px rgba(245,124,0,.4);color:#fff}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.1);padding:1rem 1.5rem}.sidebar-footer .sidebar-user{align-items:center;background:hsla(0,0%,100%,.05);border-radius:.5rem;display:flex;margin-bottom:.75rem;padding:.75rem}.sidebar-footer .sidebar-user .user-avatar{align-items:center;background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:50%;color:#fff;display:flex;font-weight:600;height:36px;justify-content:center;margin-right:.75rem;width:36px}.sidebar-footer .sidebar-user .user-info{flex:1;min-width:0}.sidebar-footer .sidebar-user .user-info .user-name{color:#fff;font-size:.875rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .sidebar-user .user-info .user-role{color:#95a5a6;font-size:.75rem;margin:0}.sidebar-footer .btn-logout{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:.5rem;color:#ecf0f1;display:flex;font-size:.875rem;justify-content:center;padding:.625rem;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-footer .btn-logout i{margin-right:.5rem}.sidebar-footer .btn-logout:hover{background:rgba(244,67,54,.2);color:#ff6b6b}.sidebar-overlay{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:991.98px){.sidebar-overlay.active{display:block}}.merchant-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;height:60px;justify-content:space-between;left:250px;padding:0 1.5rem;position:fixed;right:0;top:0;transition:left .3s ease;z-index:100}@media (max-width:991.98px){.merchant-header{left:0}}.header-left{align-items:center;display:flex}.header-left .menu-toggle{background:transparent;border:none;border-radius:.5rem;cursor:pointer;display:none;height:40px;margin-right:1rem;transition:background-color .2s ease;width:40px}.header-left .menu-toggle i{color:#2c3e50;font-size:1.25rem}.header-left .menu-toggle:hover{background-color:rgba(245,124,0,.1)}@media (max-width:991.98px){.header-left .menu-toggle{align-items:center;display:flex;justify-content:center}}.header-left .page-title{color:#2c3e50;font-size:1.125rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.header-right .header-item{position:relative}.header-right .store-badge{align-items:center;background:rgba(245,124,0,.1);border-radius:2rem;color:#f57c00;display:flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.header-right .store-badge i{margin-right:.5rem}.header-right .header-dropdown .dropdown-toggle{align-items:center;background:transparent;border:none;border-radius:.5rem;cursor:pointer;display:flex;padding:.5rem;transition:background-color .2s ease}.header-right .header-dropdown .dropdown-toggle:hover{background-color:#f5f5f5}.header-right .header-dropdown .dropdown-toggle:after{display:none}.header-right .header-dropdown .user-avatar{align-items:center;background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.header-right .header-dropdown .dropdown-menu{border:none;border-radius:.5rem;box-shadow:0 1rem 3rem rgba(0,0,0,.15);min-width:200px;padding:.5rem}.header-right .header-dropdown .dropdown-menu .dropdown-header{background:#f8f9fa;border-radius:.375rem;margin-bottom:.5rem;padding:.75rem}.header-right .header-dropdown .dropdown-menu .dropdown-header .user-name{color:#2c3e50;font-weight:600;margin:0}.header-right .header-dropdown .dropdown-menu .dropdown-header .user-email{color:#95a5a6;font-size:.75rem;margin:0}.header-right .header-dropdown .dropdown-menu .dropdown-item{border-radius:.375rem;font-size:.875rem;padding:.625rem .75rem}.header-right .header-dropdown .dropdown-menu .dropdown-item i{margin-right:.5rem;width:16px}.header-right .header-dropdown .dropdown-menu .dropdown-item:hover{background-color:rgba(245,124,0,.1);color:#f57c00}.header-right .header-dropdown .dropdown-menu .dropdown-item.text-danger:hover{background-color:rgba(244,67,54,.1);color:#f44336}.header-right .header-dropdown .dropdown-menu .dropdown-divider{margin:.5rem 0}.breadcrumb-wrapper{margin-bottom:1rem}.breadcrumb-wrapper .breadcrumb{background:transparent;margin:0;padding:0}.breadcrumb-wrapper .breadcrumb .breadcrumb-item{font-size:.875rem}.breadcrumb-wrapper .breadcrumb .breadcrumb-item a{color:#7f8c8d;text-decoration:none}.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover{color:#f57c00}.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active{color:#2c3e50}.breadcrumb-wrapper .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#95a5a6;content:"\f285";font-family:bootstrap-icons;font-size:.75rem}.auth-page{background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.auth-container,.auth-page{display:flex;min-height:100vh}.auth-container{width:100%}@media (max-width:991.98px){.auth-container{flex-direction:column}}.auth-brand{align-items:center;background:linear-gradient(135deg,#f57c00,#e65100);display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}@media (max-width:991.98px){.auth-brand{min-height:200px;padding:2rem}}.auth-brand:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.auth-brand .brand-content{color:#fff;position:relative;text-align:center;z-index:1}.auth-brand .brand-content .brand-logo{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.auth-brand .brand-content .brand-logo i{font-size:2.5rem}.auth-brand .brand-content .brand-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}@media (max-width:991.98px){.auth-brand .brand-content .brand-title{font-size:1.5rem}}.auth-brand .brand-content .brand-subtitle{font-size:1rem;opacity:.9}@media (max-width:991.98px){.auth-brand .brand-content .brand-subtitle{font-size:.875rem}}.auth-brand .brand-features{display:flex;flex-direction:column;gap:1rem;margin-top:3rem;position:relative;z-index:1}@media (max-width:991.98px){.auth-brand .brand-features{display:none}}.auth-brand .brand-features .feature-item{align-items:center;color:hsla(0,0%,100%,.9);display:flex}.auth-brand .brand-features .feature-item i{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:.75rem;height:24px;justify-content:center;margin-right:.75rem;width:24px}.auth-brand .brand-features .feature-item span{font-size:.875rem}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.auth-form-wrapper{align-items:center;display:flex;flex:1;justify-content:center;padding:3rem}@media (max-width:991.98px){.auth-form-wrapper{padding:2rem 1.5rem}}.auth-form-container{max-width:400px;width:100%}.auth-form-header{margin-bottom:2rem;text-align:center}.auth-form-header .auth-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.auth-form-header .auth-subtitle{color:#7f8c8d;font-size:.875rem;margin:0}.auth-form .form-group{margin-bottom:1.25rem}.auth-form .form-label{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.auth-form .form-control{border:1px solid #e9ecef;border-radius:.5rem;font-size:.9375rem;height:48px;padding:0 1rem;transition:all .2s ease}.auth-form .form-control:focus{border-color:#f57c00;box-shadow:0 0 0 3px rgba(245,124,0,.15)}.auth-form .form-control.is-invalid{border-color:#f44336}.auth-form .form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(244,67,54,.15)}.auth-form .input-group .form-control,.auth-form .input-group .form-control:focus{border-right:none}.auth-form .input-group .input-group-text{background:#fff;border:1px solid #e9ecef;border-left:none;border-radius:0 .5rem .5rem 0;cursor:pointer;transition:all .2s ease}.auth-form .input-group .input-group-text:hover{color:#f57c00}.auth-form .form-check{margin-bottom:1.5rem}.auth-form .form-check .form-check-input{height:18px;margin-top:.125rem;width:18px}.auth-form .form-check .form-check-input:checked{background-color:#f57c00;border-color:#f57c00}.auth-form .form-check .form-check-input:focus{box-shadow:0 0 0 3px rgba(245,124,0,.15)}.auth-form .form-check .form-check-label{color:#7f8c8d;font-size:.875rem}.auth-form .btn-auth{background:linear-gradient(135deg,#f57c00,#ff9800);border:none;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;height:48px;transition:all .3s ease;width:100%}.auth-form .btn-auth:hover{box-shadow:0 4px 12px rgba(245,124,0,.4);transform:translateY(-1px)}.auth-form .btn-auth:active{transform:translateY(0)}.auth-form .btn-auth:disabled{box-shadow:none;opacity:.7;transform:none}.auth-form .invalid-feedback{font-size:.8125rem}.auth-form-footer{border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-form-footer p{color:#7f8c8d;font-size:.875rem;margin:0}.auth-form-footer p a{color:#f57c00;font-weight:500;text-decoration:none}.auth-form-footer p a:hover{text-decoration:underline}.auth-alert{border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem 1rem}.auth-alert.alert-danger{background-color:rgba(244,67,54,.1);border-left:3px solid #f44336;color:#c62828}.auth-alert.alert-success{background-color:rgba(76,175,80,.1);border-left:3px solid #4caf50;color:#2e7d32}
