@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--pln-blue:#003f8a;--pln-blue-dark:#002a5e;--pln-blue-light:#0059b3;--pln-yellow:#f5c800;--pln-yellow-dark:#d4a900;--primary:var(--pln-blue);--primary-hover:var(--pln-blue-dark);--accent:var(--pln-yellow);--bg-body:#f0f4f9;--glass-bg:#fffffff7;--glass-border:#003f8a1a;--card-bg:#fff;--text-main:#0d1b2e;--text-muted:#5a7091;--text-light:#8fa7c2;--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow-sm:0 1px 4px #003f8a14;--shadow-md:0 4px 20px #003f8a1f;--shadow-lg:0 10px 40px #003f8a2e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 20%,#003f8a0d 0%,#0000 50%),radial-gradient(at 80% 20%,#f5c8000f 0%,#0000 40%);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}h1{color:var(--text-main);font-size:1.5rem;font-weight:800;line-height:1.2}h2{color:var(--text-main);font-size:1.25rem;font-weight:700}h3{color:var(--text-main);font-size:1rem;font-weight:600}p{color:var(--text-muted);font-size:.875rem;line-height:1.6}.app-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:20px;width:100%;max-width:460px;padding:2rem;animation:.45s cubic-bezier(.16,1,.3,1) fadeSlideIn;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, var(--pln-blue) 0%, var(--pln-yellow) 100%);border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pln-header{border-bottom:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.pln-logo-box{background:#fff;border:1px solid #003f8a14;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;display:flex;box-shadow:0 4px 20px #003f8a26}.pln-logo-box svg{filter:drop-shadow(0 2px 4px #0003)}.pln-badge{color:var(--pln-blue);text-transform:uppercase;letter-spacing:.5px;background:#003f8a0f;border:1px solid #003f8a26;border-radius:99px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.step-timeline{gap:0;display:grid;position:relative}.step-item{align-items:flex-start;gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.step-item:last-child{padding-bottom:0}.step-item:not(:last-child) .step-circle:after{content:"";background:linear-gradient(180deg, var(--pln-blue) 0%, #003f8a1a 100%);width:2px;height:calc(100% - 4px);position:absolute;top:36px;left:50%;transform:translate(-50%)}.step-circle-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.step-circle{background:linear-gradient(145deg, var(--pln-blue), var(--pln-blue-light));color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 12px #003f8a59}.step-connector{background:linear-gradient(#003f8a4d 0%,#003f8a0d 100%);flex:1;width:2px;min-height:20px;margin-top:4px}.step-content{padding-top:.35rem;padding-bottom:1.5rem}.step-title{color:var(--text-main);margin-bottom:.2rem;font-size:.925rem;font-weight:700}.step-desc{color:var(--text-muted);font-size:.825rem;line-height:1.5}.step-checkout{background:#0596690f;border:1px dashed #05966966;border-radius:12px;align-items:flex-start;gap:.875rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.step-checkout-icon{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.form-group{text-align:left;margin-bottom:1.125rem}.form-group label{color:var(--pln-blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.form-input{width:100%;color:var(--text-main);background:#f5f8ff;border:1.5px solid #d0dcf0;border-radius:10px;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus{border-color:var(--pln-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #003f8a1f}.form-input::placeholder{color:#a8bfda}textarea.form-input{resize:vertical;min-height:90px}.btn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--pln-blue) 0%, var(--pln-blue-light) 100%);color:#fff;box-shadow:0 4px 14px #003f8a59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #003f8a73}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{color:var(--pln-blue);border:1.5px solid var(--pln-blue);background:0 0}.btn-outline:hover{background:#003f8a0d;transform:translateY(-1px)}.btn-danger{color:var(--danger);background:#fef2f2;border:1.5px solid #fecaca}.btn-danger:hover{background:#fee2e2;transform:translateY(-1px)}.office-pill{color:var(--pln-blue);background:linear-gradient(135deg,#003f8a12 0%,#f5c80012 100%);border:1px solid #003f8a1f;border-radius:99px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.4rem 1rem;font-size:.825rem;font-weight:600;display:inline-flex}.guest-item{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid #e2eaf4;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.guest-item:hover{box-shadow:var(--shadow-md);border-color:#003f8a33;transform:translate(2px)}.guest-info h3,.guest-info h4{color:var(--text-main);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.guest-info p{color:var(--text-muted);font-size:.825rem}.status-ok{color:var(--success);font-weight:600}.status-error{color:var(--danger);font-weight:600}.text-center{text-align:center}.text-left{text-align:left}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.grid-cols-2{grid-template-columns:1fr}@media (width>=641px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) fadeSlideIn}.alert-error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.9rem}.divider{border:none;border-top:1px solid #e8eff8;margin:1.25rem 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f4f9}::-webkit-scrollbar-thumb{background:#b0c4de;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--pln-blue)}@media (width<=640px){.app-container{align-items:flex-start;min-height:100dvh;padding:0}.glass-panel{max-width:100%;min-height:100dvh;box-shadow:none;border:none;border-radius:0;padding:1.25rem 1rem}.glass-panel:before{border-radius:0}h1{font-size:1.2rem}h2{font-size:1.05rem}p{font-size:.85rem}.form-input{border-radius:12px;padding:.875rem 1rem;font-size:1rem}.btn{border-radius:12px;min-height:52px;padding:.9rem 1.25rem;font-size:1rem}.form-group label{font-size:.72rem}.pln-header{gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.pln-logo-box{width:60px;height:60px}.guest-item{flex-direction:column;align-items:flex-start;gap:.75rem}.guest-item button{min-height:44px;width:100%!important}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}*{max-width:100%}img{max-width:100%;height:auto}.step-content{padding-bottom:1rem}.step-connector{min-height:16px}}@media (width<=360px){.glass-panel{padding:1rem .875rem}h1{font-size:1.1rem}.pln-badge{padding:.2rem .6rem;font-size:.68rem}}@media (hover:none) and (pointer:coarse){.btn-primary:hover:not(:disabled){transform:none;box-shadow:0 4px 14px #003f8a59}.btn-outline:hover,.btn-danger:hover{transform:none}.guest-item:hover{box-shadow:var(--shadow-sm);transform:none}.btn:active{opacity:.9;transform:scale(.97)}.guest-item:active{transform:scale(.99)}}