*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6fb;margin:0;min-height:100vh;display:flex;flex-direction:column;}.page-loader{position:fixed;top:0;left:0;width:0;height:3px;background:#4361ee;z-index:9999;transition:width 0.3s ease;box-shadow:0 0 8px rgba(67,97,238,0.5);}.page-loader.active{width:70%;transition:width 8s ease-out;}.page-loader.done{width:100%;transition:width 0.2s;opacity:0;transition:width 0.2s,opacity 0.3s 0.2s;}.portal-header{background:#fff;border-bottom:1px solid #e8ecf1;padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:center;}.portal-brand{display:flex;align-items:center;text-decoration:none;}.portal-logout{font-size:0.8rem;color:#94a3b8;text-decoration:none;padding:0.3rem 0.6rem;border-radius:8px;transition:all 0.15s;}.portal-logout:hover{background:#fef2f2;color:#ef4444;}.portal-content{flex:1;padding:1rem;max-width:600px;width:100%;margin:0 auto;padding-bottom:5rem;}.portal-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8ecf1;z-index:50;padding-bottom:env(safe-area-inset-bottom);}.portal-nav-inner{display:flex;padding:0.35rem 0.25rem;justify-content:center;gap:0;}.portal-nav a{display:flex;flex-direction:column;align-items:center;gap:0.15rem;text-decoration:none;color:#94a3b8;font-size:0.72rem;font-weight:500;padding:0.35rem 0;border-radius:10px;flex:1;transition:all 0.15s;text-align:center;white-space:nowrap;}.portal-nav a.active{color:#4361ee;background:#f0f4ff;}.portal-nav a svg{width:24px;height:24px;}a.panel,.tap-card,.day-card,.time-slot,.btn-primary,.portal-nav a,.portal-logout,.edit-btn,.edit-submit,.panel button,button[type="submit"]{-webkit-tap-highlight-color:transparent;transition:transform 0.12s ease,opacity 0.12s ease;}.tapped{transform:scale(0.96) !important;opacity:0.75 !important;background:#f0f4ff !important;}.panel{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:1rem;}.btn-primary{display:block;width:100%;padding:0.75rem;background:#4361ee;color:#fff;border:none;border-radius:10px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.15s;font-family:inherit;}.btn-primary:hover{background:#3651d4;}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;}.input-field{display:block;width:100%;padding:0.7rem 0.75rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:16px;font-family:inherit;color:#1e293b;background:#fff;transition:border-color 0.15s;}.input-field:focus{outline:none;border-color:#4361ee;}.error-msg{background:#fef2f2;color:#dc2626;font-size:0.85rem;padding:0.6rem 0.75rem;border-radius:8px;margin-bottom:0.75rem;}@keyframes spin{to{transform:rotate(360deg);}}@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.panel,.detail-section,.barcode-wrap{animation:fadeIn 0.3s ease both;}.portal-content>.panel:nth-child(1){animation-delay:0s;}.portal-content>.panel:nth-child(2){animation-delay:0.04s;}.portal-content>.panel:nth-child(3){animation-delay:0.08s;}.portal-content>.panel:nth-child(4){animation-delay:0.12s;}.portal-content>.panel:nth-child(5){animation-delay:0.16s;}.portal-content>.panel:nth-child(n+6){animation-delay:0.2s;}.flash-msg{display:flex;align-items:center;gap:0.5rem;border-radius:12px;padding:0.65rem 1rem;margin-bottom:0.75rem;font-weight:500;font-size:0.85rem;animation:fadeIn 0.25s ease both;}.flash-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;}.flash-error{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;}.flash-msg svg{flex-shrink:0;}