.outlet-layout-wrapper{background:var(--bg-color,#f8f1e4);min-height:100dvh;display:flex}.outlet-main-content{flex:1;max-width:calc(100vw - 260px);max-height:100dvh;margin-left:260px;padding:2rem 3rem;overflow-y:auto}.outlet-page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.outlet-page-header h1{font-family:var(--font-playfair), serif;color:var(--primary-color,#3e2723);margin:0;font-size:1.8rem;font-weight:700}.outlet-page-subtitle{color:var(--text-secondary,#5d4037);margin-top:4px;font-size:.88rem}.outlet-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.outlet-stat-card{border:1px solid var(--border-color,#d7ccc8);border-top:3px solid var(--primary-color,#3e2723);background:#fff;border-radius:10px;align-items:center;gap:1.25rem;padding:1.25rem;transition:transform .2s;display:flex;box-shadow:0 1px 4px #0000000f}.outlet-stat-card:hover{transform:translateY(-2px)}.outlet-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.outlet-stat-icon.blue{color:#1976d2;background:#1976d214}.outlet-stat-icon.green{color:#2e7d32;background:#2e7d3214}.outlet-stat-icon.orange{color:#e65100;background:#e6510014}.outlet-stat-icon.red{color:var(--accent-red,#b71c1c);background:#b71c1c14}.outlet-stat-icon.purple{color:#6a1b9a;background:#6a1b9a14}.outlet-stat-icon.teal{color:#00796b;background:#00796b14}.outlet-stat-info h3{color:var(--primary-color,#3e2723);margin:0;font-size:1.6rem;font-weight:700}.outlet-stat-info p{color:var(--text-secondary,#5d4037);text-transform:uppercase;letter-spacing:.5px;margin:2px 0 0;font-size:.82rem}.outlet-chart-container{border:1px solid var(--border-color,#d7ccc8);background:#fff;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.outlet-chart-container h2{font-family:var(--font-playfair), serif;color:var(--primary-color,#3e2723);margin:0 0 1.25rem;font-size:1.1rem;font-weight:600}.outlet-chart-body{height:300px}.outlet-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.outlet-card{border:1px solid var(--border-color,#d7ccc8);background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.outlet-card h2{font-family:var(--font-playfair), serif;color:var(--primary-color,#3e2723);border-bottom:1px solid var(--border-color,#d7ccc8);margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.outlet-list{margin:0;padding:0;list-style:none}.outlet-list-item{border-bottom:1px solid #f5ebe6;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.outlet-list-item:last-child{border-bottom:none}.outlet-list-item-info h4{color:var(--text-primary,#3e2723);margin:0;font-size:.88rem;font-weight:600}.outlet-list-item-info p{color:var(--text-secondary,#5d4037);margin:2px 0 0;font-size:.78rem}.outlet-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.outlet-badge.red{color:var(--accent-red,#b71c1c);background:#ffebee}.outlet-badge.green{color:#2e7d32;background:#e8f5e9}.outlet-badge.yellow{color:#e65100;background:#fff3e0}.outlet-badge.blue{color:#1565c0;background:#e3f2fd}.outlet-badge.purple{color:#6a1b9a;background:#f3e5f5}.outlet-badge.gray{color:var(--text-secondary,#5d4037);background:#f5ebe6}.outlet-quick-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:2rem;display:grid}.outlet-quick-action-btn{border:1px solid var(--border-color,#d7ccc8);cursor:pointer;color:var(--text-primary,#3e2723);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:90px;padding:20px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.outlet-quick-action-btn:hover{border-color:var(--primary-color,#3e2723);color:var(--accent-gold,#ffb300);box-shadow:0 2px 12px #3e272314}.outlet-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.outlet-filter-bar select,.outlet-filter-bar input{border:1px solid var(--border-color,#d7ccc8);background:#fff;border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.outlet-filter-bar select:focus,.outlet-filter-bar input:focus{border-color:var(--primary-color,#3e2723)}.outlet-filter-bar .search-input{min-width:200px}.outlet-form{border:1px solid var(--border-color,#d7ccc8);background:#fff;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.outlet-form h3{font-family:var(--font-playfair), serif;color:var(--primary-color,#3e2723);margin:0 0 1.25rem;font-size:1.1rem;font-weight:600}.outlet-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.outlet-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.outlet-btn.primary{background:var(--primary-color,#3e2723);color:#fff}.outlet-btn.primary:hover{background:#4a3228;transform:translateY(-1px)}.outlet-btn.primary:disabled{background:var(--border-color,#d7ccc8);cursor:not-allowed}.outlet-btn.success{color:#fff;background:#2e7d32}.outlet-btn.success:hover{background:#1b5e20}.outlet-btn.danger{background:var(--accent-red,#b71c1c);color:#fff}.outlet-btn.danger:hover{background:var(--accent-red-hover,#9a1515)}.outlet-btn.outline{border:1px solid var(--border-color,#d7ccc8);color:var(--text-primary,#3e2723);background:0 0}.outlet-btn.outline:hover{border-color:var(--primary-color,#3e2723);color:var(--primary-color,#3e2723)}.outlet-btn.sm{padding:6px 12px;font-size:12px}.outlet-loading{min-height:60vh;color:var(--text-secondary,#5d4037);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.outlet-loading-spinner{border:4px solid var(--border-color,#d7ccc8);border-top-color:var(--primary-color,#3e2723);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ospin}@keyframes ospin{to{transform:rotate(360deg)}}.outlet-empty{text-align:center;color:var(--text-secondary,#5d4037);padding:40px 20px}.outlet-empty-icon{opacity:.4;margin-bottom:12px;font-size:40px}.outlet-error-banner{border:1px solid #ffcdd2;border-left:4px solid var(--accent-red,#b71c1c);color:#b71c1c;background:#ffebee;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600}.outlet-success-banner{color:#1b5e20;background:#e8f5e9;border:1px solid #c8e6c9;border-left:4px solid #2e7d32;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600}.outlet-subsection-title{color:var(--text-secondary,#5d4037);text-transform:uppercase;letter-spacing:1px;margin:20px 0 12px;font-size:.75rem;font-weight:700}.outlet-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a0f0c99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.outlet-modal{border:1px solid var(--border-color,#d7ccc8);background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000026}.outlet-modal-header{border-bottom:1px solid var(--border-color,#d7ccc8);font-family:var(--font-playfair), serif;color:var(--primary-color,#3e2723);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;font-weight:700;display:flex}.outlet-modal-body{padding:20px}.outlet-btn,.outlet-quick-action-btn,.outlet-tab,.outlet-stat-card,.outlet-sidebar a,.outlet-sidebar button,select,input,textarea,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:768px){.outlet-main-content{max-width:100%;margin-left:0;padding:1rem 1.5rem}.outlet-grid-2{grid-template-columns:1fr}.outlet-stats-grid{grid-template-columns:1fr 1fr}.outlet-form-row{grid-template-columns:1fr}.outlet-page-header h1{font-size:1.35rem}.outlet-filter-bar .search-input{min-width:140px}.outlet-chart-body{height:220px}}@media (max-width:480px){.outlet-main-content{padding:.75rem}.outlet-stats-grid{grid-template-columns:1fr;gap:.75rem}.outlet-stat-card{gap:.75rem;padding:.9rem}.outlet-stat-info h3{font-size:1.25rem}.outlet-page-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:1rem}.outlet-page-header h1{font-size:1.15rem}.outlet-quick-actions{grid-template-columns:repeat(2,1fr);gap:8px}.outlet-quick-action-btn{min-height:72px;padding:14px 8px;font-size:12px}.outlet-filter-bar{flex-direction:column;align-items:stretch}.outlet-filter-bar .search-input{width:100%;min-width:0}.outlet-grid-2{grid-template-columns:1fr;gap:1rem}.outlet-chart-body{height:180px}.outlet-modal{max-width:100%;max-height:85vh;margin:0 10px}.outlet-form-row{grid-template-columns:1fr;gap:10px}.outlet-card,.outlet-chart-container{padding:1rem}.outlet-filter-bar .search-input{width:100%}.outlet-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.outlet-table-wrap table{min-width:600px}.outlet-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.outlet-tab{white-space:nowrap;flex:none}}@media (max-width:360px){.outlet-stats-grid{grid-template-columns:1fr}.outlet-main-content{padding:.5rem}}.outlet-toggle{width:44px;height:24px;display:inline-block;position:relative}.outlet-toggle input{opacity:0;width:0;height:0}.outlet-toggle-slider{cursor:pointer;background:var(--border-color,#d7ccc8);border-radius:24px;transition:all .3s;position:absolute;inset:0}.outlet-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.outlet-toggle input:checked+.outlet-toggle-slider{background:#2e7d32}.outlet-toggle input:checked+.outlet-toggle-slider:before{transform:translate(20px)}.outlet-tabs{background:var(--bg-color-dark,#ede3d0);border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.outlet-tab{text-align:center;color:var(--text-secondary,#5d4037);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.outlet-tab.active{color:var(--text-primary,#3e2723);background:#fff;box-shadow:0 1px 3px #0000001a}.outlet-print-only{display:none}@media print{.outlet-sidebar,.outlet-filter-bar,.outlet-quick-actions,.outlet-btn{display:none!important}.outlet-main-content{max-width:100%;margin-left:0;padding:0}.outlet-chart-container,.outlet-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.outlet-print-only{display:block}.outlet-print-hide{display:none!important}}
