*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin-layout{background:#f3f4f6;display:flex;height:100vh}.sidebar{background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;width:260px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.sidebar-header h1{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.sidebar-nav{flex:1 1;padding:1rem 0}.nav-link{color:#4b5563;display:block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#1f2937}.main-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.logout-btn{background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.logout-btn:hover{background:#dc2626}.main-content{flex:1 1;overflow:auto;padding:1.5rem}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:2.5rem;width:100%}.login-card h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-card>p{color:#6b7280;margin:0 0 2rem}.error-message{background:#fee2e2;border-radius:.375rem;color:#991b1b;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-btn{background:#667eea;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background .2s;width:100%}.login-btn:hover:not(:disabled){background:#5568d3}.login-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-page{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:#111827;font-size:2rem;font-weight:700;margin:0}.refresh-btn{font-size:.875rem;font-weight:500;padding:.625rem 1.25rem}.refresh-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid-main{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card-large{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.stat-card-large:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.stat-card-large.revenue{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#10b98120}.stat-card-large.orders{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#3b82f620}.stat-card-large.pending{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#ef444420}.stat-card-large.users{background:linear-gradient(135deg,#fff,#fffbeb);border-color:#f59e0b20}.stat-icon{font-size:2.5rem;line-height:1}.stat-value{line-height:1.2;margin-bottom:.25rem}.stat-sub{color:#9ca3af;font-size:.875rem;font-weight:400}.chart-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.chart-section h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.revenue-bars{display:flex;flex-direction:column;gap:1rem}.revenue-bar-item{align-items:center;display:flex;gap:1rem}.bar-label{color:#374151;font-size:.875rem;font-weight:500;width:80px}.bar-container{background:#f3f4f6;border-radius:.5rem;flex:1 1;height:36px;overflow:hidden;position:relative}.bar{border-radius:.5rem;height:100%;min-width:2px;transition:width .5s ease}.bar.today{background:linear-gradient(90deg,#10b981,#34d399)}.bar.week{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar.month{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.bar-value{color:#111827;font-size:.875rem;font-weight:600;text-align:right;width:120px}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.dashboard-card h2{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 1.25rem}.status-distribution{display:flex;flex-direction:column;gap:.75rem}.status-bar,.status-item{display:flex}.status-bar{align-items:center;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;justify-content:space-between;min-width:120px;padding:.75rem 1rem;transition:all .3s}.status-bar.pending{background:#ef4444}.status-bar.processing{background:#f59e0b}.status-bar.completed{background:#10b981}.status-bar.cancelled{background:#6b7280}.status-name{flex:1 1}.status-count{font-size:1rem;font-weight:700}.top-products-list{display:flex;flex-direction:column;gap:.75rem}.product-item{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;gap:1rem;padding:.875rem;transition:all .2s}.product-item:hover{background:#f3f4f6;transform:translateX(4px)}.product-rank{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.product-info{flex:1 1}.product-name{color:#111827;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.product-stats{color:#6b7280;font-size:.75rem}.recent-orders-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.view-all-btn{background:#0000;border:1px solid #3b82f6;border-radius:.5rem;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-all-btn:hover{background:#3b82f6;color:#fff}.recent-orders-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.recent-order-item{background:#f9fafb;border:1px solid #0000;border-radius:.75rem;padding:1rem;transition:all .2s}.recent-order-item:hover{background:#f3f4f6;border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.order-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.order-number{color:#111827;font-size:.875rem}.order-status-badge{border-radius:.375rem;font-size:.75rem;padding:.25rem .625rem}.order-customer-name{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.order-meta{align-items:center;color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.order-date{color:#9ca3af}.order-amount{color:#10b981;font-weight:600}.error-state{color:#ef4444}.retry-btn{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.625rem 1.5rem;transition:all .2s}.retry-btn:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.dashboard-page{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-grid,.recent-orders-list,.stats-grid-main{grid-template-columns:1fr}.revenue-bar-item{align-items:stretch;flex-direction:column;gap:.5rem}.bar-label{width:100%}.bar-value{text-align:left;width:100%}.stat-value{font-size:1.5rem}}@media (max-width:480px){.stat-icon{font-size:2rem}.stat-value{font-size:1.25rem}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.orders-page{max-width:1400px}.orders-page h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 1.5rem}.filters-card{display:flex;flex-direction:column;gap:1.25rem}.filters-top-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.search-form{align-items:center}.search-input-wrapper{max-width:500px}.search-icon{color:#6b7280;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e5e7eb;font-size:.938rem;padding:.75rem 3rem}.clear-search-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search-btn:hover{background:#f3f4f6;color:#374151}.search-btn{font-size:.938rem;font-weight:600;padding:.75rem 1.5rem}.search-btn:hover{box-shadow:0 4px 6px -1px #3b82f64d;transform:translateY(-1px)}.date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.date-input-wrapper{align-items:center;display:flex;position:relative}.date-icon{color:#6b7280;left:.75rem;pointer-events:none;position:absolute;z-index:1}.date-input{border:2px solid #e5e7eb;border-radius:.5rem;font-size:.938rem;min-width:160px;padding:.75rem .75rem .75rem 2.75rem;transition:all .2s}.date-input:focus{border-color:#3b82f6;outline:none}.date-label{color:#9ca3af;font-size:.875rem;left:2.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}.date-input:focus+.date-label,.date-input:valid+.date-label{opacity:0}.clear-filters-btn{align-items:center;background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#dc2626;box-shadow:0 4px 6px -1px #ef44444d;transform:translateY(-1px)}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#f3f4f6;border:none;border-radius:.375rem;color:#4b5563;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:#3b82f6;color:#fff}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.order-info{align-items:center;display:flex;gap:1rem}.order-number{font-size:1.125rem}.order-amount,.order-number{color:#1f2937;font-weight:700}.order-amount{font-size:1.25rem}.order-customer{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.customer-name{color:#374151;font-weight:600;margin-bottom:.25rem}.customer-email,.customer-phone{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.order-date{margin-bottom:1rem}.order-actions{display:flex;gap:.5rem}.status-select{border-radius:.375rem;padding:.5rem 1rem}.view-btn{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.view-btn:hover{background:#2563eb}.empty-state,.loading{color:#6b7280;padding:3rem;text-align:center}.order-detail-page{margin:0 auto;max-width:1400px;padding:2rem}.order-detail-header{margin-bottom:2rem}.back-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;transition:all .2s}.back-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.order-header-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.order-header-info h1{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.order-date{color:#6b7280;font-size:.875rem;margin:0}.order-status-section{align-items:center;display:flex;gap:1rem}.order-status-badge{align-items:center;border-radius:.5rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.status-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;min-width:150px;padding:.625rem 1rem;transition:all .2s}.status-select:hover:not(:disabled){border-color:#3b82f6}.status-select:disabled{cursor:not-allowed;opacity:.6}.order-detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.order-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.order-section h2{align-items:center;border-bottom:2px solid #f3f4f6;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.order-items-section{grid-column:1/-1}.order-items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.order-item{align-items:flex-start;background:#f9fafb;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.order-item:hover{background:#f3f4f6}.item-info{flex:1 1}.item-name{color:#111827;font-size:.938rem;font-weight:600;margin-bottom:.5rem}.item-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.813rem;gap:1rem}.item-price{color:#111827;font-size:1rem;font-weight:700;margin-left:1rem;white-space:nowrap}.order-total{align-items:center;background:#f3f4f6;border-radius:.5rem;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:1rem}.total-amount{color:#10b981;font-size:1.5rem;font-weight:700}.info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.address-info p,.info-item div{font-size:.938rem}.address-info p{color:#374151;line-height:1.6;margin:0 0 .5rem}.address-info p:last-child{margin-bottom:0}.pickup-info{padding:0}.pickup-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:.75rem;box-shadow:0 4px 6px -1px #10b9814d;color:#fff;font-size:.938rem;font-weight:600;padding:.75rem 1.25rem}.delivery-badge,.pickup-badge{align-items:center;display:inline-flex;gap:.5rem}.payment-amount{color:#10b981!important;font-size:1.125rem!important;font-weight:700!important}.photos-section{grid-column:1/-1}.photos-header h2{margin:0}.download-all-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.download-all-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px -1px #3b82f64d;transform:translateY(-1px)}.download-all-btn:disabled{cursor:not-allowed;opacity:.6}.photos-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.photo-item{aspect-ratio:1;background:#f3f4f6;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.photo-item:hover{box-shadow:0 10px 20px -5px #0003;transform:translateY(-4px)}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-overlay{align-items:flex-start;background:linear-gradient(180deg,#0009,#0000004d);gap:.5rem;justify-content:flex-end;padding:.75rem}.photo-item:hover .photo-overlay{opacity:1}.photo-action-btn{background:#fffffff2;border-radius:.5rem;color:#111827;height:40px;width:40px}.photo-action-btn:hover{background:#fff;box-shadow:0 4px 6px -1px #0003}.photo-modal-overlay{background:#000000f2;z-index:9999}.photo-modal-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:90vw}.photo-modal-close{background:#ffffff1a;border:2px solid #ffffff4d;height:48px;right:0;top:-3rem;width:48px}.photo-modal-close:hover{background:#fff3;transform:scale(1.1)}.photo-modal-image{border-radius:.5rem;box-shadow:0 20px 25px -5px #0000004d;max-height:calc(90vh - 120px);max-width:100%}.photo-modal-download-btn{border-radius:.75rem;box-shadow:0 4px 6px -1px #3b82f666;font-size:1rem;gap:.75rem;padding:1rem 2rem}.photo-modal-download-btn:hover{box-shadow:0 8px 12px -2px #3b82f680;transform:translateY(-2px)}.notes-section{grid-column:1/-1}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.notes-header h2{border:none;margin:0;padding:0}.edit-notes-btn{align-items:center;background:#6366f1;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.edit-notes-btn:hover{background:#4f46e5;box-shadow:0 4px 6px -1px #6366f14d;transform:translateY(-1px)}.notes-edit-section{display:flex;flex-direction:column;gap:1rem}.notes-textarea{border:2px solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:.938rem;line-height:1.6;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.notes-textarea:focus{border-color:#6366f1;outline:none}.notes-actions{display:flex;gap:.75rem;justify-content:flex-end}.save-notes-btn{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.save-notes-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px -1px #10b9814d;transform:translateY(-1px)}.save-notes-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-notes-btn{align-items:center;background:#6b7280;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-notes-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.cancel-notes-btn:disabled{cursor:not-allowed;opacity:.6}.notes-display{padding:.5rem 0}.notes-display p{color:#374151;line-height:1.6;margin:0;white-space:pre-wrap}.notes-empty{color:#9ca3af!important;font-style:italic}.empty-state-small{color:#9ca3af;font-size:.875rem;padding:2rem 1rem;text-align:center}.print-btn{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.print-btn:hover{background:#059669;box-shadow:0 4px 6px -1px #10b9814d;transform:translateY(-1px)}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}@media print{.download-all-btn,.no-print,.photo-action-btn,.photo-modal-overlay,.photo-overlay{display:none!important}body{background:#fff!important}.order-detail-page{max-width:100%;padding:0}.order-detail-header{border-bottom:2px solid #000;margin-bottom:1.5rem;padding:1rem 0}.order-header-info{flex-direction:column;gap:.5rem}.order-status-section{justify-content:flex-start}.order-detail-grid{gap:1rem;grid-template-columns:1fr 1fr;page-break-inside:avoid}.order-section{border:1px solid #e5e7eb;padding:1rem;page-break-inside:avoid}.order-section h2{font-size:1rem;margin-bottom:.75rem}.photos-section{page-break-before:always}.photos-header h2{margin:0 0 1rem}.photos-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.photo-item{border:1px solid #e5e7eb}.order-items-section{page-break-inside:avoid}*{box-shadow:none!important;transition:none!important}}.error-state p{color:#ef4444;font-size:1.125rem;margin-bottom:1rem}@media (max-width:768px){.order-detail-page{padding:1rem}.order-header-info{flex-direction:column}.order-header-info h1{font-size:1.5rem}.order-status-section{align-items:stretch;flex-direction:column;width:100%}.status-select{width:100%}.order-detail-grid{grid-template-columns:1fr}.order-item{flex-direction:column;gap:.75rem}.item-price{margin-left:0}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.back-btn{justify-content:center;width:100%}.photos-grid{grid-template-columns:repeat(2,1fr)}}.photos-page{margin:0 auto;max-width:1600px}.photos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.photos-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.refresh-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.refresh-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #3b82f64d;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;border-radius:.5rem;display:flex}.stat-icon{color:#fff;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-label{font-size:.875rem;margin-bottom:.25rem}.stat-value{color:#1f2937;font-size:2rem}.photos-tabs{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.photos-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#3b82f6}.tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.filters-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group{flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.filter-select{border:2px solid #e5e7eb;border-radius:.375rem;font-size:.938rem;padding:.75rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.albums-content,.photos-content{min-height:400px}.photos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.photo-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;transition:all .2s}.photo-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.photo-card.deleted{border:2px solid #ef4444;opacity:.7}.deleted-badge{align-items:center;background:#ef4444;display:flex;font-weight:600;gap:.25rem;left:.5rem}.deleted-badge,.raw-badge{border-radius:.375rem;color:#fff;font-size:.75rem;padding:.25rem .75rem;position:absolute;top:.5rem;z-index:2}.raw-badge{background:#8b5cf6;font-weight:700;right:.5rem}.photo-image-wrapper{background:#f3f4f6;height:280px;overflow:hidden;position:relative;width:100%}.photo-image-wrapper img{cursor:pointer;height:100%;object-fit:cover;transition:transform .3s;width:100%}.photo-card:hover .photo-image-wrapper img{transform:scale(1.05)}.photo-placeholder{color:#9ca3af;height:100%;width:100%}.photo-overlay,.photo-placeholder{align-items:center;display:flex;justify-content:center}.photo-overlay{background:#0009;bottom:0;gap:1rem;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.photo-card:hover .photo-overlay{opacity:1}.photo-action-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.photo-action-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.photo-info{padding:1rem}.photo-filename{color:#1f2937;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-meta{color:#6b7280;display:flex;font-size:.875rem;gap:1rem}.photo-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.hard-delete-btn,.restore-btn,.soft-delete-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.soft-delete-btn{background:#fee2e2;color:#991b1b}.soft-delete-btn:hover{background:#fecaca}.restore-btn{background:#dbeafe;color:#1e40af}.restore-btn:hover{background:#bfdbfe}.hard-delete-btn{background:#ef4444;color:#fff}.hard-delete-btn:hover{background:#dc2626}.albums-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.album-card{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;transition:all .2s}.album-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.album-icon{align-items:center;background:#f3f4f6;border-radius:.5rem;color:#3b82f6;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.album-info{flex:1 1}.album-name{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.album-description{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.album-meta{color:#9ca3af;display:flex;font-size:.875rem;gap:1rem}.empty-state{padding:4rem 2rem}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state p{font-size:1.125rem;margin:0}.photo-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.photo-modal-content{background:#fff;border-radius:.5rem;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}.photo-modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px;z-index:10}.photo-modal-close:hover{background:#000c}.photo-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:2rem}.photo-modal-header h3{color:#1f2937;font-size:1.5rem;margin:0}.raw-badge-large{background:#8b5cf6;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:700;padding:.5rem 1rem}.photo-modal-image{background:#000;max-height:600px;object-fit:contain;width:100%}.photo-modal-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.photo-modal-placeholder p{margin-top:1rem}.photo-modal-info{background:#f9fafb;border-top:1px solid #e5e7eb;padding:2rem}.info-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-weight:600}.photo-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;padding:2rem}.photo-modal-download-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s}.photo-modal-download-btn:hover{background:#2563eb}.delete-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1001}.delete-modal-content{background:#fff;border-radius:.5rem;max-width:600px;width:100%}.delete-modal-header{border-bottom:1px solid #e5e7eb;padding:2rem;text-align:center}.delete-modal-header svg{margin-bottom:1rem}.delete-modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.delete-modal-body{padding:2rem}.delete-modal-body p{color:#374151;line-height:1.6;margin-bottom:1rem}.delete-warning{color:#ef4444;font-weight:600}.delete-warning-strong{background:#fee2e2;border-radius:.375rem;color:#991b1b;font-weight:700;padding:1rem;text-align:center}.delete-list{margin:1rem 0;padding-left:1.5rem}.delete-list li{color:#374151;margin-bottom:.5rem}.delete-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem}.cancel-delete-btn,.confirm-delete-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.cancel-delete-btn{background:#f3f4f6;color:#374151}.cancel-delete-btn:hover{background:#e5e7eb}.confirm-delete-btn{background:#ef4444;color:#fff}.confirm-delete-btn:hover{background:#dc2626}.loading{font-size:1.125rem}.users-page{margin:0 auto;max-width:1600px;padding:2rem}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.users-header h1{color:#111827;font-size:2rem;font-weight:700;margin:0}.users-count{align-items:center;background:#f3f4f6;border-radius:.5rem;color:#374151;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem}.users-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-form{display:flex;flex:1 1;gap:.75rem;min-width:300px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-input-wrapper svg{color:#9ca3af;left:1rem;position:absolute}.search-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.625rem 1rem .625rem 2.75rem;transition:all .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-btn{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s;white-space:nowrap}.search-btn:hover{background:#2563eb}.filter-group{display:flex;gap:.75rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.625rem 1rem;transition:all .2s}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.users-table-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.users-table th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#374151;font-size:.875rem;padding:1rem 1.5rem}.email-cell{color:#111827;font-weight:500}.date-cell{color:#6b7280;font-size:.813rem}.role-badge,.status-badge{border-radius:.375rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.actions-cell{align-items:center;display:flex;gap:.5rem}.action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s}.action-btn:hover{background:#f3f4f6}.action-btn.view{border-color:#3b82f6;color:#3b82f6}.action-btn.view:hover{background:#eff6ff}.action-btn.ban{border-color:#ef4444;color:#ef4444}.action-btn.ban:hover{background:#fef2f2}.action-btn.unban{border-color:#10b981;color:#10b981}.action-btn.unban:hover{background:#f0fdf4}.role-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.75rem;padding:.375rem .625rem;transition:all .2s}.role-select:focus,.role-select:hover{border-color:#3b82f6}.role-select:focus{box-shadow:0 0 0 2px #3b82f61a;outline:none}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:1rem;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:1.5rem}.user-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.info-item label{color:#6b7280;display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.info-item div{color:#111827;font-size:.875rem;font-weight:500}.user-stats{border-top:1px solid #e5e7eb;padding-top:1.5rem}.user-stats h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#f9fafb;border-radius:.5rem;padding:1rem;text-align:center}.stat-label{color:#6b7280;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:#111827;font-size:1.5rem;font-weight:700}.stats-loading{color:#6b7280;padding:2rem}.empty-state,.stats-loading{font-size:.875rem;text-align:center}.empty-state{color:#9ca3af;padding:3rem 1rem}.loading{align-items:center;color:#6b7280;display:flex;font-size:1rem;justify-content:center;min-height:400px}@media (max-width:1024px){.users-table-container{overflow-x:auto}.users-table{min-width:800px}}@media (max-width:768px){.users-page{padding:1rem}.users-header{align-items:flex-start;gap:1rem}.users-filters,.users-header{flex-direction:column}.search-form{min-width:100%}.filter-group{width:100%}.filter-select{flex:1 1}.stats-grid,.user-info-grid{grid-template-columns:1fr}.actions-cell{flex-wrap:wrap}}@media (max-width:480px){.users-header h1{font-size:1.5rem}.modal-content{border-radius:0;margin:0;max-height:100vh}.search-form{flex-direction:column}.search-btn{width:100%}}
/*# sourceMappingURL=main.d1dcdf24.css.map*/