:root{--sa-primary:#4f46e5;--sa-primary-dark:#4338ca;--sa-primary-light:#818cf8;--sa-grad:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--sa-grad-blue:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--sa-grad-hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);--sa-bg:#f8fafc;--sa-bg-soft:#f1f5f9;--sa-card-bg:#fff;--sa-text:#1e293b;--sa-text-muted:#64748b;--sa-text-light:#94a3b8;--sa-border:#e2e8f0;--sa-shadow:#4f46e514;--sa-shadow-lg:#4f46e529;--sa-shadow-card:0 2px 12px #0000000a;--sa-shadow-elevated:0 8px 32px #00000014;--sa-radius:16px;--sa-radius-lg:24px;--sa-radius-xl:28px;--sa-success:#10b981;--sa-success-bg:#ecfdf5;--sa-warning:#f59e0b;--sa-warning-bg:#fffbeb;--sa-danger:#ef4444;--sa-danger-bg:#fef2f2;--sa-info:#3b82f6;--sa-info-bg:#eff6ff}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--sa-text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background:#e2e8f0;font-family:Inter,Segoe UI,Roboto,-apple-system,sans-serif}a{color:var(--sa-primary);font-weight:600;text-decoration:none}.sa-mobile-shell{background:var(--sa-bg);max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 60px #0000001f}.sa-navbar{background:var(--sa-grad-blue);color:#fff;z-index:100;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #4f46e540}.sa-navbar a,.sa-navbar .icon{color:#fff!important}.sa-navbar .title{letter-spacing:.3px;flex:1;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.sa-navbar .top-logo{border-radius:8px;width:auto;height:36px;max-height:36px}.sa-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:22px;transition:background .15s;display:flex}.sa-back-btn:active{background:#ffffff4d}.sa-bottom-nav{z-index:90;border-top:1px solid var(--sa-border);background:#fff;justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:8px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 20px #00000014}.sa-bottom-nav-item{color:var(--sa-text-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:4px;padding:6px 16px;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.sa-bottom-nav-item .material-icons{font-size:24px}.sa-bottom-nav-item.active{color:var(--sa-primary)}.sa-bottom-nav-item.active .material-icons{transition:transform .15s;transform:scale(1.1)}.sa-page{flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.sa-page-content{flex:1;padding:0}.sa-card{background:var(--sa-card-bg);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow-card);border:1px solid var(--sa-border);margin:12px 16px;overflow:hidden}.sa-card-header{color:var(--sa-text);border-bottom:1px solid var(--sa-border);align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.sa-card-footer{background:var(--sa-bg-soft);color:var(--sa-text-muted);padding:12px 18px;font-size:12px}.sa-card-content{padding:14px 18px}.sa-list{border-radius:var(--sa-radius);box-shadow:var(--sa-shadow-card);border:1px solid var(--sa-border);background:#fff;margin:8px 16px;list-style:none;overflow:hidden}.sa-list li{border-bottom:1px solid var(--sa-border)}.sa-list li:last-child{border-bottom:none}.sa-item{cursor:pointer;color:inherit;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:background .12s;display:flex}.sa-item:active{background:var(--sa-bg-soft)}.sa-item-title{color:var(--sa-text);flex:1;font-weight:600}.sa-item-after{color:var(--sa-text);text-align:right;font-size:14px;font-weight:600}.sa-item-header{color:var(--sa-text-muted);font-size:12px;font-weight:600}.sa-item-footer{color:var(--sa-text-muted);font-size:12px}.sa-btn{letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.sa-btn:active{transform:scale(.97)}.sa-btn-fill{background:var(--sa-grad-blue);color:#fff;box-shadow:0 4px 16px #4f46e54d}.sa-btn-outline{border:2px solid var(--sa-primary);color:var(--sa-primary);background:#fff}.sa-btn-big{text-align:center;width:100%;height:52px;font-size:15px;line-height:52px}.sa-btn .material-icons{font-size:22px}.sa-landing{background:linear-gradient(180deg, var(--sa-grad-hero) 0%, #7c3aed 30%, var(--sa-bg) 70%);flex-direction:column;align-items:center;min-height:100vh;padding:36px 20px;display:flex}.sa-logo{filter:drop-shadow(0 8px 24px #0003);max-width:120px;margin:20px auto 16px;display:block}.sa-landing-title{color:#fff;letter-spacing:.5px;margin-top:8px;font-size:22px;font-weight:800}.sa-landing-subtitle{color:#fffc;letter-spacing:1.2px;text-align:center;margin-top:6px;font-size:11px;font-weight:600}.sa-landing-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--sa-text);text-align:center;background:#fffffff2;border-radius:16px;margin:16px;padding:14px 18px;font-size:13px;line-height:1.5;box-shadow:0 4px 20px #00000014}.sa-antrian-hero{border-radius:var(--sa-radius-lg);background:var(--sa-grad-hero);color:#fff;text-align:center;margin:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e540}.sa-antrian-hero:before{content:"";background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.sa-antrian-hero:after{content:"";background:#ffffff0f;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;left:-20px}.sa-antrian-label{letter-spacing:1.5px;text-transform:uppercase;opacity:.8;font-size:11px;font-weight:700;position:relative}.sa-antrian-noreg{letter-spacing:4px;margin:8px 0;font-size:72px;font-weight:800;line-height:1;position:relative}.sa-antrian-poli{opacity:.95;font-size:14px;font-weight:600;position:relative}.sa-home-grid{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 16px 8px;display:flex}.sa-home-tile{border-radius:var(--sa-radius);width:calc(25% - 8px);box-shadow:var(--sa-shadow-card);border:1px solid var(--sa-border);color:var(--sa-text);-webkit-tap-highlight-color:transparent;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:16px 4px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.sa-home-tile:active{box-shadow:var(--sa-shadow-lg);transform:scale(.93)}.sa-home-tile .material-icons{margin-bottom:6px;font-size:30px}.sa-home-tile span{text-align:center;line-height:1.2}.sa-form-group{border-radius:var(--sa-radius);box-shadow:var(--sa-shadow-card);border:1px solid var(--sa-border);background:#fff;margin:8px 16px;overflow:hidden}.sa-form-item{border-bottom:1px solid var(--sa-border);align-items:center;gap:14px;padding:14px 18px;display:flex}.sa-form-item:last-child{border-bottom:none}.sa-form-item .material-icons{color:var(--sa-primary);flex-shrink:0;font-size:22px}.sa-form-label{color:var(--sa-text);white-space:nowrap;font-size:14px;font-weight:600}.sa-form-input,.sa-form-select,.sa-form-textarea{width:100%;color:var(--sa-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:15px}.sa-form-textarea{resize:vertical;min-height:60px}.sa-block-title{color:var(--sa-text);letter-spacing:.3px;padding:10px 20px;font-size:15px;font-weight:700}.sa-status-badge{background:var(--sa-warning-bg);color:var(--sa-warning);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.sa-status-badge.sudah{background:var(--sa-success-bg);color:var(--sa-success)}.sa-status-badge.ditolak{background:var(--sa-danger-bg);color:var(--sa-danger)}.sa-tabs{box-shadow:0 2px 8px var(--sa-shadow);z-index:90;border-bottom:1px solid var(--sa-border);background:#fff;display:flex;position:sticky;top:56px}.sa-tab{text-align:center;color:var(--sa-text-muted);cursor:pointer;border-bottom:3px solid #0000;flex:1;padding:14px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.sa-tab.active{color:var(--sa-primary);border-bottom-color:var(--sa-primary)}.sa-bk-ticket{border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-elevated);border:1px solid var(--sa-border);background:#fff;margin:20px 16px 4px;overflow:hidden}.sa-bk-ticket-top{background:var(--sa-grad-hero);color:#fff;text-align:center;padding:20px 20px 24px;position:relative;overflow:hidden}.sa-bk-ticket-top:before{content:"";background:#ffffff14;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.sa-bk-ticket-badge{letter-spacing:.5px;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.sa-bk-ticket-nobooking-label{letter-spacing:1.2px;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:600}.sa-bk-ticket-nobooking{letter-spacing:1px;word-break:break-all;margin:4px 0 12px;font-size:28px;font-weight:800}.sa-bk-ticket-date-item{background:#ffffff26;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:700;display:inline-flex}.sa-bk-ticket-divider{border-top:2px dashed var(--sa-border);height:0;margin:0 16px;position:relative}.sa-bk-ticket-divider:before,.sa-bk-ticket-divider:after{content:"";background:var(--sa-bg);border-radius:50%;width:22px;height:22px;position:absolute;top:-11px}.sa-bk-ticket-divider:before{left:-25px}.sa-bk-ticket-divider:after{right:-25px}.sa-bk-ticket-body{padding:16px 20px 14px}.sa-bk-ticket-row{justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;font-size:14px;display:flex}.sa-bk-ticket-row span{color:var(--sa-text-muted)}.sa-bk-ticket-row b{text-align:right}.sa-bk-steps-title{color:var(--sa-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.sa-bk-steps{color:var(--sa-text);margin:0;padding-left:20px;font-size:13.5px;line-height:1.55}.sa-bk-steps li{margin-bottom:7px}.sa-bk-steps li::marker{color:var(--sa-primary);font-weight:700}.sa-bk-note{background:var(--sa-info-bg);border-left:4px solid var(--sa-info);color:#1e40af;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:12.5px}.sa-toast{z-index:9997;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#1e293bf2;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;animation:.2s sa-fade-in;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.sa-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;animation:.15s sa-fade-in;display:flex;position:fixed;inset:0}.sa-loading-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.7s linear infinite sa-spin}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.15s sa-fade-in;display:flex;position:fixed;inset:0}.sa-dialog{border-radius:var(--sa-radius-lg);width:100%;max-width:400px;box-shadow:var(--sa-shadow-elevated);background:#fff;overflow:hidden}.sa-dialog-title{color:var(--sa-text);padding:20px 24px 8px;font-size:18px;font-weight:700}.sa-dialog-body{color:var(--sa-text-muted);padding:8px 24px 20px;font-size:14px;line-height:1.5}.sa-dialog-buttons{border-top:1px solid var(--sa-border);gap:1px;display:flex}.sa-dialog-btn{cursor:pointer;color:var(--sa-primary);background:#fff;border:none;flex:1;padding:14px;font-size:15px;font-weight:600;transition:background .12s}.sa-dialog-btn:active{background:var(--sa-bg-soft)}.sa-dialog-btn:first-child{border-right:1px solid var(--sa-border);color:var(--sa-text-muted)}.sa-calendar{border-radius:var(--sa-radius);box-shadow:var(--sa-shadow-card);border:1px solid var(--sa-border);background:#fff;margin:8px 16px;overflow:hidden}.sa-calendar-header{border-bottom:1px solid var(--sa-border);background:#fff;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sa-calendar-header .title{color:var(--sa-text);font-size:16px;font-weight:700}.sa-calendar-nav{background:var(--sa-bg-soft);cursor:pointer;color:var(--sa-primary);border:none;border-radius:10px;padding:6px 12px;font-size:20px}.sa-calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;padding:8px;display:grid}.sa-calendar-dow{text-align:center;color:var(--sa-text-muted);padding:4px 0;font-size:12px;font-weight:700}.sa-calendar-day{text-align:center;cursor:pointer;color:var(--sa-text);border-radius:8px;padding:8px 0;font-size:14px;transition:background .12s}.sa-calendar-day:hover{background:var(--sa-info-bg)}.sa-calendar-day.selected{background:var(--sa-primary);color:#fff;font-weight:700}.sa-calendar-day.disabled{color:#cbd5e1;cursor:not-allowed}.sa-calendar-day.disabled:hover{background:0 0}.sa-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:8px;width:100%;animation:1.5s infinite sa-shimmer}@keyframes sa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sa-skeleton-line{border-radius:4px;height:16px;margin-bottom:8px}.sa-fab{z-index:50;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.sa-empty{color:var(--sa-text-light);text-align:center;padding:24px;font-size:14px}@keyframes sa-fade-in{0%{opacity:0}to{opacity:1}}.sa-text-center{text-align:center}.sa-text-muted{color:var(--sa-text-muted)}.sa-p-12{padding:12px 16px}.sa-mt-8{margin-top:8px}.sa-mb-8{margin-bottom:8px}.sa-hidden{display:none}