.home-page{text-align:center;max-width:1100px;margin:0 auto;padding:40px 20px}.home-title{margin-bottom:10px;font-size:2.6rem}.home-subtitle{color:#475569;margin-bottom:40px;font-size:1.1rem}.home-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.home-card{text-align:left;color:#023dc7;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:28px;transition:box-shadow .2s,transform .2s;display:block}.home-card h2{margin-top:0;margin-bottom:8px;font-size:1.4rem}.home-card p{color:#475569;margin:0;font-size:.95rem}.home-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.item-card{cursor:pointer;background-color:#555;border:1px solid #374151;border-radius:8px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.item-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000059}.item-image{background-color:#444;justify-content:center;align-items:center;width:100%;height:180px;display:flex}.item-image img{object-fit:contain;width:100%;height:100%}.image-placeholder{color:#e5e7eb;font-size:.9rem}.item-content{flex-direction:column;flex:1;padding:14px;display:flex}.item-name{color:#f9fafb;margin:0 0 6px;font-size:1.1rem}.item-description{color:#e5e7eb;flex:1;font-size:.9rem}.item-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.item-stock{color:#d1d5db;font-size:.85rem}.item-link{color:#93c5fd;cursor:pointer;background:0 0;border:1px solid #2563eb;border-radius:4px;padding:4px 10px;font-size:.85rem;transition:background .15s,color .15s}.item-link:hover{color:#fff;background:#2563eb;text-decoration:none}.item-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.item-modal{color:#fff;background:#000;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:24px;position:relative;overflow-y:auto}.item-modal-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px;position:absolute;top:12px;right:12px}.item-modal-close:hover{color:#000}.item-modal h2{margin-top:0}.item-modal img{border-radius:8px;width:100%;margin-bottom:16px}.items-page{width:100%}.items-category{border:1px solid #666;border-radius:6px;margin-bottom:20px;overflow:hidden}.category-title{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#222;border-bottom:1px solid #444;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;font-size:1.4rem;display:flex}.items-grid{background-color:#333;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding:16px;display:grid}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#333;border-radius:8px;width:90%;max-width:600px;padding:24px;position:relative}.modal-card img{max-width:100%;margin:12px 0}.modal-close{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:12px}.order-layout{grid-template-columns:2fr 1fr;gap:24px;display:grid}.products{background:#444;border-radius:6px;padding:20px}.category-accordion{border-bottom:1px solid #555;margin-bottom:16px}.accordion-btn{color:#fff;text-align:left;cursor:pointer;background:#555;border:none;border-radius:4px;width:100%;margin-bottom:6px;padding:10px;font-weight:700}.accordion-btn:hover{background:#666}.category-items{padding-left:10px}.product-row{border-bottom:1px solid #555;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.product-row.out-of-stock{opacity:.5;pointer-events:none}.product-row input[type=number]{color:#fff;background:#222;border:1px solid #888;border-radius:4px;width:60px;padding:4px}.cart{background:#444;border-radius:6px;height:fit-content;padding:20px;position:sticky;top:20px}.cart-item{justify-content:space-between;margin-bottom:8px;display:flex}.order-extra-info{border-top:1px solid #5b5b5b;margin-top:14px;margin-bottom:14px;padding-top:10px}.order-extra-info h4{margin:0 0 10px}.order-extra-label{margin-bottom:10px;font-size:.95rem;display:block}.order-extra-label textarea{color:#fff;resize:vertical;background:#222;border:1px solid #888;border-radius:4px;width:100%;margin-top:6px;padding:8px}.submit-btn{color:#fff;cursor:pointer;background:#0af;border:none;border-radius:4px;width:100%;padding:10px;font-weight:700;display:block}.submit-btn:hover{background:#08c}.order-form{background:#444;border-radius:6px;max-width:500px;padding:20px}.order-form label{color:#fff;margin-bottom:12px;display:block}.order-form input[type=text],.order-form input[type=date]{color:#fff;background:#222;border:1px solid #888;border-radius:4px;width:100%;padding:6px}.error{color:#f66;margin-bottom:10px}.success{color:#6f6;margin-bottom:10px}.muted{color:#ccc;font-size:.85em}.product-card{background:#444;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px}.product-header{cursor:pointer;background:#555;justify-content:space-between;align-items:center;padding:12px;font-weight:600;display:flex}.product-header:hover{background:#555}.product-details{border-top:1px solid #e5e7eb;padding:12px}.product-details .stock{color:#475569;margin:8px 0;font-size:14px}.product-details input[type=number]{width:80px}.reports-page{padding:20px}.preset-buttons{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.preset-buttons button{cursor:pointer;background:#f7f7f7;border:1px solid #ccc;padding:8px 14px}.preset-buttons button.active{color:#fff;background:#007bff}.report-category{margin-bottom:30px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #ddd;padding:8px}th{text-align:left}.layout{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;background-color:#1f2933;border-bottom:3px solid #3b82f6}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo a{color:#fff;font-size:1.4rem;font-weight:700}.nav{gap:20px;display:flex}.nav a{color:#e5e7eb;font-size:1rem}.nav a:hover{color:#fff;text-decoration:underline}.nav .nav-multiline{flex-direction:column;line-height:1;display:inline-flex}.nav .nav-multiline span.muted{color:#cbd5e1;font-size:.75rem}.nav .admin-btn{color:#e5e7eb;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:8px;padding:6px 8px;font-size:1rem;text-decoration:none}.nav .admin-btn:hover{color:#fff;text-decoration:underline}.nav .admin-shortcut{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:6px;font-weight:600;display:inline-flex}.nav .admin-shortcut:hover{background:#059669}.admin-split{height:calc(100vh - var(--app-header-height,80px) - var(--app-footer-height,0px));gap:20px;display:flex;overflow:hidden}.admin-left{min-width:260px;max-width:320px;height:100%;padding-right:8px;overflow-y:auto}.admin-right{flex:1;height:100%;overflow:auto}.admin-left .search-box{z-index:2;background:0 0;padding:8px 0;position:sticky;top:0}.admin-left .search-box input{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 10px}.admin-left ul.item-list{margin:0;padding:0;list-style:none}.admin-left ul.item-list li{border-bottom:1px solid #f2f4f6;padding:6px 0}.edit-box{background:#fff;border:1px solid #eee;border-radius:6px;margin-top:10px;padding:12px}.edit-row{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.edit-label{color:#475569;width:120px;font-size:.95rem}.edit-field input,.edit-field textarea{border:1px solid #ddd;border-radius:6px;width:316px;max-width:100%;padding:8px}.edit-field textarea{resize:vertical;min-height:80px}.edit-field.small input{width:120px}.edit-field span{color:#0f172a;font-weight:600}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.footer{text-align:center;color:#475569;background-color:#f1f5f9;border-top:1px solid #cbd5e1;padding:12px 24px;font-size:.9rem}@media (width<=768px){.header-inner{flex-direction:column;gap:12px}.nav{flex-wrap:wrap;justify-content:center}.nav a{color:#e5e7eb;border-radius:4px;padding:6px 10px;text-decoration:none;transition:background-color .15s}.nav a:hover{background-color:#ffffff14}.nav a.active{color:#0f172a;background-color:#fff;font-weight:600}}*{box-sizing:border-box}html,body{color:#fff;background-color:#333;margin:0;padding:0;font-family:Open-Dyslexic,sans-serif}a{text-decoration:none}.orders-page a{color:#60a5fa}.orders-page a:hover{color:#3b82f6;text-decoration:underline}button{font-family:inherit}