@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Inter:wght@400;500;700;800&display=swap";:root{--bg:#050508;--surface:#ffffff08;--surface2:#ffffff12;--text:#fff;--text-muted:#fff9;--accent:#a04016;--accent-glow:#a0401666;--accent2:#d98559;--border:#ffffff14;--border-bright:#ffffff26;--shadow-sm:0 2px 8px #0006;--shadow-lg:0 25px 50px -12px #000000b3;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-main);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 20%,#a040161a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#d9855914 0%,#0000 40%),radial-gradient(circle,#a040160d 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}#root{width:100%}button,input,select,textarea{color:inherit;font-family:inherit}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}:root{--coffee-dark:#a04016;--coffee-medium:#270e21;--cream-light:#fcfaf5;--cream-dark:#e0d8c8;--text-primary:#fff;--text-secondary:#e0d8c8;--error:#ff4d4d;--success:#4caf50;--font-serif:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--amber:#c46435;--amber-light:#d98559}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--coffee-dark);font-family:var(--font-sans);color:var(--text-primary);justify-content:center;align-items:flex-start;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.app-container{background-color:var(--coffee-dark);flex-direction:column;width:100%;max-width:450px;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 100px #00000080}.main-header{text-align:center;background:linear-gradient(#0003 0%,#0000 100%);justify-content:center;padding:40px 20px 60px;display:flex;position:relative}.logo-container{flex-direction:column;align-items:center;gap:12px;display:flex}.main-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #0000004d);border-radius:15px;max-width:180px;height:auto;max-height:80px}.anniversary-tag{font-family:var(--font-serif);color:var(--cream-light);text-transform:uppercase;letter-spacing:.25em;opacity:.8;font-size:.75rem;font-weight:800}.content-area{background-color:var(--cream-light);color:var(--coffee-dark);z-index:1;flex-direction:column;flex:1;padding:5px 24px 40px;display:flex;position:relative}.content-area:before{content:"";background-color:var(--cream-light);clip-path:polygon(0 15%,5% 40%,10% 15%,15% 40%,20% 15%,25% 40%,30% 15%,35% 40%,40% 15%,45% 40%,50% 15%,55% 40%,60% 15%,65% 40%,70% 15%,75% 40%,80% 15%,85% 40%,90% 15%,95% 40%,100% 15%,100% 100%,0 100%);width:100%;height:31px;position:absolute;top:-30px;left:0}.headline{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--coffee-dark);text-align:center;margin-bottom:34px;font-size:2.6rem;font-weight:900;line-height:1}.subheadline{color:var(--coffee-medium);opacity:.45;letter-spacing:.02em;margin-bottom:35px;font-size:.85rem;font-weight:500;text-transform:none!important}.success-view .subheadline{margin-bottom:15px}.subheadline strong{color:var(--coffee-dark);font-weight:600}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{text-transform:uppercase;letter-spacing:.15em;color:var(--coffee-medium);padding-left:2px;font-size:.65rem;font-weight:900}input,select{width:100%;font-size:16px;font-family:var(--font-sans);color:var(--coffee-dark);background:#fff;border:1.5px solid #a0401614;border-radius:20px;outline:none;padding:18px 20px;font-weight:500;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 2px 5px #00000005}input:focus,select:focus{border-color:var(--coffee-dark);background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px -5px #a040161f}input:-webkit-autofill{-webkit-text-fill-color:var(--coffee-dark);-webkit-box-shadow:inset 0 0 0 1000px #fff}.char-counter.small-right{text-align:right;color:var(--coffee-medium);opacity:.3;transform-origin:100%;pointer-events:none;width:100%;margin-top:-6px;margin-bottom:2px;padding-right:15px;font-size:8px;font-weight:600;display:block;transform:scale(.85)}.input-group{gap:12px;display:flex}.input-group input{flex:1}.custom-dropdown{z-index:100;width:100%;position:relative}.dropdown-trigger{cursor:pointer;background:#fff;border:1.5px solid #a0401614;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex;box-shadow:0 2px 5px #00000005}.dropdown-trigger:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #a0401614}.dropdown-trigger.active{border-color:var(--coffee-dark);box-shadow:0 15px 30px -10px #a0401626}.trigger-left{align-items:center;gap:12px;display:flex}.trigger-icon{width:24px;height:24px;color:var(--coffee-dark);justify-content:center;align-items:center;display:flex}.trigger-icon svg{width:20px;height:20px;stroke:var(--coffee-dark)}.trigger-label{color:var(--coffee-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:700}.trigger-label.placeholder{color:var(--coffee-medium);opacity:.4;text-transform:none}.chevron{width:18px;height:18px;stroke:var(--coffee-dark);opacity:.4;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.chevron.rotate{opacity:1;transform:rotate(180deg)}.dropdown-menu-container{opacity:0;pointer-events:none;z-index:101;width:100%;max-height:0;transition:all .5s cubic-bezier(.19,1,.22,1);position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;transform:translateY(10px)}.dropdown-menu-container.show{opacity:1;pointer-events:auto;max-height:350px;transform:translateY(0)}.dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--coffee-medium) transparent;background:#fff;border:1px solid #a0401614;border-radius:24px;max-height:340px;padding:8px;overflow-y:auto;box-shadow:0 25px 50px -12px #a0401640}.dropdown-item{cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:14px 16px;transition:all .2s;display:flex}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background:#a040160a}.dropdown-item.selected{background:var(--coffee-dark);color:#fff}.item-left{align-items:center;gap:12px;display:flex}.item-icon-wrapper{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.item-icon-wrapper svg{stroke:currentColor;width:18px;height:18px}.item-name{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.item-check{width:16px;height:16px;stroke:var(--cream-light)}.choice-card.active svg{stroke:var(--cream-light);transform:scale(1.15)}.choice-card.active span{opacity:1}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.12em;border:none;border-radius:20px;justify-content:center;align-items:center;padding:16px 28px;font-size:.9rem;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-primary{background:var(--coffee-dark);color:var(--cream-light);width:100%;box-shadow:0 10px 25px -5px #a040164d}.btn-outline{border:1.5px solid var(--coffee-dark);color:var(--coffee-dark);width:100%;box-shadow:none;background:0 0}.btn-outline:hover{background:#a040160d;transform:translateY(-2px)}.btn-primary:hover:not(:disabled){background:var(--coffee-medium);transform:translateY(-4px);box-shadow:0 15px 35px -5px #a0401666}.btn-primary:active:not(:disabled){transform:translateY(2px)}.btn-primary:disabled{background:var(--cream-dark);opacity:.5;cursor:not-allowed;box-shadow:none}.btn-validate{border:2px solid var(--coffee-dark);color:var(--coffee-dark);background:#fff;padding:0 24px;font-size:.75rem}.btn-validate:hover:not(:disabled){background:var(--coffee-dark);color:var(--cream-light)}.status-msg{border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:4px 8px;font-size:.7rem;font-weight:700;animation:.3s ease-out fadeIn;display:flex}.status-msg.success{color:#27ae60;background:#27ae600d}.status-msg.error{color:#c0392b;background:#c0392b0d}.status-msg svg{width:12px;height:12px}.error-banner{color:#991b1b;background:#fdf2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;font-weight:600;animation:.4s ease-out slideUp;display:flex}.success-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:0;animation:.7s cubic-bezier(.19,1,.22,1) slideIn;display:flex;position:relative}.close-btn{cursor:pointer;color:var(--coffee-dark);opacity:.3;z-index:10;background:0 0;border:none;padding:10px;transition:all .3s}.close-btn.top-nav{color:var(--cream-light);opacity:.6;position:absolute;top:20px;right:20px}.close-btn:hover{opacity:1;transform:scale(1.1)}.close-btn svg{width:24px;height:24px}.footer-btn{margin-top:40px}.success-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding-top:0;display:flex}.success-icon{background:var(--coffee-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:1.4rem;display:flex;box-shadow:0 8px 20px #a0401626}.selection-card{text-align:left;background:#fff;border:1.5px solid #3c1e1b14;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:15px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #00000005}.selection-card .selection-icon{background:var(--coffee-dark);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.selection-card .selection-icon svg{width:18px;height:18px;stroke:var(--cream-light)}.selection-info{flex-direction:column;gap:0;display:flex}.selection-label{text-transform:uppercase;letter-spacing:.05em;color:var(--coffee-medium);opacity:.5;font-size:.6rem;font-weight:800}.selection-value{color:var(--coffee-dark);font-size:.95rem;font-weight:800}.order-number-container{background:#a040160a;border:1px dashed #a0401633;border-radius:20px;flex-direction:column;align-items:center;gap:0;width:100%;margin:5px 0 20px;padding:16px;display:flex}.order-number-label{text-transform:uppercase;letter-spacing:.15em;color:var(--coffee-medium);opacity:.6;margin-bottom:4px;font-size:.75rem;font-weight:900}.order-number{font-size:3.2rem;font-weight:900;font-family:var(--font-serif);color:var(--coffee-dark);letter-spacing:-.02em;margin:0;line-height:1}.success-view .headline{margin-bottom:20px;font-size:1.8rem}.form-footer{text-align:center;border-top:1px solid #3c1e1b0d;margin-top:60px;padding-top:20px}.trademark{font-family:var(--font-serif);letter-spacing:.3em;color:var(--coffee-dark);opacity:.4;margin-bottom:5px;font-size:10px;font-weight:900}.tagline{text-transform:uppercase;letter-spacing:.1em;color:var(--coffee-medium);opacity:.3;font-size:8px;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=400px){.headline{font-size:2.2rem}.content-area{padding:35px 20px 60px}}.admin-login-container{background:#0f0a09;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#fff;background:#ffffff08;border:1px solid #ffffff0d;border-radius:32px;width:100%;max-width:450px;padding:40px;box-shadow:0 40px 100px #00000080}.lock-icon{color:#c6a88e;background:#c6a88e1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.login-card h2{font-family:var(--font-serif);margin-bottom:12px;font-size:1.8rem}.login-card p{opacity:.6;margin-bottom:32px;font-size:.85rem}.login-btn,.export-btn,.back-btn,.refresh-btn,.collapse-btn{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:10px;font-size:.85rem;font-weight:800;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex}.login-btn{background:linear-gradient(135deg, var(--amber) 0%, #a88a6d 100%);color:#1a0f0e;width:100%;padding:18px;box-shadow:0 10px 20px -5px #c6a88e4d}.login-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--amber-light) 0%, var(--amber) 100%);transform:translateY(-3px)}.back-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;flex:.4;padding:16px}.export-btn{color:var(--amber);background:#c6a88e14;border:1px solid #c6a88e33;padding:12px 24px}.export-btn:hover{background:var(--amber);color:#1a0f0e}.collapse-btn{color:#fff;opacity:.6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:32px;height:32px;padding:0}.collapse-btn:hover{opacity:1;background:#ffffff1a}.admin-dashboard{color:#fff;z-index:1000;background:#0f0a09;width:100%;min-height:100vh;padding:40px 6vw;position:absolute;top:0;left:0}.main-grid{grid-template-columns:1fr 340px;align-items:start;gap:30px;transition:all .5s;display:grid}.main-grid.collapsed{grid-template-columns:1fr 60px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.header-left h1{font-family:var(--font-serif);margin-bottom:8px;font-size:2.2rem}.live-badge{color:#27ae60;align-items:center;gap:8px;font-size:.7rem;font-weight:800;display:flex}.pulse{background:#27ae60;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #27ae60b3}70%{transform:scale(1);box-shadow:0 0 0 10px #27ae6000}to{transform:scale(.95);box-shadow:0 0 #27ae6000}}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;align-items:center;gap:20px;padding:24px;display:flex}.stat-icon{width:44px;height:44px;color:var(--amber);background:#ffffff0d;border-radius:12px;padding:10px}.stat-value{font-size:1.6rem;font-weight:900}.table-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;overflow:hidden}.admin-dashboard table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.admin-dashboard th{text-transform:uppercase;letter-spacing:.1em;opacity:.4;color:#fff;background:#ffffff08;border-bottom:1px solid #ffffff0d;padding:16px 20px;font-size:.65rem;font-weight:800}.admin-dashboard td{color:#ffffffe6;border-bottom:1px solid #ffffff05;padding:18px 20px;font-size:.9rem;transition:all .2s}.admin-dashboard tr:hover td{color:#fff;background:#ffffff04}.admin-dashboard tr:last-child td{border-bottom:none}.security-sidebar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;gap:24px;min-height:400px;padding:24px;transition:all .4s cubic-bezier(.19,1,.22,1);display:flex;position:relative;overflow:hidden}.security-sidebar.collapsed{align-items:center;width:60px;padding:24px 10px}.section-header{opacity:.8;justify-content:space-between;align-items:center;width:100%;display:flex}.header-caption{align-items:center;gap:10px;display:flex}.section-header h2{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:.9rem}.audit-feed{flex-direction:column;gap:16px;max-height:450px;padding-right:5px;transition:opacity .3s;display:flex;overflow-y:auto}.security-sidebar.collapsed .audit-feed,.security-sidebar.collapsed .security-footer,.security-sidebar.collapsed .section-header h2{opacity:0;pointer-events:none}.audit-item{border-bottom:1px solid #ffffff08;gap:12px;padding-bottom:16px;display:flex}.audit-dot{background:#666;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.audit-item.success .audit-dot{background:#27ae60;box-shadow:0 0 10px #27ae6080}.audit-item.failed .audit-dot{background:#e74c3c;box-shadow:0 0 10px #e74c3c80}.audit-item.active .audit-dot{background:#c6a88e}.audit-header{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.audit-device{color:#fff;white-space:nowrap;font-size:.8rem;font-weight:700}.audit-time{opacity:.4;flex-shrink:0;font-size:.7rem}.audit-status{opacity:.6;font-size:.75rem}.security-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}.active-id{opacity:.3;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.refresh-btn{background:#ffffff0d;width:100%;padding:10px;font-size:.7rem}.otp-container{justify-content:space-between;gap:8px;margin-bottom:32px;display:flex}.otp-box{width:42px;height:54px;color:#c6a88e!important;text-align:center!important;background:#ffffff0a!important;border:1.5px solid #ffffff1a!important;border-radius:12px!important;font-size:1.4rem!important}.login-field-wrapper{margin-bottom:24px;position:relative}.login-field-wrapper .field-icon{opacity:.4;color:#c6a88e;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-card input:not(.otp-box){text-align:left!important;padding-left:48px!important}@media (width<=1100px){.main-grid,.main-grid.collapsed{grid-template-columns:1fr}.security-sidebar{order:1;min-height:auto}.security-sidebar.collapsed{width:100%;padding:16px 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.admin-dashboard table{min-width:600px}}.table-controls{justify-content:flex-end;margin-bottom:24px;display:flex}.search-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;width:100%;max-width:320px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.search-wrapper:focus-within{border-color:var(--amber);background:#ffffff14;box-shadow:0 0 20px #c6a88e26}.search-wrapper svg{color:var(--amber);opacity:.5;flex-shrink:0}.search-wrapper input{width:100%;box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;padding:12px!important;font-size:.9rem!important;transform:none!important}.search-wrapper input::placeholder{color:#ffffff4d}.phone-cell{letter-spacing:.05em;opacity:.8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:var(--amber-light)!important}.brew-pill{color:var(--amber);white-space:nowrap;background:#c6a88e1a;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700}.pnr-cell{color:var(--amber);letter-spacing:.05em;font-weight:800}.status-pill{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800}.status-pill.confirmed{color:#27ae60;background:#27ae601a}.status-pill.waiting{color:#fff6;background:#ffffff0d}.status-pill.timeout{color:#ef4444;background:#ef44441a}.text-red{color:#ef4444!important}.settings-view{animation:.4s ease-out fadeIn}.settings-container{grid-template-columns:1fr 360px;align-items:start;gap:30px;margin-top:20px;display:grid}.settings-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:30px}.settings-card h2{font-family:var(--font-serif);color:#fff;align-items:center;gap:12px;margin-bottom:24px;font-size:1.3rem;display:flex}.coffees-list{flex-direction:column;gap:12px;max-height:500px;padding-right:5px;display:flex;overflow-y:auto}.coffee-settings-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 24px;transition:all .3s;display:flex}.coffee-settings-item:hover{background:#ffffff0d;border-color:#ffffff1a}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;display:flex}.checkbox-container input[type=checkbox]{width:22px;height:22px;accent-color:var(--amber);cursor:pointer;border-radius:6px}.checkbox-container span{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:.95rem;font-weight:700}.brew-type-tag{letter-spacing:.05em;border-radius:6px;padding:3px 10px;font-size:.65rem;font-weight:800}.delete-coffee-btn{color:#ef4444;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.delete-coffee-btn:hover{opacity:1;background:#ef44441a}.new-brew-card input{color:#fff!important;width:100%!important;box-shadow:none!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:14px 18px!important;font-size:.95rem!important;transform:none!important}.new-brew-card input:focus{border-color:var(--amber)!important}.input-title{text-transform:uppercase;letter-spacing:.1em;opacity:.5;color:#fff;font-size:.7rem;font-weight:800}.radio-btn-label{cursor:pointer;background:0 0;border:1.5px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.radio-btn-label input[type=radio]{display:none}.radio-btn-label span{text-transform:uppercase;letter-spacing:.05em;color:#fff9;font-size:.85rem;font-weight:800}.radio-btn-label.active{border-color:var(--amber);background:#c6a88e1a}.radio-btn-label.active span{color:var(--amber)}.back-to-dashboard-btn{opacity:.7;transition:transform .2s,opacity .2s}.back-to-dashboard-btn:hover{opacity:1;transform:translate(-4px)}@media (width<=1100px){.settings-container{grid-template-columns:1fr}}