@tailwind base;@tailwind components;@tailwind utilities;:root{--tech-dark:#0a0a0a;--tech-darker:#141414;--tech-medium:#1f1f1f;--tech-lighter:#2a2a2a;--tech-accent:#00d4ff;--tech-accent-dark:#09c;--tech-success:#0f8;--tech-warning:#fa0;--tech-error:#f36;--tech-text:#fff;--tech-text-secondary:#ccc;--tech-text-muted:#888;--gradient-tech:linear-gradient(135deg,#0a0a0a,#1f1f1f 50%,#2a2a2a);--gradient-accent:linear-gradient(135deg,#00d4ff,#09c);--gradient-success:linear-gradient(135deg,#0f8,#0c6);--gradient-warning:linear-gradient(135deg,#fa0,#f80);--gradient-error:linear-gradient(135deg,#f36,#c03);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--font-primary:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation}body,html{font-family:var(--font-primary)}body{background:var(--tech-dark);min-height:100vh;color:var(--tech-text);overflow-x:hidden;line-height:1.5}.mobile-container{max-width:100vw;margin:0 auto;padding:16px;min-height:100vh}@media (min-width:768px){.mobile-container{max-width:768px;padding:24px}}@media (min-width:1024px){.mobile-container{max-width:1200px;padding:32px}}.tech-card{background:var(--tech-medium);border:1px solid var(--glass-border);border-radius:8px;padding:20px;transition:all .3s ease;position:relative;overflow:visible;box-shadow:0 4px 12px #0000004d}.tech-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006;border-color:var(--tech-accent)}.tech-card-large{background:var(--tech-medium);border:1px solid var(--glass-border);border-radius:12px;padding:32px;box-shadow:0 8px 32px #0006;max-width:400px;margin:0 auto}.tech-card-small{border:1px solid var(--glass-border);border-radius:6px;transition:all .2s ease}.mobile-nav,.tech-card-small{background:var(--tech-darker);padding:16px}.mobile-nav{border-bottom:1px solid var(--glass-border);position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px;margin-top:16px}.nav-button{background:var(--tech-medium);border:1px solid var(--glass-border);border-radius:8px;padding:12px 8px;color:var(--tech-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.nav-button.active{background:var(--tech-accent);color:var(--tech-dark);border-color:var(--tech-accent)}.nav-button:hover:not(.active){background:var(--tech-lighter);color:var(--tech-text)}.mobile-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin:16px 0}@media (min-width:640px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.mobile-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.mobile-grid-full{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.btn-tech{background:var(--gradient-accent);border:none;border-radius:8px;color:var(--tech-dark);font-weight:700;font-size:16px;padding:16px 24px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #00d4ff4d;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-tech:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00d4ff66}.btn-tech:active{transform:translateY(0)}.btn-tech:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-success{background:var(--gradient-success);box-shadow:0 4px 16px #00ff884d}.btn-success:hover{box-shadow:0 6px 20px #0f86}.btn-warning{background:var(--gradient-warning);box-shadow:0 4px 16px #ffaa004d}.btn-warning:hover{box-shadow:0 6px 20px #fa06}.btn-error{background:var(--gradient-error);box-shadow:0 4px 16px #ff33664d}.btn-error:hover{box-shadow:0 6px 20px #f366}.btn-secondary{background:var(--tech-lighter);color:var(--tech-text);border:1px solid var(--glass-border);box-shadow:0 4px 16px #0003}.btn-secondary:hover{background:var(--tech-medium);box-shadow:0 6px 20px #0000004d}input,select,textarea{background:var(--tech-darker);border:1px solid var(--glass-border);border-radius:8px;padding:16px;font-size:16px;color:var(--tech-text);font-family:var(--font-primary);transition:all .3s ease;width:100%}input::placeholder,textarea::placeholder{color:var(--tech-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--tech-accent);box-shadow:0 0 0 2px #00d4ff33}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--glass-border);border-radius:4px;background:var(--tech-darker);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}input[type=checkbox]:checked{background:var(--tech-accent);border-color:var(--tech-accent)}input[type=checkbox]:checked:after{content:"✓";color:var(--tech-dark);font-size:12px;font-weight:700}.status-indicator{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.status-indicator:before{content:"";width:8px;height:8px;border-radius:50%;display:block}.status-free{background:#0f83;color:var(--tech-success);border:1px solid #00ff884d}.status-free:before{background:var(--tech-success)}.status-occupied{background:#f363;color:var(--tech-error);border:1px solid #ff33664d}.status-occupied:before{background:var(--tech-error)}.status-reserved{background:#fa03;color:var(--tech-warning);border:1px solid #ffaa004d}.status-reserved:before{background:var(--tech-warning)}.status-pending{background:#fa03;color:var(--tech-warning);border:1px solid #ffaa004d}.status-pending:before{background:var(--tech-warning);animation:pulse 1s ease-in-out infinite}.status-preparing{background:#00d4ff33;color:var(--tech-accent);border:1px solid #00d4ff4d}.status-preparing:before{background:var(--tech-accent);animation:pulse 1s ease-in-out infinite}.status-ready{background:#0f83;color:var(--tech-success);border:1px solid #00ff884d}.status-ready:before{background:var(--tech-success)}.status-served{background:#8883;color:var(--tech-text-secondary);border:1px solid #8888884d}.status-served:before{background:var(--tech-text-secondary)}.tech-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--tech-medium);border-top-color:var(--tech-accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse-animation{animation:pulse 2s ease-in-out infinite}.rainbow-logo{font-size:4rem;background:linear-gradient(45deg,red,#ff8000 14%,#ff0 28%,#80ff00 42%,#0f0 57%,#00ff80 71%,#0ff 85%,#8000ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;animation:rainbow-shift 3s ease-in-out infinite;text-align:center;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}@keyframes rainbow-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.rainbow-text{background:linear-gradient(45deg,red,#ff8000 14%,#ff0 28%,#80ff00 42%,#0f0 57%,#00ff80 71%,#0ff 85%,#8000ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;animation:rainbow-shift 3s ease-in-out infinite;font-weight:700}.receipt-container{background:#fff;color:#000;font-family:var(--font-mono);font-size:14px;line-height:1.4;max-width:400px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.receipt-header{text-align:center;padding:20px;border-bottom:2px dashed #333}.receipt-item{display:flex;justify-content:space-between;padding:8px 20px;border-bottom:1px dotted #ccc}.receipt-total{font-weight:700;font-size:16px;padding:16px 20px;border-top:2px solid #333;background:#f5f5f5}.receipt-footer{text-align:center;padding:20px;font-size:12px;color:#666}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.text-tech{color:var(--tech-accent);font-weight:600}.text-success{color:var(--tech-success);font-weight:600}.text-warning{color:var(--tech-warning);font-weight:600}.text-error{color:var(--tech-error);font-weight:600}.text-muted{color:var(--tech-text-muted)}.text-secondary{color:var(--tech-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--tech-darker)}::-webkit-scrollbar-thumb{background:var(--tech-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--tech-accent)}.safe-area-top{padding-top:max(env(safe-area-inset-top),16px)}.safe-area-bottom{padding-bottom:max(env(safe-area-inset-bottom),16px)}.safe-area-left{padding-left:max(env(safe-area-inset-left),16px)}.safe-area-right{padding-right:max(env(safe-area-inset-right),16px)}.connection-indicator{position:fixed;top:20px;right:20px;z-index:100;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.connection-online{background:#0f83;color:var(--tech-success);border:1px solid #00ff884d}.connection-offline{background:#f363;color:var(--tech-error);border:1px solid #ff33664d}@media print{@page{margin:10mm;size:80mm auto}.receipt-container,body{background:#fff!important;color:#000!important}.receipt-container{page-break-inside:avoid}}