:root{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 3%);--primary: hsl(0, 0%, 9%);--primary-foreground: hsl(0, 0%, 98%);--secondary: hsl(0, 0%, 96%);--secondary-foreground: hsl(0, 0%, 9%);--accent: hsl(140, 22%, 28%);--accent-foreground: hsl(0, 0%, 98%);--muted: hsl(0, 0%, 96%);--muted-foreground: hsl(0, 0%, 45%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 98%);--border: hsl(0, 0%, 90%);--input: hsl(0, 0%, 90%);--ring: hsl(0, 0%, 9%);--success: hsl(142, 71%, 45%);--warning: hsl(45, 93%, 47%);--info: hsl(199, 89%, 48%);--radius: .25rem;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground)}#root{width:100%;height:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));padding:1rem}.login-box{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}@media(max-width:640px){.login-box{padding:1.5rem;border-radius:6px}.login-box h1{font-size:1.5rem}.login-box h2{font-size:1rem}}.login-box h1{text-align:center;color:hsl(var(--foreground));margin-bottom:.5rem;font-size:2rem;font-weight:700;letter-spacing:-.025em}.login-box h2{text-align:center;color:hsl(var(--muted-foreground));margin-bottom:2rem;font-size:1.2rem;font-weight:400;letter-spacing:-.01em}.login-btn{width:100%;margin-top:1rem;padding:.75rem;font-size:1.1rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-box .form-control{border:2px solid #000;background-color:hsl(var(--background))}.login-box .form-control:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsla(var(--accent) / .1)}.dashboard h1{margin-bottom:2rem;color:hsl(var(--foreground));font-weight:700;letter-spacing:-.025em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-content h3{margin:0;color:hsl(var(--muted-foreground));font-size:.9rem;font-weight:500;letter-spacing:-.01em}.stat-number{margin:.5rem 0 0;font-size:2rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:-.025em}.recent-orders{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.recent-orders h2{margin:0 0 1rem;color:hsl(var(--foreground));font-weight:700;letter-spacing:-.025em}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:.75rem;text-align:left;border-bottom:1px solid hsl(var(--border))}.orders-table th{background-color:hsl(var(--muted));font-weight:600;color:hsl(var(--foreground));letter-spacing:-.01em}.orders-table tbody tr:hover{background-color:hsl(var(--muted) / .5)}.status-pending{background-color:#fff3cd;color:#856404}.status-confirmed{background-color:#d1ecf1;color:#0c5460}.status-processing{background-color:#cce5ff;color:#004085}.status-shipped,.status-delivered{background-color:#d4edda;color:#155724}.status-cancelled{background-color:#f8d7da;color:#721c24}@media(max-width:768px){.dashboard h1{font-size:1.5rem;margin-bottom:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.recent-orders{padding:1rem;overflow-x:auto}.orders-table{min-width:600px}.orders-table th,.orders-table td{padding:.5rem;font-size:.875rem}}@media(max-width:480px){.dashboard h1,.stat-number{font-size:1.25rem}}.products-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;color:hsl(var(--foreground));font-weight:700;letter-spacing:-.025em}.empty-state{background:#fff;padding:3rem;border-radius:var(--radius);text-align:center;color:hsl(var(--muted-foreground))}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.product-image{width:100%;height:200px;overflow:hidden;background-color:hsl(var(--muted))}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:1rem}.product-info h3{margin:0 0 .5rem;color:hsl(var(--foreground));font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.product-price{margin:0 0 .5rem;color:hsl(var(--accent));font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.product-description{margin:0;color:hsl(var(--muted-foreground));font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-actions{padding:1rem;display:flex;gap:.5rem;border-top:1px solid hsl(var(--border))}.product-actions .btn{flex:1}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsl(var(--border))}.modal-header h2{margin:0;color:hsl(var(--foreground));font-weight:700;letter-spacing:-.025em}.close-btn{background:none;border:none;font-size:2rem;color:hsl(var(--muted-foreground));cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.close-btn:hover{color:hsl(var(--foreground))}.modal-content form{padding:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-top:.5rem}.preview-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;border:1px solid #ddd}.preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:#dc3545}.size-options{display:flex;gap:1rem;flex-wrap:wrap}.size-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);transition:var(--transition-smooth)}.size-checkbox:hover{background-color:hsl(var(--muted))}.size-checkbox input[type=checkbox]{cursor:pointer}.size-label{font-weight:600;font-size:.9rem}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-image{height:150px}.product-info{padding:.75rem}.product-info h3{font-size:1rem}.product-price{font-size:1.1rem}.modal-content{width:95%;max-height:85vh}.modal-header,.modal-content form{padding:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media(max-width:480px){.page-header h1{font-size:1.25rem}.products-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.size-options{gap:.5rem}.size-checkbox{padding:.4rem .75rem;font-size:.875rem}}.orders-page h1{margin-bottom:2rem;color:#2c3e50}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:1000px}.orders-table th,.orders-table td{padding:1rem;text-align:left;border-bottom:1px solid #ecf0f1}.orders-table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50;position:sticky;top:0}.orders-table tbody tr:hover{background-color:#f8f9fa}.status-select{padding:.25rem .5rem;border-radius:4px;border:1px solid #ddd;font-size:.9rem;cursor:pointer}.status-select.status-pending{background-color:#fff3cd;color:#856404}.status-select.status-confirmed{background-color:#d1ecf1;color:#0c5460}.status-select.status-processing{background-color:#cce5ff;color:#004085}.status-select.status-shipped,.status-select.status-delivered{background-color:#d4edda;color:#155724}.status-select.status-cancelled{background-color:#f8d7da;color:#721c24}.payment-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;display:inline-block}.payment-pending{background-color:#fff3cd;color:#856404}.payment-paid{background-color:#d4edda;color:#155724}.payment-failed{background-color:#f8d7da;color:#721c24}.payment-refunded{background-color:#d1ecf1;color:#0c5460}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.order-actions{display:flex;gap:.5rem;flex-wrap:wrap}.order-details-modal{max-width:800px}.modal-body{padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h3{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.detail-section p{margin:.5rem 0;color:#495057}.order-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:4px;margin-bottom:.5rem}.item-info{display:flex;align-items:center;gap:1rem}.item-info img{width:60px;height:60px;object-fit:cover;border-radius:4px}.item-name{margin:0;font-weight:500;color:#2c3e50}.item-size{margin:.25rem 0 0;font-size:.875rem;color:#6c757d}.item-pricing{text-align:right}.item-pricing p{margin:.25rem 0}.item-total{font-weight:600;color:#2c3e50}.pricing-details{background-color:#f8f9fa;padding:1rem;border-radius:4px}.pricing-row{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#495057}.pricing-row.total{margin-top:.5rem;padding-top:.5rem;border-top:2px solid #dee2e6;font-weight:600;font-size:1.1rem;color:#2c3e50}@media(max-width:768px){.orders-page h1{font-size:1.5rem;margin-bottom:1.5rem}.orders-table{min-width:800px}.orders-table th,.orders-table td{padding:.75rem;font-size:.875rem}.order-actions{flex-direction:column}.order-actions .btn-sm{width:100%}.order-details-modal{max-width:95%}.modal-body{padding:1rem}.order-item{flex-direction:column;align-items:flex-start;gap:1rem}.item-info{width:100%}.item-pricing{width:100%;text-align:left}}@media(max-width:480px){.orders-page h1{font-size:1.25rem}.orders-table{min-width:600px}.orders-table th,.orders-table td{padding:.5rem;font-size:.8rem}.item-info img{width:50px;height:50px}.detail-section h3{font-size:1rem}}.featured-page{max-width:1400px}.page-description{color:#6c757d;margin-bottom:2rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.featured-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s,box-shadow .3s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.featured-images{width:100%;height:250px;overflow:hidden;background-color:#f8f9fa}.image-carousel{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory}.image-carousel img{min-width:100%;height:100%;object-fit:cover;scroll-snap-align:start}.featured-info{padding:1rem}.featured-meta{display:flex;justify-content:space-between;align-items:center}.image-count{color:#6c757d;font-size:.9rem}.featured-actions{padding:1rem;display:flex;gap:.5rem;border-top:1px solid #ecf0f1}.featured-actions .btn{flex:1;font-size:.875rem}.help-text{margin-top:.25rem;font-size:.875rem;color:#6c757d}@media(max-width:768px){.featured-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.featured-images{height:200px}.featured-info{padding:.75rem}.featured-actions{padding:.75rem;flex-direction:column}.featured-actions .btn{width:100%}}@media(max-width:480px){.featured-grid{grid-template-columns:1fr}.featured-images{height:180px}.featured-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.hero-page{max-width:1400px}.page-description{color:hsl(var(--muted-foreground));margin-bottom:2rem}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.hero-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s,box-shadow .3s}.hero-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.hero-preview{width:100%;height:250px;position:relative;overflow:hidden;background-color:hsl(var(--muted))}.hero-preview img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));font-size:1.1rem}.hero-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:2rem;text-align:center}.hero-overlay h2{margin:0 0 .5rem;font-size:1.5rem}.hero-overlay p{margin:0 0 1rem;font-size:1rem}.preview-btn{padding:.5rem 1.5rem;background:#fff;color:#000;border:none;border-radius:4px;font-weight:600;cursor:default}.hero-info{padding:1rem}.hero-meta{display:flex;justify-content:space-between;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.hero-actions{padding:1rem;display:flex;gap:.5rem;border-top:1px solid hsl(var(--border))}.hero-actions .btn{flex:1;font-size:.875rem}.image-preview{margin-top:1rem;max-width:100%;padding:1rem;background:hsl(var(--muted) / .3);border-radius:8px;border:1px solid hsl(var(--border))}.image-preview img{max-width:100%;height:auto;border-radius:4px;border:1px solid hsl(var(--border));display:block;background:#fff}.image-path{margin-top:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground));word-break:break-all;font-family:monospace}.upload-status{margin-top:.5rem;color:hsl(var(--primary));font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:1rem}.hero-preview{height:200px}.hero-overlay{padding:1rem}.hero-overlay h2{font-size:1.25rem}.hero-overlay p{font-size:.875rem}.hero-info{padding:.75rem}.hero-actions{padding:.75rem;flex-direction:column}.hero-actions .btn{width:100%}.image-preview{padding:.75rem}}@media(max-width:480px){.hero-preview{height:180px}.hero-overlay h2{font-size:1.1rem}.hero-overlay p{font-size:.8rem}.preview-btn{padding:.4rem 1rem;font-size:.875rem}.hero-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.contacts-page{padding:20px}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.contacts-header h1{margin:0;color:#333}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.filter-btn:hover{border-color:#40513e;background:#f8f9fa}.filter-btn.active{background:#40513e;color:#fff;border-color:#40513e}.no-contacts{text-align:center;padding:60px 20px;color:#666}.contacts-container{display:grid;grid-template-columns:400px 1fr;gap:20px;height:calc(100vh - 200px)}.contacts-list{overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:10px}.contact-card{padding:15px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;background:#fff}.contact-card:hover{border-color:#40513e;box-shadow:0 2px 8px #0000001a}.contact-card.selected{border-color:#40513e;background:#f8fdf8;box-shadow:0 2px 8px #40513e33}.contact-card.unread{background:#fffbf0;border-left:4px solid #ffc107}.contact-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.contact-card-header h3{margin:0;font-size:16px;color:#333}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-new{background:#fff3cd;color:#856404}.status-read{background:#d1ecf1;color:#0c5460}.status-replied{background:#d4edda;color:#155724}.status-archived{background:#e2e3e5;color:#383d41}.contact-email{color:#666;font-size:14px;margin:5px 0}.contact-preview{color:#888;font-size:13px;margin:8px 0;line-height:1.4}.contact-date{color:#999;font-size:12px;margin-top:8px}.contact-details{border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:20px;overflow-y:auto}.contact-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.contact-details-header h2{margin:0;color:#333}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.btn-close:hover{background:#f0f0f0;color:#333}.contact-info{margin-bottom:30px}.info-row{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row label{font-weight:600;color:#555}.info-row span,.info-row a{color:#333}.info-row a{color:#40513e;text-decoration:none}.info-row a:hover{text-decoration:underline}.status-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;background:#fff}.status-select:focus{outline:none;border-color:#40513e}.message-content{margin-bottom:30px}.message-content h3{margin:0 0 15px;color:#333;font-size:16px}.message-text{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #40513E;white-space:pre-wrap;line-height:1.6;color:#333;font-size:15px}.contact-actions{display:flex;gap:15px;padding-top:20px;border-top:2px solid #e0e0e0}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary{background:#40513e;color:#fff}.btn-primary:hover{background:#2d3a2b;transform:translateY(-2px);box-shadow:0 4px 12px #40513e4d}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.loading{text-align:center;padding:60px 20px;color:#666;font-size:18px}@media(max-width:1024px){.contacts-container{grid-template-columns:1fr;height:auto}.contacts-list{max-height:400px}.contact-details{margin-top:20px}}@media(max-width:768px){.contacts-header{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.filter-btn{flex:1;min-width:80px}.info-row{grid-template-columns:1fr;gap:5px}.contact-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.settings-page{padding:2rem;max-width:720px}.settings-page h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.settings-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:2rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.settings-section h2{font-size:1rem;font-weight:600;margin:0;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.fee-type-toggle{display:flex;gap:.75rem}.toggle-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.toggle-option input[type=radio]{accent-color:#2563eb}.toggle-option.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.input-with-unit{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;width:fit-content;min-width:180px}.unit-prefix{background:#f3f4f6;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:#6b7280;border-right:1px solid #d1d5db}.input-with-unit input{padding:.5rem .75rem;font-size:.9rem;border:none;outline:none;width:120px}.field-hint{font-size:.78rem;color:#6b7280;line-height:1.4}.settings-message{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.settings-message.success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.settings-message.error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.save-btn{align-self:flex-start;padding:.625rem 1.5rem;font-size:.9rem}.layout{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{width:250px;min-width:250px;background-color:var(--primary);color:var(--primary-foreground);display:flex;flex-direction:column;flex-shrink:0;z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:1.5rem;background-color:var(--background);border-bottom:1px solid var(--border)}.sidebar-header-row{display:flex;align-items:flex-start;justify-content:space-between}.sidebar-header h1{margin:0 0 .25rem;font-size:1.4rem;font-weight:700;color:var(--foreground);letter-spacing:-.025em}.sidebar-subtitle{margin:0;font-size:.7rem;font-weight:500;color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase}.sidebar-close-btn{display:none;background:none;border:none;font-size:1.1rem;color:var(--muted-foreground);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.sidebar-close-btn:hover{color:var(--foreground)}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:var(--muted-foreground);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:-.01em;transition:background-color .2s,color .2s;border-radius:0}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.1rem;height:1.1rem;color:inherit}.nav-icon svg{width:100%;height:100%}.nav-link:hover{background-color:#292929;color:#fff}.nav-link.active{background-color:var(--accent);color:var(--accent-foreground)}.nav-divider{margin:.5rem 1.25rem;border-top:1px solid hsl(0 0% 100% / .12)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.logout-btn{width:100%}.main-content{flex:1;overflow-y:auto;background-color:var(--secondary);padding:2rem;min-width:0}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;z-index:100;background-color:var(--background);border-bottom:1px solid var(--border);align-items:center;padding:0 1rem;gap:.75rem;box-shadow:0 1px 4px #00000014}.mobile-logo{font-size:1.1rem;font-weight:700;color:var(--foreground);letter-spacing:-.025em}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-shrink:0}.hamburger-btn span{display:block;height:2px;width:100%;background-color:var(--foreground);border-radius:2px;transition:transform .2s}.hamburger-btn:hover{background-color:var(--muted)}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:150;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.sidebar{width:220px;min-width:220px}.main-content{padding:1.5rem}}@media(max-width:700px){.mobile-header{display:flex}.sidebar-overlay,.sidebar-close-btn{display:block}.layout{flex-direction:column;height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translate3d(-100%,0,0);z-index:200;box-shadow:4px 0 20px #00000040;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sidebar.sidebar--open{transform:translateZ(0)}.main-content{margin-top:56px;height:calc(100vh - 56px);padding:1rem}}@media(max-width:400px){.main-content{padding:.75rem}.sidebar{width:80vw}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#666}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition-smooth);letter-spacing:-.01em}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background-color:hsl(var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-danger{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-danger:hover{background-color:#eb1414;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-success{background-color:hsl(var(--success));color:#fff}.btn-success:hover{background-color:#1eae53;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.btn-secondary:hover{background-color:hsl(var(--muted));transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.5rem .75rem;border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:1rem;background-color:hsl(var(--background));color:hsl(var(--foreground));transition:var(--transition-smooth)}.form-control:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsla(var(--ring) / .1)}textarea.form-control{resize:vertical;min-height:100px}.error{color:hsl(var(--destructive));font-size:.875rem;margin-top:.25rem}.success{color:hsl(var(--success));font-size:.875rem;margin-top:.25rem}