* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI',sans-serif; background:#f0ebe6; padding:16px; }
.pos-container { max-width:1400px; margin:0 auto; background:white; border-radius:16px; padding:24px; box-shadow:0 4px 30px rgba(0,0,0,0.1); }
.login-container { max-width:400px; margin:60px auto; text-align:center; }
.login-box { background:white; padding:40px 30px; border-radius:16px; box-shadow:0 8px 40px rgba(0,0,0,0.15); }
.login-box .logo { font-size:64px; margin-bottom:10px; }
.login-box h1 { font-size:24px; margin-bottom:20px; }
.login-box .subtitle { color:#888; font-size:14px; margin-bottom:24px; }
.login-box input { width:100%; padding:14px; font-size:28px; text-align:center; letter-spacing:8px; border:2px solid #ddd; border-radius:12px; }
.login-box .btn-login { width:100%; padding:14px; background:#27ae60; color:white; border:none; border-radius:12px; font-size:18px; font-weight:bold; cursor:pointer; margin-top:10px; }
.login-box .btn-login:hover { background:#219a52; }
.login-box .error { color:#e74c3c; margin-top:12px; }
.btn-sm { padding:6px 14px; border-radius:8px; text-decoration:none; font-size:14px; font-weight:600; background:#f0ebe6; color:#555; }
.btn-sm:hover { background:#ddd; }
.btn-sm.active { background:#6f4e37; color:white; }
.btn-sm.btn-success { background:#27ae60; color:white; }
.btn-back { padding:6px 16px; border-radius:8px; text-decoration:none; font-size:14px; background:#e8e0d8; color:#555; font-weight:600; }
.btn-back:hover { background:#ddd; }
.badge { display:inline-block; padding:2px 10px; border-radius:20px; font-size:11px; font-weight:600; text-transform:uppercase; }
.badge-success { background:#27ae60; color:white; }
.badge-danger { background:#e74c3c; color:white; }
.badge-warning { background:#f39c12; color:white; }
.badge-info { background:#3498db; color:white; }
.badge-primary { background:#6f4e37; color:white; }
.tavolinat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:16px; margin-bottom:24px; }
.tavolina-card { background:#faf8f6; border:2px solid #e8e0d8; border-radius:12px; padding:16px; text-align:center; cursor:pointer; }
.tavolina-card.e_zen { border-color:#e74c3c; background:#fde8e8; }
.tavolina-card.e_lire { border-color:#27ae60; background:#e8f8ed; }
.tavolina-numri { font-size:32px; font-weight:bold; }
.tavolina-status { margin:8px 0; }
.btn-porosi { display:inline-block; padding:6px 16px; background:#6f4e37; color:white; border-radius:8px; text-decoration:none; font-size:13px; font-weight:bold; }
.btn-porosia { display:inline-block; padding:6px 12px; background:#3498db; color:white; border-radius:8px; text-decoration:none; font-size:13px; }
.btn-confirm-porosi { display:block; width:100%; padding:14px; background:#27ae60; color:white; border:none; border-radius:8px; font-size:18px; font-weight:bold; cursor:pointer; margin-top:12px; }
.btn-confirm-porosi:hover { background:#219a52; }
.produktet-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; margin-bottom:20px; }
.produkt-card { background:#faf8f6; border:1px solid #e8e0d8; border-radius:10px; padding:14px; text-align:center; cursor:pointer; }
.produkt-card:hover { background:#6f4e37; color:white; }
.produkt-card .produkt-emri { font-weight:600; font-size:14px; }
.produkt-card .produkt-cmimi { color:#6f4e37; font-weight:bold; font-size:16px; margin-top:4px; }
.produkt-card:hover .produkt-cmimi { color:#ffd700; }
.table-porosi { width:100%; border-collapse:collapse; font-size:14px; }
.table-porosi th,.table-porosi td { padding:10px 12px; text-align:left; border-bottom:1px solid #eee; }
.table-porosi th { background:#f5f0eb; font-weight:600; }
.no-data { text-align:center; color:#aaa; padding:20px 0; }
@media (max-width:768px) { .tavolinat-grid { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); } }
.shporta-pos { background:#f8f5f2; border-radius:12px; padding:16px; margin-bottom:20px; border:1px solid #e8e0d8; }
.shporta-header { display:flex; justify-content:space-between; font-weight:bold; font-size:18px; margin-bottom:10px; }